Prolog

Wenn Sie beim Animieren von Haaren eines der folgenden Probleme haben:

- Ihr Charakter sieht kahl aus.

- Der Kopf Ihres Charakters sieht aus wie der eines Aliens [es sei denn, es ist Ihr Design]

- Ihr Haar driftet in der Animation.

- Sie wissen nicht, wo Sie die Strähnen oder Kurven zeichnen sollen.

- Sie wissen nicht, wie Sie entscheiden sollen, welcher Teil dick oder dünn, flach oder breit sein soll.

Dann ist dies der richtige Artikel für Sie!

Video-Prozess

❌️ Jede einzelne Strähne zeichnen

Stylisieren Sie das Haar, um ein gleichmäßiges Volumen und eine gleichmäßige Amplitude zu gewährleisten und unnötige Zeit während des Prozesses zu sparen.

Das Haar stilisieren

Der Schlüssel zur Stilisierung des Haares sind VEREINFACHUNG und ÜBERTREIBUNG

Anstatt jede einzelne Haarsträhne zu illustrieren, ziehe ich es vor, sie zu einer Form als BAND zusammenzufassen.

Ich entscheide, was ich behalte und was ich ignoriere, indem ich Ebenen und Größen variiere.

Scheuen Sie sich nicht, es zu übertreiben

Gehen Sie noch weiter, um sie scharf und dynamisch, einzigartig und faszinierend zu machen.

Stilisierung bedeutet, die Realität selektiv zu verzerren.

Manchmal zeichne ich Haare als STAMM

Oder einfach ein Werkzeug verwenden, um die Form so zu blockieren.

Werkzeug

1. Wählen Sie das Stift-Symbol

2. Klicken Sie hier, um die Liste der Stifte zu öffnen

3 - 4. Ich bevorzuge die Verwendung von fetten Stiften wie Mapping und Kalligrafie, um meinen Blocking-Prozess zu beschleunigen.

5. Öffnen Sie das Register Werkzeugeigenschaft

6. Um die Pinselgröße an die Größe des Charakters anzupassen.

1. Auf der ausgewählten Ebene

2. Öffnen Sie das Register Ebeneneigenschaft

3. Wählen Sie den Effekt Rand

4. Passen Sie hier die Farbe für die äußere Linienzeichnung an

5. Passen Sie bei Bedarf die Dicke der Linienzeichnung an

6. Die Farbe innerhalb der Kontur kann hier geändert werden

7. Dieser Effekt kann andere Frames[Ebenen] innerhalb eines Animationsordners beeinflussen, ohne jedes Mal angepasst werden zu müssen.

✅️ Startpunkte identifizieren

Haaransatz, Scheitel oder Haarwirbel richtig platzieren, um abdriftendes Haar zu vermeiden, und die Wuchsrichtung des Haares kennen.

Allgemeine Struktur

Grundsätzlich wird das Haar in 3 Teile unterteilt.

1. Vorderer Teil, genannt PONY.

Es gibt 2 Arten von Pony, basierend auf ihren Startpunkten.

- Vom Haaransatz

- Vom Haarwirbel

2. Seitenteile, genannt KOTELETTEN

3. Und das Hinterhaar, das ebenfalls 2 Typen hat, basierend auf seinem Startpunkt

- Vom Haaransatz

- Vom Haarwirbel

 

 

Haaransatz

Normalerweise ist es 1/3 von oben

Wenn es weiter als das ist, wird Ihr Charakter kahl sein

Haarscheitel & Haarwirbel

1. Teilen Sie den Abstand von der Oberseite des Kopfes bis zur Augenhöhe in 3 Teile.

2. Der Haaransatz befindet sich im oberen 1/3.

Von dieser Linie aus wachsen der Pony und das Hinterhaar in entgegengesetzte Richtungen.

(*) Es gibt viele parallele Linien, die sich vom Haaransatz nach hinten erstrecken und als Haarscheitel bezeichnet werden.

3. Dies ist ein Haarscheitel, der sich in der Mitte befindet.

4. Ein Haarwirbel ist ein zufälliger Punkt, der zum Haarscheitel gehört.

Von diesem Punkt aus wachsen Pony und Hinterhaar.

