Video:

Hallo! Mein Name ist Iarlis und heute bringe ich euch ein Tutorial, wie man eine Illustration mit Bewegung macht.

 

Dies ist ein Tutorial für Anfänger, das mit ein bisschen Animationskonzept beginnt, damit ihr eure Illustrationen zum Leben erwecken könnt!

Was wir machen werden, wird etwas Ähnliches wie diese Auftragsbeispiele sein <3

Beispiele:

Schritt 1: Skizze + Erläuterung des Zeitplans

Es ist wichtig, die Bewegung, die wir in der Illustration machen werden, in der Skizze zu markieren. Natürlich machen das manche Leute sofort, aber wenn wir eine einfache Animation machen, sollten wir die wichtigen Punkte markieren.

Beispiel: Augenbewegung, Haare, Kleidung usw.!

Tipp:

Wenn Sie zum ersten Mal animieren, empfehle ich Ihnen, einfache Bewegungen zu machen: Blinzeln, Haare, Landschaft. Manchmal ist weniger mehr.

Zeitleiste

Lassen Sie uns die Zeitleiste erstellen. Gehen Sie dazu zu „Fenster“ -> Zeitleiste.

Wir belassen es bei der Standardeinstellung.

1: Dies ist der Animationsordner, ein Ordner, in dem wir verschiedene Ebenen zur Organisation ablegen können. Er ist wie ein normaler Ordner, aber dieser ist ausschließlich für Animationen.

 

Warum keinen normalen Ordner anlegen? Der normale Ordner ist in der gesamten Zeitleiste registriert. Das bedeutet, dass wir ihn nicht kürzen oder verlängern können.

 

2: Dies ist die Zwiebelschalenebene, ich bin sicher, die meisten von Ihnen haben davon gehört. Sie wird verwendet, um die vorherige und nachfolgende Zeichnung anzuzeigen und uns zwischen den Frames zu leiten.

 

3: Dies ist die bekannte Animationszelle. Sie erscheint als Ebene innerhalb des Animationsordners und mit ihrer Hilfe können wir die Sequenz erstellen.

Animierte Skizze + Animationskonzept

Nachdem wir nun ein wenig über die Zeitleiste wissen, können wir mit der Klassifizierung der Skizze fortfahren. Lassen Sie uns die Animation skizzieren.

 

Ein grundlegendes Konzept der Animation ist, dass die Bewegung umso langsamer ist, je mehr Einzelbilder Sie zusammen haben (mehr Zeichnungen). Und je weiter die Zeichnungen auseinander liegen, desto schneller ist sie.

 

Wenn Sie eine komplexere Animation mit Bewegung erstellen möchten, empfehle ich Ihnen, die bekannten Schlüsselposen zu machen. Aber in diesem Tutorial werde ich mich nur auf eine einfache Animation konzentrieren.

 

Beispiele für die Praxis der Animation, die ich an meiner Universität gemacht habe <3

Wenn Sie sich für komplexe Animationen interessieren, erklärt dieser offizielle Clip Studio-Tipp es ausführlicher

1) Normale Ordner können zur Organisation verwendet werden (wie in meinem Fall).

2) Animationsordner sind beim Animieren obligatorisch, da sie uns ermöglichen, uns auf der Zeitleiste zu bewegen.

 

Als animierte Skizze werde ich nur Blinzeln, Kaffeerauch, Handy und Pupillen machen.

Der Rest wird in After Effects animiert

Schritt 2: Strichzeichnungen und Farben

Der Schritt für Strichzeichnung und Farbe ist derselbe wie bei einer Illustration. Bei der normalen Illustration verwenden wir die normalen Ordner und bei der Animation verwenden wir die Animationsordner, die ich oben erklärt habe.

 

