Hallo! Heute werden wir uns ansehen, wie man kleine Chibis zeichnet und sie dann auf einfache, niedliche Weise animiert, alles in Clip Studio Paint! Wir werden Tween-Animationen verwenden, diese aber später auch mit einigen Frame-für-Frame-Animationen kombinieren. Abschließend zeige ich Ihnen, wie Sie die Animation in eine Software wie Streamlabs integrieren können.

 

Sie können eine Videoversion dieses Tutorials hier ansehen:

CHIBI ZEICHNEN

Beginnen wir mit dem Zeichnen des Chibi. In diesem Beispiel habe ich mich entschieden, mit linienlosen Kunstwerken zu arbeiten. Diese einfache Art, einen Charakter zu rendern, passt zu dem ebenso einfachen wie niedlichen Chibi-Look, den wir wollen. und es kommt auch mit einem anderen großen Vorteil.

 

Ohne Lineart ist es viel einfacher, Dinge zu animieren, und Sie müssen sich keine Sorgen machen, dass die Linien perfekt zusammenpassen.

 

Wenn wir eine Illustration für die Art von Animation erstellen, die wir erstellen möchten, müssen wir einige Dinge beachten:

1. Arbeiten Sie mit Vektorebenen:

 

Dies trägt dazu bei, die Bildqualität beim Transformieren von Grafiken zu verbessern (im Vergleich zur Verwendung von Bitmap- / Rasterebenen). Weitere Informationen zu Vektorebenen finden Sie in meinem anderen Tutorial:

Beachten Sie, dass wir die Transparenz einer Ebene nicht sperren können, um Teile Ihrer Zeichnung neu einzufärben. Sie können jedoch weiterhin eine Ebene in eine darunter liegende Ebene einclipsen, um einen ähnlichen Effekt zu erzielen.

2. Erstellen Sie Ebenen für jedes Element der Abbildung:

 

Damit Tween-Animationen flüssig und lebendig aussehen, müssen wir sicherstellen, dass wir die Kontrolle über eine ausreichende Anzahl von Elementen der Abbildung haben. Jede Ebene kann für sich animiert werden. Daher ist es sinnvoll, den Charakter in viele Teile aufzuteilen.

3. Überlappen Sie Elemente:

 

Stellen Sie sicher, dass die Elemente so eingerichtet sind, dass auch dann noch Details vorhanden sind, wenn andere Elemente sie überlappen. Auf diese Weise sehen die Elemente beim Verschieben so aus, als wären sie miteinander verbunden.

4. Erstellen Sie Ordner für gruppierte Elemente der Abbildung:

 

Dies bedeutet, dass wir Elemente zusammenfassen, die zusammengehören - zum Beispiel: Der Ordner „linker Arm“ enthält „oberer linker Arm“, „unterer linker Arm“ und „Hand“. Auf diese Weise können wir später den gesamten Arm auf einmal animieren, anstatt immer jedes einzelne Teil animieren zu müssen. Das spart viel Zeit!

EINRICHTEN DER ANIMATION

Sobald wir die Zeichnung fertig haben, beginnen wir mit der Vorbereitung der Animation. Wechseln Sie zu einem animationsorientierten Arbeitsbereich. Weitere Informationen zu Arbeitsbereichen in Clip Studio Paint finden Sie in meinem anderen Tutorial:

Alternativ gehen Sie einfach zu „Fenster“ und wählen Sie „Zeitleiste“. Drücken Sie nun die Taste "Neue Timeline".

Wählen wir eine Bildrate von 12 und eine Wiedergabezeit von 24. Dies bedeutet, dass wir 12 Bilder pro Sekunde haben und eine Animation von zwei Sekunden mit den 24 Bildern der Wiedergabe erhalten. Wenn Sie Animationen mit mehr Frames haben möchten, müssen Sie die EX-Version von Clip Studio Paint erwerben. Für die einfachen Animationsschleifen, die wir erstellen möchten, sind jedoch die in Clip Studio Paint Pro verfügbaren 24 Bilder ausreichend.

 