Wir können ein 3D-Modell verwenden, um die Kopfstruktur genauer zu fixieren, bevor wir den Startpunkt für das Haarwachstum definieren.

✅️ Den Fluss, die Kraft definieren

Dieser Schritt hilft mir zu erkennen, wo ich Haarsträhnen zeichnen werde, in welche Richtung sich das Haar bewegt und wie es sich bewegt.

Wenn ich Haar als Material betrachte, ist es ein flexibles Material, das seine Form durch Kräfte oder jede Oberfläche, mit der es in Kontakt kommt, leicht ändern kann.

Äußere Kräfte

Schwerkraft, die es dem Haar ermöglicht, sich entlang von Körperteilen wie Kopf, Nacken, Schulter oder jeder Oberfläche, mit der das Haar in Kontakt kommt, anzulegen.

Wind, der das Haar in seiner Strömung mitzieht. Je schneller der Wind, desto stärker ändert das Haar seine Form.

Wasser

Wenn Sie Ihren Charakter ins Wasser werfen, wird das Haar durch eine entgegengesetzte Kraft, das archimedische Prinzip, nach oben gedrückt und aufgehängt.

Innere Kräfte

Die Kräfte von Spannungspunkten wie zum Beispiel:

- Der Punkt, an dem das Haar über dem Ohr angehoben wird.

- Der Punkt, an dem das Haar zu einem Dutt oder Pferdeschwanz gebunden ist.

- Haaransatz, Haarscheitel oder Haarwirbel.

Basierend auf ihrer Position und Länge bewegt sich das Haar unterschiedlich.

Je länger sie sind, desto schwerer sind sie > werden stark von der Schwerkraft beeinflusst > viel Verzögerung  > langsamer > benötigen mehr Frames, um die Bewegung darzustellen und umgekehrt

Die Teile, die sich in der Nähe von Spannungspunkten[ Haaransatz, Haarscheitel oder Haarwirbel] befinden, haben eine geringe Bewegungsamplitude.

Das Haar oben bewegt sich nicht viel, während die Strähnen unten sich stark bewegen.

Und das kurze Haar bewegt sich schneller als das lange Haar.

Animationsprozess

Haar × Wasser

Den Torso animieren [Keyframe verwenden]

1. Es gibt 2 Ebenen für den Torso [1 für die Linienzeichnung, 1 für die Farbe]

2. Ich bewahre sie in einem Ordner auf, um sie später bei Bedarf anpassen zu können.

3. Stellen Sie sicher, dass Sie den Ordner duplizieren, um die Originalebenen zu behalten.

4. Im duplizierten Ordner

5. Klicken Sie auf dieses Symbol, um die Liste zu öffnen

6. Führen Sie 2 Ebenen innerhalb des Ordners zusammen [Linie+Farbe]

1. Auf der Torso-Ebene, die bereits Linie und Farbe enthält

2. Klicken Sie auf dieses Symbol, um die Ebeneneinstellungsliste zu öffnen

3. Wählen Sie Ebene konvertieren

4. Ändern Sie den Typ in Bildebene, die Ebene erhält nach der Konvertierung dieses Symbol.

5. An der 1. Position

6. Keyframe aktivieren

7. Keyframe hinzufügen

8. An dieser Position

9. Ziehen Sie den Torso nach unten, und ein neuer Keyframe wird automatisch hinzugefügt

10. An dieser Position

11. Bewegen Sie den Torso leicht nach oben, und ein neuer Keyframe wird automatisch hinzugefügt

12. Klicken Sie auf den blauen Diamanten

13. Animation > Spur bearbeiten > Kopieren

14. An dieser Position

15. Animation > Spur bearbeiten > Einfügen

Die Schritte 12 bis 15 werden verwendet, um die gesamten Bewegungen im Keyframe von Schritt 8 in den Keyframe von Schritt 14 zu kopieren.

Und jede Anpassung am Keyframe in Schritt 8 wirkt sich auch auf den Keyframe in Schritt 14 aus.

Beine und Arme animieren [Bild für Bild handgezeichnet]

1-2. Öffnen Sie einen neuen Animationsordner über der Torso-Ebene.

Aktivieren Sie ONION SKIN, bevor Sie die folgenden Schritte beginnen.