Um Sie bei der Farbe der Animation zu unterstützen, verwenden Sie mehrere Animationsordner. Verwenden Sie NICHT alle Farben in einer einzigen Ebene, da es sonst schwierig wird, zum nächsten Frame zu wechseln. Trennen Sie es nach: Strichzeichnung, Grundfarbe, Schatten, Helligkeit.

Damit beim Betrachten so vieler Animationsordner nicht alles chaotisch aussieht, organisieren Sie es mit den normalen Ordnern.

Haare: Vorbereitung der Strähnen

Für das Haar trennen wir die Strähnen: statische BASIS und dann die geteilten Strähnen. Im Haarteil brauchen wir den Animationsordner nicht (ich wollte es in Clip Studio machen, habe mich aber entschieden, es nachher zu machen, um es Ihnen zu zeigen, deshalb gibt es den Animationsordner).

Es sieht komisch aus ohne Haare, haha. Das Basishaar wird das sein, was sich nicht bewegt.

So! Wir müssen alles vorbereiten, um es dann nachher durchzuziehen. Wir machen das Haar wie üblich, trennen aber die Strähnen, um es vorzubereiten.

Im Moment trenne ich die Strähnen in TEIL A und TEIL B, das wäre der Pony, und unterteile die Strähnen.

Das hilft mir, eine bessere Ordnung zu haben, wenn ich es als PNG exportiere und zum Nachher-Bild hinzufüge.

Schritt 3: Exportieren, um es zu After hinzuzufügen

Wir exportieren so. Wir exportieren die Animation, verstecken aber die Ordner, die wir später in After Effects animieren müssen. In meinem Fall wären das die Schlösser und andere Dinge wie Logos und Symbole.

 

 

Animation exportieren:

Wir werden die Ordner, die wir zurückgelassen haben, ausblenden, um sie später in After Effect zu importieren. Die Animation, die wir nicht ändern und die wir in CLIP Studio erstellt haben, wird als Film exportiert.

Ich empfehle, dass Sie die Ordner, die Sie woanders animieren, immer einfärben. In diesem Fall sind die Ordner, die ich in After Effect animieren werde, lila.

Vor den Nachwirkungen würde es so aussehen.

PNG-Export für danach:

Erinnern Sie sich an den Rauch, den ich am Anfang gemacht habe? Das ist eine Animation, die ich im Nachhinein hinzufügen werde, aber wie exportieren wir sie? Wir exportieren sie als Bildsequenz.

Die zu befolgenden Schritte wären also diese:

Datei -> Animation exportieren -> Bildsequenz

Bei den Strängen werden wir die Reihenfolge einhalten. Exportieren Sie nicht alles vollständig, sondern jeden Strang mit seinem jeweiligen Namen. Das ist mühsam, wird uns aber beim Importieren helfen.

NACHWIRKUNGEN

Dateien importieren

EMPFEHLUNG: Schau dir das Video an, um es besser zu verstehen. Ich werde versuchen, es hier zu erklären.

 

Für die Haare müssen wir sozusagen „ankern“

Auf diese Weise bewegt sich das Haar, aber an Ort und Stelle und nicht irgendwo.

Okay, wir haben die Rotation, wir halten es einfach, haha.

Aktivieren wir den Rahmen (was neben der Rotation ist) und bewegen uns entlang der Zeitleiste und ändern die Zahl. In meinem Fall gebe ich 7 ein. Und am Ende geben wir wieder 0 ein, um die Schleife zu erstellen.

Um die Animation zu exportieren, müssen wir zu:

Datei-> Exportieren -> Zur Adobe-Encoder-Warteschlange oder Verarbeitungswarteschlange hinzufügen gehen.

Wir können sie als PNG als Bildsequenz oder als h.264 exportieren.

In meinem Fall beides, da ich bestimmte Details verbessern und Dinge in Photoshop hinzufügen möchte <3

Ergebnis:

Setzen Sie sich also keine Grenzen <3 und ich freue mich darauf, Ihre wunderschönen Animationen zu sehen!