Da wir viele Ebenen haben, möchten wir möglicherweise die Animationszeitleiste vereinfachen, indem wir die Miniaturansichten deaktivieren. Sie können dies tun, indem Sie das Menü öffnen, auf "Miniaturbildgröße" klicken und "Keine" auswählen.

Bereiten wir nun unsere Illustrationselemente für den Animationsprozess vor.

 

Schritt 1: Wählen Sie alle Ebenen (und Ordner) aus und klicken Sie auf die Schaltfläche "Keyframes auf dieser Ebene aktivieren".

Schritt 2: Wählen Sie jede Ebene (und jeden Ordner) mit dem Objektwerkzeug aus und passen Sie den Drehpunkt an. Dies ist das kleine Kreuz, das in der Mitte der Leinwand auftaucht. Verschieben Sie es zu jedem Gelenk Ihrer Abbildung - wo sich ein Element mit einem anderen überlappt. Bewegen Sie die Handschicht beispielsweise zum Handgelenk. Bewegen Sie die Unterarmschicht zum Ellbogen. Bewegen Sie die Oberarmschicht zur Schulter.

Dies sind die ersten Schritte, die wir unternehmen müssen, um mit unserer Animation zu beginnen. Wenn Sie fertig sind, ist es immer eine gute Idee, die Datei zu speichern!

ANIMIEREN VON CHARAKTEREN MIT TWEENS

Bevor wir mit der Animation beginnen, überlegen wir uns kurz, wie die Animation aussehen soll. Ich habe hier zwei verschiedene Animationen skizziert: Eine einfache Leerlaufanimation und eine BRB-Animation, die verwendet wird, wenn der Stream angehalten wird.

Da wir bereits wissen, dass wir zwei Animationen erstellen möchten, duplizieren wir die aktuelle Zeitachse, in der wir bereits die Rotationszentren eingerichtet haben. Gehen Sie zum Menü, wählen Sie Timeline und dann "Timeline verwalten". Hier können Sie die aktuelle Timeline duplizieren.

Aber jetzt animieren wir tatsächlich.

 

Beim Anpassen des Rotationszentrums für jede Ebene ist Ihnen möglicherweise aufgefallen, dass in der Zeitleiste kleine Rautenformen erstellt wurden. Dies bedeutet, dass Sie einen Keyframe erstellt haben.

Um unsere Animation zu erstellen, müssen wir mehr Keyframes erstellen. Gehen wir zur Mitte unserer Zeitleiste, Bild 12. Nun ordnen wir die einzelnen Teile des Charakters neu an, damit sie wie unsere Skizze aussehen. Wir können dies tun, indem wir sie verschieben, drehen und ihre Größe ändern.

Die Unterschiede mögen subtil aussehen, wenn sie nebeneinander angeordnet sind, aber für eine inaktive Animation möchten wir eigentlich nichts Auffälliges und Verrücktes, also haben Sie keine Angst, subtile Änderungen vorzunehmen. In Bewegung wird es immer noch auffallen!

 

Wir können sogar die Option "Seitenverhältnis beibehalten" im Eigenschaftenfenster des Werkzeugs deaktivieren und jetzt Elemente quetschen oder dehnen. Ich würde jedoch empfehlen, dies nicht mit AUCH rotierenden Elementen zu kombinieren. Nach meiner Erfahrung hat dies immer zu einem Fehler geführt, bei dem sich das Element neu positioniert. Ich kann nicht sagen, ob dies ein globales Problem ist oder nur auf meinem Computer vorhanden ist.

Wir können die Animation bereits testen und werden feststellen, dass Clip Studio Paint automatisch alle Frames zwischen diesen Keyframes erstellt. Möglicherweise möchten Sie zusätzliche Keyframes erstellen, um weitere Schritte in der Animation zu erstellen, insbesondere im Fall der „BRB“ -Animation.

 

Da die Animation wiederholt werden soll, stellen wir sicher, dass die Animation so endet, wie sie begonnen hat. Wenn wir mit der rechten Maustaste auf den Diamanten des ersten Keyframes klicken, können wir ihn kopieren. Jetzt können wir mit der rechten Maustaste auf den letzten Frame klicken und ihn einfügen. Auf diese Weise werden die gleichen Transformationen wie in diesem ersten Frame angewendet.