3. Zeichnen Sie Arm und Bein Bild für Bild bis zum 9. Frame

4. Wenn sich der Torso tiefer bewegt, werden Arm und Bein lockerer und dehnen sich allmählich aus.

5. An derselben Position, wenn der Torso leicht nach oben bewegt wird, fügen Sie eine neue Animationszelle für Bein und Arm hinzu und zeichnen Sie sie leicht nach unten bewegt[in entgegengesetzter Richtung zum Torso]

6. Fügen Sie eine neue Animationszelle hinzu und zeichnen Sie eine Zwischenbewegung zwischen dem 9. und 10. Frame [dies wird Frame 9a genannt]

7. Fügen Sie eine neue Animationszelle hinzu und zeichnen Sie eine Zwischenbewegung zwischen dem 9a und dem 9. Frame

8. Fügen Sie eine neue Animationszelle hinzu und zeichnen Sie eine Zwischenbewegung zwischen dem 9a und dem 10. Frame

9. Klicken Sie auf diese Zelle > [*] Animation > Spur bearbeiten > kopieren

10. An dieser Position > [*] Animation > Spur bearbeiten > einfügen

11. Klicken Sie auf diese Zelle > [*] Animation > Spur bearbeiten > kopieren

12. An dieser Position > [*] Animation > Spur bearbeiten > einfügen

13. Klicken Sie auf diese Zelle > [*] Animation > Spur bearbeiten > kopieren

14. An dieser Position > [*] Animation > Spur bearbeiten > einfügen

15. Klicken Sie auf diese Zelle > [*] Animation > Spur bearbeiten > kopieren

16. An dieser Position > [*] Animation > Spur bearbeiten > einfügen

Erklärung

Die Bewegungen in der Zelle in Schritt 9 sind die gleichen wie in der Zelle in Schritt 10; jede Änderung in der Zelle in Schritt 9 wirkt sich auf die Zelle in Schritt 10 aus und umgekehrt.

Ähnlicher Prozess für

Schritt 11 und 12

Schritt 13 und 14

Schritt 15 und 16

Haare animieren [Bild für Bild handgezeichnet]

1. Verbinden Sie die Mitte der beiden Ohren, dort befindet sich der Oberkopf

2. Teilen Sie vom Augenbereich bis zur Oberseite in 3 Teile

3. Der Haaransatz befindet sich im oberen 1/3

Verwenden Sie den Mapping-Stift und den Randeffekt aus dem obigen Abschnitt, um die Haarform zu blockieren.

Der Torso bewegt sich nach unten, das Haar dehnt sich nach oben aus.

Ähnlich wie bei Bein und Arm werden die Bewegungen des Haares an derselben Position wiederholt.

Haar × Schwerkraft & Oberfläche

Den Körper animieren [Bild für Bild handgezeichnet]

Ich werde eine Animation über einen Charakter erstellen, der mit 5 Posen liegt.

1. Nach dem manuellen Öffnen des Zeitachsen-Registers füge ich eine Neue Zeitachse hinzu

2. Dann einen Neuen Animationsordner

3. Dann eine Neue Animationszelle für jede Position hinzufügen und dann Posen Bild für Bild zeichnen.

1. Fügen Sie einen Neuen Animationsordner für die saubere Skizze hinzu

Und ziehen Sie den Ordner [saubere Skizze] über den Ordner [Skizze]

Stellen Sie sicher, dass die Deckkraft des Ordners [Skizze] gering ist, um das Nachzeichnen zu erleichtern.

2. Denken Sie daran, die Onion Skin zu aktivieren, während Sie Bild für Bild zeichnen

3. Nachdem ich die saubere Skizze Bild für Bild erstellt habe, deaktiviere ich die Skizze und füge 2 weitere Animationsordner hinzu

- 1 für die grobe Farbe [verschieben Sie diesen unter den Ordner für die saubere Skizze]

- 1 für das grobe Haar

 

 

Das Haar animieren

1. Ich verwende das Stiftwerkzeug

2-3. Und wähle den Kalligrafie-Stift

4. Ich öffne das Register Werkzeugeigenschaft

5. Und passe die Strichgröße an, damit sie zum Körper des Charakters passt.

