In diesem Tutorial zeige ich Ihnen, wie ich das Bézierkurven-Werkzeug verwende, um auf einfache Weise Keyframes für die Haaranimation zu erstellen. Die neue Funktion in Clip Studio (seit April 2020) macht den Frame-by-Frame-Animationsprozess einfacher als je zuvor.

Hinweis: Stellen Sie sicher, dass Sie Ihre Clip Studio-Version auf 1.9.9 (Update vom 9. April 2020) oder höher aktualisieren, um das Bézierkurven-Werkzeug verwenden zu können.

 

(Wenn Sie bereits an die Vektorbearbeitung in Clip Studio gewöhnt sind, wird dieses Update auch die Benutzeroberfläche einiger Werkzeuge und Vektorknoten ändern, um die Handhabung zu erleichtern.)

 

 

Video-Tutorial

Grundlegende Haaranimation

Hier sind einige Anfängertipps für die Haarbewegung im Handumdrehen.

Nachdem die grobe Animation abgeschlossen ist, fügen Sie die Zwischen-Keyframes für flüssigere Bewegungen hinzu.

Mit dieser Grundlage können Sie die grundlegende Haaranimation zum Charakter hinzufügen.

Zuerst teilen Sie die Haarteile auf.

Zeichnen Sie den groben Keyframe, wenden Sie die Kette für ein einfaches Bewegungsdesign an und zeichnen Sie die groben Details des Keyframes.

Die Trennung der Teile erleichtert das Zeichnen der Bewegung.

Für die Farbtrennungs-Ebenen erstellen Sie eine neue Zeitleiste mit dieser Einstellung

(der Loop von 24 Frames dauert 2 Sekunden, was für eine Begrenzung von 24 Frames immer noch flüssig ist [ Clip Studio PRO])

Erstellen Sie einen Animationsordner für die Keyframes

Erstellen Sie einen Ordner für die Keyframes und Ebenen für die Farbe

Wenden Sie dann den Ebenenfarbeffekt darauf an

Mit dieser Technik müssen Sie nicht jedes Mal eine neue Farbe auswählen, wenn Sie einen anderen Teil zeichnen, und es wird weniger verwirrend sein. ^_^

Und wenn Sie einen neuen Frame erstellen, erscheint die Ebenenfarbe auch im neuen Frame-Ordner.

Die Zwiebelschichtfunktion ermöglicht es uns, zu sehen, was in vorherigen und nächsten Frames passiert ist. Sie können sie durch Klicken auf das Symbol aktivieren oder deaktivieren.

Wenn die Farbe zu schwer zu erkennen ist, können Sie die Zwiebelschichtfunktion im Menü anpassen:

Animation > Animationszellen anzeigen > Zwiebelschicht-Einstellungen

 

Fertigstellen der groben Keyframes.

Inken mit dem Bézierkurven-Werkzeug.

Das Bézierkurven-Werkzeug finden Sie unter den Figuren-Hilfswerkzeugen.

Mit 3 Kurvenmodi für verschiedene Verwendungszwecke

Für dieses Projekt werde ich die kubische Bézierkurve verwenden, da sie es ermöglicht, Kurven und Ecken zusammen in einer Linie zu erstellen, was für die Bearbeitung flexibel ist.

Der Kreis-Knoten ist für Kurven

und der quadratische Knoten ist für Ecken

Sie können den Knotentyp auch mit dem Hilfswerkzeug [Linie korrigieren] > [Kontrollpunkt] ändern.

Und aktivieren Sie [Ecke wechseln] in den Werkzeugeigenschaften.

Die grundlegende Steuerung zum Zeichnen kubischer Bézierkurven

Klicken = Eckknoten erstellen (quadratischer Knoten)

Klicken, halten und ziehen = Kurve erstellen (Kreisknoten)

 

Beide Knoten haben Armsteuerungen, so dass Sie ziehen können, um die Kurve der mit dem Knoten verbundenen Linie anzupassen.

 

Erstellen Sie den Ordner für Keyframe 1 mit einer Vektorebene für die Tusche.

*[WICHTIG!!] Sie müssen eine Vektorebene für die Tusche verwenden, damit Sie die Tusche später bearbeiten können.

Zeichnen Sie den Keyframe mit dem kubischen Bézierkurven-Werkzeug

(Skizzierebene mit geringerer Deckkraft als Referenz anzeigen)

Zwiebelschicht hilft bei der Linienposition

Um die Schleifenanimation zu erstellen, stellen Sie beim Zeichnen des letzten Frames den nächsten Frame auf den ersten Frame ein.

Die Zwiebelschichtfunktion erleichtert das Zeichnen.

Für die Zwischen-Keyframes verwenden wir die Bézierkurve, um die vorhandene Ebene zu bearbeiten, anstatt alle Keyframes zu zeichnen.

 

Neuen Frame einfügen: Dies generiert manchmal einen Ordnernamen, da Keyframe-Namen wie '2', die bereits in Frame 5 verwendet werden, nicht erstellt werden können (wir können sie aber später umbenennen).

 