Animation ist ein Versuch und Irrtum Prozess. Testen Sie die Animation weiter, passen Sie die Positionen der Elemente an, passen Sie das Timing der Bewegungen an und probieren Sie immer wieder neue Dinge aus. Es kann eine Weile dauern, bis Sie an einem Ort angekommen sind, an dem Sie mit der Animation zufrieden sind!

TEXT RAHMEN FÜR RAHMEN ANIMIEREN

Wechseln wir zu unserer "BRB" -Animation. Ich habe die Animation des Charakters bereits eingerichtet. Um die BRB-Buchstaben über dem Zeichen hinzuzufügen, erstellen wir einen neuen Animationsordner (A). Wählen Sie als Nächstes das erste Bild aus, in dem die Buchstaben angezeigt werden sollen (B), und klicken Sie auf „Neue Animationszelle“ (C).

Zeichnen Sie einfach den Brief ein. Wählen Sie dann das nächste Bild aus und zeichnen Sie den Buchstaben erneut. Sie können auf „Zwiebelschale aktivieren“ (D) drücken, um das vorherige Bild hervorzuheben. Auf diese Weise können Sie den Brief einfach nachzeichnen. Indem wir denselben Buchstaben immer wieder neu zeichnen, erzeugen wir einen niedlichen Wobble-Effekt. Fahren Sie fort, bis Sie dies für die gesamte Animation abgeschlossen haben. Am Ende entschied ich mich, die Buchstaben schrumpfen zu lassen und dann zu „knallen“, um zu verschwinden. Dadurch fühlt sich die Schleife natürlicher an, als wenn nur die Buchstaben ohne besonderen Effekt verschwinden.

EXPORTIEREN DER ANIMATION

Nachdem wir fertig sind, möchten wir unsere Animationen exportieren. Sie können sie als GIF exportieren, wenn Sie sie in sozialen Medien oder anderswo verwenden möchten. Da wir die Chibis jedoch als Teil eines Stream-Overlays verwenden möchten, müssen wir die Option „Animation exportieren> Film“ auswählen.

Deaktivieren Sie jedoch vorher die Hintergrundebene "Papier". Auf diese Weise können wir die Animation als transparente Datei exportieren, um Elemente in Streamlabs zu überlagern.

Dies sind die Einstellungen, die ich für den Export verwende:

Wenn Sie für Ihre Animation eine andere Bildrate verwendet haben, geben Sie diese hier ein! Es wird nicht standardmäßig diejenige verwendet, die Sie beim Einrichten Ihrer Timeline verwendet haben.

INTEGRIEREN DER ANIMATION IN STREAMLABS

Nachdem wir mit der Animation fertig sind, integrieren wir sie in Streamlabs. Wählen Sie das Symbol "+" im Menü "Quellen" und wählen Sie "Medienquelle". Navigieren Sie nun zur Datei. Stellen Sie sicher, dass Sie die Option „Loop“ auswählen.

Um zwischen den beiden Zuständen der Animation zu wechseln, ist es sinnvoll, Ihre aktuelle Szene zu duplizieren. Fügen Sie in der neuen Szene jetzt eine neue „Medienquelle“ hinzu. Stellen Sie sicher, dass Sie stattdessen "Neue Quelle hinzufügen" aktivieren. Platzieren Sie nun einfach die "BRB" -Datei. Stellen Sie sicher, dass Sie die beiden Animationen an derselben Stelle skalieren und positionieren. Nachdem Sie dies getan haben, können Sie die vorherige Animation löschen, indem Sie sie auswählen und auf das Symbol „-“ drücken. Sie können jetzt zwischen den beiden Animationszuständen wechseln, indem Sie auf die jeweilige Szene klicken.

DANKE

Ich hoffe, dieses Tutorial war hilfreich. Wenn Sie Fragen haben oder mitteilen möchten, was Sie beim Befolgen dieser Anweisungen gemacht haben, können Sie gerne einen Kommentar hinterlassen! :) :)

 

Schauen Sie sich auch unbedingt meine Frau Cassiejwl auf Twitch an, um Häkel- und Gaming-Streams zu erhalten, für die ich diese Animation erstellt habe!