1. Im 1. Frame[Ebene] für das Haar

2. Öffne ich das Register Ebeneneigenschaft

3. Wähle den Effekt Rand [simuliere das Zeichnen von Linienzeichnungen]

4. Passen Sie hier die Linienfarbe an

5. Passen Sie die Dicke der Linienzeichnung an Ihren üblichen Stil an

6. Die Farbe im Inneren kann hier angepasst[beeinflusst] werden

7. Ich bevorzuge jedoch die Verwendung von Standardfarben.

8. Dieser Rand-Effekt wird auf andere Ebenen im Animationsordner angewendet, ohne die vorherigen Schritte jedes Mal wiederholen zu müssen.

 

 

Dies ist eine langsame Bewegung, daher wird das Haar nicht zu stark von Körperbewegungen beeinflusst.

Es wird fast ausschließlich von der Schwerkraft beeinflusst.

Pose (I)

1. Das Haar wird durch die Schwerkraft und sein Gewicht gerade nach unten gezogen.

2. Und der Haarscheitel hält die nahegelegenen Partien ruhig.

3. Auch der Spannungspunkt, an dem das Haar über dem Ohr angehoben wird

4. Und der Spannungspunkt, an dem das Haar über der Schulter angehoben wird, hält die nahegelegenen Partien ruhig.

5. Wenn das Haar den Boden berührt, wird es aufgrund seiner Länge und seines Gewichts an einigen Stellen gefaltet und abgewickelt.

Pose (II)

1. Das Haar wird weiterhin von selbst nach unten gezogen [Schwerkraft]

2. Der Haarscheitel hält immer noch Teile des Haares ruhig

3. Das Haar drückt sich selbst und wickelt sich durch das Gewicht ab

4. Die Spannungspunkte halten das nahegelegene Haar immer noch ruhig.

Pose (III)

1. Das Absenken des Kopfes lässt das Haar ein wenig fallen und die Schwerkraft dehnt das Haar weiter aus.

2-3-4. Haarscheitel und Spannungspunkte werden weiterhin als Anker für das Haar verwendet.

5. Das Haar wird nun durch eine neue Kraft, den Ellbogen, beeinflusst und ist an diesem Punkt gefaltet.

6. Das Haar wickelt sich weiter ab.

Pose (IV)

1. Schwerkraft

2-3-4. Ankerpunkte

5. Das Haar ist durch sein Gewicht gefaltet

6. Das Haar wird durch die Körperbewegungen ein wenig verlängert

 

 

Nachdem das Haar Bild für Bild entlang der Körperbewegungen gezeichnet wurde, ist hier die grobe Animation.

Und nachdem Körper und Haare sauber gezeichnet und neu koloriert wurden, ist hier das Endergebnis.

[Sie können meinen Zeitraffer im obigen Video ansehen]

Haar × Gangzyklus

Unterschied zwischen diesen Kopiervorgängen

(I) Bilder kopieren

- Es muss eine Neue Animationszelle hinzugefügt werden, bevor das Bild kopiert wird

- Änderungen an den Quellbildern[Frames/Ebenen] wirken sich nicht auf die Kopien aus

(II) Eigenschaften kopieren

- Es muss keine Neue Animationszelle hinzugefügt werden, bevor kopiert wird

- Änderungen treten gleichzeitig für beide auf [Quellen und Kopien]

Den Torso animieren

1. Verwenden Sie das 3D-Kopfmodell aus CSP-Materialien

2. Verringern Sie die Kopfdeckkraft

3. Und zeichnen Sie entlang, um den Charakter richtig zu fixieren.

1. Auf der Linienzeichnungsebene

2. Klicken Sie auf dieses Symbol, um die Linienebene mit der darunter liegenden Farbebene zu verschmelzen.

3. Nach dem Zusammenführen klicken Sie auf der Ebene für den Torso[Linie×Farbe] auf dieses Symbol, um die Ebeneneinstellungsliste zu öffnen.

4. Konvertieren Sie die Ebene in eine Bildebene

1. Die Torso-Ebene wurde nun von einer Rasterebene in eine Bildebene geändert, die dieses Symbol trägt.

2. Verwenden Sie das Operationswerkzeug