Hier ist meine Einstellung der Zwiebelschicht:

grün - nächste Szene

rosa - vorherige Szene

Wählen Sie die Tuscheebene aus der vorherigen Szene aus und drücken Sie dann Strg+C zum Kopieren

Und wählen Sie den Zielordner der Szene aus und drücken Sie dann Strg+V zum Einfügen

Sie können sehen, dass die Tuschelinie die rosa Linie (vorheriger Frame) überlappt

Verwenden Sie das Kontrollpunkt-Werkzeug (Hilfswerkzeug [Linie korrigieren]), um den Knoten zu verschieben.

Ich empfehle, im Modus 'Kontrollpunkt hinzufügen' zu bleiben.

Sie können in diesem Modus auch Knoten verschieben, hinzufügen und entfernen.

 

 

Klicken Sie auf die Linie, um einen neuen Knoten hinzuzufügen (wenn das Symbol + erscheint).

Halten Sie Alt gedrückt und klicken Sie auf den Knoten, um Knoten zu löschen (das Symbol - erscheint).

 

Passen Sie die Tusche an die Position zwischen dem vorherigen und dem nächsten Keyframe an

Mit dieser Technik sparen Sie viel Zeit beim Erstellen von Zwischen-Keyframes, und die Tusche bleibt in jedem Keyframe gleich groß.

(Sag hallo zu dem glatzköpfigen Mädchen, heh heh)

Wiederholen Sie die Schritte für das Hinterhaar, zeichnen Sie alles ohne offene Lücken in den Linien für einfaches Kolorieren.

Kolorieren und Schattieren

Ich verwende immer meine Lieblingseinstellung des Werkzeugs aus den Clip Studio Assets zum Füllen von Flächenfarben.

Sie können auch das Werkzeug 'Schließen und Füllen' verwenden.

 

Stellen Sie die Option 'Mehrfachreferenz' auf Referenzebene ein

Erstellen Sie einen neuen Animationsordner unterhalb des Tusche-Animationsordners und legen Sie dann den Tusche-Ordner als Referenzebene fest

Sie können saubere Farbflächen mit einem einzigen Strich erstellen.

Erstellen Sie einen neuen Frame und füllen Sie die Farbe in jedem Frame aus,

wiederholen Sie diesen Schritt auch mit dem hinteren Teil des Haares

(Nicht länger kahlköpfig ~(‘ w ‘ ~))

Um die Tuschefarbe anzupassen, wählen Sie den Tusche-Ordner aus und wenden Sie den Ebenenfarbeffekt an.

Sie können auch eine Ebene verwenden, die den Ebenen-Keyframe als Referenzebene für die Farbfläche anwendet.

Legen Sie das bewegliche Feld als Referenzebene fest und füllen Sie es Frame für Frame, dann schneiden Sie es in den Basis-Farbanimationsordner ein.

Ich male (füge) auch weitere Details mit dem Stiftwerkzeug hinzu.

Wenden Sie es auch auf das Hinterhaar an und fertig!!

Bearbeitungstechniken: Schlagschatten und Linienanpassung

Um einen Schlagschatteneffekt auf dem Gesicht zu erzeugen, kopieren Sie einfach den Farb-Basis-Animationsordner und verschieben Sie ihn direkt über den Basis-Ordner

Wählen Sie den Animationsordner aus und verschieben Sie ihn etwas nach unten.

 

Hinweis:

Stellen Sie sicher, dass Sie auf die Ordnerleiste klicken, um den gesamten Ordner zu verschieben.

(Wenn die Hervorhebung nur auf dem Miniaturbild liegt, wird nur ein Keyframe verschoben, nicht der gesamte Ordner)

Wenden Sie dann den Ebenenfarbeffekt an

Stellen Sie den Modus auf Multiplizieren und reduzieren Sie die Deckkraft

Hier ist ein Schlagschatteneffekt in weniger als 1 Minute!!!

Für kräftigere Tusche habe ich den Randeffekt mit derselben Tuschefarbe angewendet

Dies wird in allen Frames erscheinen.

Es ist auch möglich, die Tusche manuell mit dem Hilfswerkzeug [Linie korrigieren] zu bearbeiten.

Schauen Sie sich mein vorheriges Video an, wie man es bearbeitet.

 

Aber es wird Zeit kosten, jeden Frame zu bearbeiten.

Lichtbearbeitung und letzter Schliff

Sie können bemerken, dass die Zeichnung sich vom Hintergrund abhebt, weil wir noch kein Licht hinzugefügt haben.

Für die einfache Wolke verwende ich den Pinsel aus den Assets. Mein Favorit ^-^

Um Licht auf das Bild anzuwenden, verwende ich den Ebenenmodus: Hinzufügen (Aufhellen).

An das Bild clippen und Deckkraft anpassen.

 

Und für das reflektierende Licht verwende ich den Ebenenmodus: Hartes Licht

Und für den Flare verwende ich eine Verlaufszuordnung mit hellem Gelb

Fertige Arbeit

Viel Spaß beim Animieren!!!