3. Im 1. Frame

4. Keyframe aktivieren

5. Neuen Keyframe hinzufügen

6. In diesem Frame bewegen Sie den Charakter mit dem Operationswerkzeug ein wenig nach unten, und ein neuer Keyframe wird automatisch hinzugefügt.

7. In diesem Frame bewegen Sie den Charakter ein wenig nach oben, fast in dieselbe Position wie im 1. Frame, und ein neuer Keyframe wird automatisch hinzugefügt.

8. In diesem Frame bewegen Sie den Charakter ein wenig nach unten, fast in dieselbe Position wie der Charakter in Schritt 6, und ein neuer Keyframe wird automatisch hinzugefügt.

9. In diesem Frame bewegen Sie den Charakter wie in Schritt 7

10. In diesem Frame bewegen Sie den Charakter wie in Schritt 8

Das Haar animieren

1. Fügen Sie einen Neuen Animationsordner für das Haar hinzu

2. Ziehen Sie den Haare-Ordner über die Torso-Ebene

3. Im 1. Frame

4. Fügen Sie eine neue Animationszelle hinzu

1. Wenn sich der Körper nach oben bewegt, wird das Haar nach unten gezogen.

2. Wenn der Torso nach unten geht, wird das Haar der Kurve folgend nach oben gehoben.

3. Fügen Sie in diesen 2 Frames eine neue Animationszelle hinzu und füllen Sie Zwischenposen für die Haarbewegungen ein.

Grundsätzlich sind die Haarbewegungen bei [1, 3, 5] gleich, und die Haarbewegungen bei [2, 4, 6] sind gleich. Allerdings habe ich den Torso ein wenig zufällig bewegt. Daher muss ich Haarbilder kopieren und sie manuell in den Frames 7 und 8 verschieben [verwenden Sie jedes Mal die folgende Formel]

 

Neue Animationszelle hinzufügen > Quellframe>Bearbeiten > kopieren > neue Animationszelle für die Kopie hinzufügen > Bearbeiten > einfügen

1. Nachdem ich mit der Haarlinie fertig bin

2. Füge ich einen neuen Animationsordner für die Farbe hinzu und platziere ihn unter dem Haarlinien-Ordner.

Ich füge alle neuen Animationszellen hinzu [ um zu vermeiden, dass ich später jedes Mal eine neue Zelle hinzufüge] bevor ich 4 Frames einfärbe und diese als Quellen verwende.

Jede Farbe kopieren und sie an die darüber liegenden Linienbewegungen anpassen.

Hier ist das Endergebnis.

Haar × Brise

Einen Charakter mit kurzen Haaren erstellen

1. Klicken Sie auf dieses Symbol [normalerweise an einer der Kanten des Tablets]

2. Dieser Reiter wird geöffnet > Klicken Sie auf Umschalt, um ein gerades Lineal zu zeichnen

3. Klicken Sie auf das Lineal-Symbol

4. Öffnen Sie die Lineal-Liste

5. Wählen Sie Symmetrisches Lineal

Jetzt kann ich auf beiden Seiten dasselbe zeichnen.

Hinweis

- Schalten Sie die Umschalt-Taste nach dem Zeichnen des Lineals aus, da sie sonst beim Auswählen von Ebenen oder Zeichnen von Linien stört.

- Öffnen Sie eine Neue Ebene für die Skizze, zeichnen Sie nicht über die Ebene, die das Lineal enthält.

[Bequemer, um das Lineal bei Bedarf ein- oder auszuschalten]

1. Nach dem Nachzeichnen der Skizzenebene und der Farbe

2. Hier ist die Linienzeichnungsebene

3. Und die Farbebene

4. Wählen Sie die Linienzeichnungsebene, klicken Sie auf dieses Symbol, um die Liste zu öffnen

5. Führen Sie 2 Ebenen nach unten zusammen [Linie und Farbe]

6. Denken Sie daran, die Linealebene auszuschalten, bevor Sie mit den nächsten Schritten beginnen.

Elemente für die Animation trennen

1. Verwenden Sie das Lasso-Werkzeug und zeichnen Sie über den Pony des Charakters

2. Klicken Sie auf dieses Symbol, und der Pony wird automatisch auf eine neue Ebene verschoben.

3. Wiederholen Sie die 2 vorherigen Schritte, bis wir separate Ebenen haben für

- Kopf und Torso

- Pony

- 2 Koteletten

- Hinterhaar

- Schatten

1. Schalten Sie das Lineal ein

2. Verwenden Sie die Lasso-Füllung, um die Lücken in den Ebenen einzufärben

3. Öffnen Sie die Werkzeugeigenschaft, nachdem Sie eine neue Farbe gewählt haben

4. Klicken Sie hier, um die Lasso-Füllung am Lineal auszurichten, jetzt können wir auf beiden Seiten dasselbe einfärben.

Zeitachse öffnen

Ich benutze Clip Studio Paint auf einem Android-Tablet, daher muss der Zeichenbereich priorisiert werden. [Ich öffne standardmäßig nicht zu viele Reiter]

Öffnen wir die Zeitachse manuell.

1. Öffnen Sie den Reiter Fenster

2. Öffnen Sie die Zeitachse

3. Fügen Sie Neue Zeitachse hinzu > dieses Feld wird zur Anpassung angezeigt

4. Ich verwende die PRO-Version, daher habe ich maximal 24 Frames. Ich verwende jedoch nur 8 Frames [Bildrate] ×2 [Wiedergabezeit] = 16 Frames für diese Animation > klicken Sie auf OK

Frei-Transformieren-Modus aktivieren

1. Wählen Sie die Hinterhaarebene.

2. Bearbeiten > Transformieren > Freie Transformation > OK [Dieser Schritt aktiviert den Freie-Transformation-Modus bei der Verwendung von Keyframes, wodurch wir 4 Ecken des Objekts frei anpassen können]

3. Klicken Sie auf dieses Symbol, um die Ebeneneinstellungsliste zu öffnen

4. Ebene konvertieren > das Feld wird angezeigt

5. Ändern Sie den Typ in Bildebene

6. Die Bildebene erhält ein solches Symbol

7. Wählen Sie das Operationswerkzeug [das Objekt kann durch einen blauen Rahmen mit blauen Punkten angepasst werden]

8. Öffnen Sie die Werkzeugeigenschaft, wir sehen, dass der Modus bereits auf Freie Transformation eingestellt ist, aber es ist noch nicht vorbei.

9. Wir müssen den Punkt an einer der Ecken leicht verschieben, um den Modus vollständig zu aktivieren.

10. An dieser Position

11. Keyframe aktivieren

12. Keyframe hinzufügen > ein neuer Keyframe wird an dieser Position als blaue Rautenform hinzugefügt.

1. An dieser Position

2. Bewegen Sie die 2 unteren Ecken nach links, und ein neuer Keyframe wird automatisch hinzugefügt.

3. Berühren Sie diesen Punkt nicht, da er als Spannungspunkt für das Haar [Haarwirbel] verwendet wird, um ein Abdriften des Haares zu vermeiden.

4. An dieser Position

5. Bewegen Sie die 2 unteren Ecken leicht nach rechts, und ein neuer Keyframe wird automatisch hinzugefügt.

6. An dieser Position

7. Bewegen Sie die 2 unteren Ecken ein wenig leicht nach rechts, und ein neuer Keyframe wird automatisch hinzugefügt.

1. Wählen Sie einen anderen Haarteil aus [z.B. den Pony]

2. Wiederholen Sie alle oben genannten Schritte, beginnend mit der Aktivierung bis zum Hinzufügen von Keyframes, bis wir die Keyframes wie diese haben.

Und hier ist das Ergebnis.

Zusammenfassung

Eigenschaften werden irgendwie durch die Frisur des Charakters dargestellt. Daher muss dies ein wesentlicher Bestandteil des Charakterdesigns sein.

Und ich weiß, dass die Darstellung von Haaren durch Animation nicht einfach ist. Ich hoffe, dass einige meiner Erfahrungen Ihnen helfen können, den Prozess zu durchlaufen.

Wenn Sie einen der oben genannten Animationsprozesse ausprobieren, können Sie mich gerne in Ihrer Animation markieren 😉 Ich kann es kaum erwarten, Ihre Arbeit zu sehen ♡