Character Groove: Animieren Sie die Bewegungen Ihres OCs!

3.253

Brufhh

Brufhh

Video:

Text:

Hallo, ich zeige Ihnen, wie ich Tänze in Clip Studio Paint EX animiere. Sie können es als Anleitung verwenden, um Ihre eigenen zu animieren!

 

Ich werde meinen Clip Studio Paint Aufbau/Arbeitsbereich, den Animationsprozess und den Export behandeln.

ദ്ദി ˉ͈̀꒳ˉ͈́ )✧

 

Ich werde ZWEI Tänze animieren:

der erste hat nur einen Charakter ohne Referenzen, und der zweite hat mehrere Charaktere, die dieselben Tanzbewegungen ausführen, aber mit Referenzen.

✦ CSP Einrichtung/Arbeitsbereich

🎞️ 1. ANIMATION

✤ Eine Animationsleinwand erstellen

❈ Gehen Sie zur [ Menüleiste ] > [ Datei ] > [ Neu ]

———————————oder———————————

❈ Finden und klicken Sie stattdessen auf diese Schaltfläche

◇Wählen Sie im angezeigten Fenster ganz unten die Option Animation

 

◇Ändern Sie den Animationsnamen in Dateiname

◇Es gibt voreingestellte Größen, die Sie unter Voreinstellung auswählen können. Sie können die Größen auch nach Ihren Vorlieben ändern und sie durch Klicken auf das Speichern-Symbol📥 zu den Voreinstellungen hinzufügen.

Bildrate ist die Anzahl der Bilder, die in einer Sekunde angezeigt werden. 24 ist Standard, aber ich verwende persönlich auch 12 fps.

Wiedergabedauer ist die Länge Ihrer Animation. Sie können wählen, wie sie in der Zeitleiste angezeigt werden soll.

 

Für die Erstellung einer vertikalen Animation:

 

-1080x1920

-12fps (persönlich)

-Wiedergabedauer so lassen wie sie ist

✤ Einrichtung/Arbeitsbereich

∟✧ Zeitleiste

◇Wenn Sie die Zeitleiste versehentlich geschlossen haben oder sie nicht vorhanden ist, können Sie zu [ Menüleiste ] > [ Fenster ] > [ Zeitleiste ] gehen und sie dann an einer beliebigen Stelle andocken.

1️⃣ Zeitleisten-Menü

 

2️⃣ Zeitleiste Vergrößern/Verkleinern

 

3️⃣ Spielt die Animation ab

 

4️⃣ Wiederholt die Animationswiedergabe

 

5️⃣ Neuer Animationsordner erstellt einen neuen Animationsordner (im Grunde ein Ordner für Frames)

 

6️⃣ Neue Zeicl erstellt Frames (und Ebenen)

 

7️⃣ Zell zuweisen zeigt die zugewiesene Zelle in der Zeitleiste an, aber nicht im Ebenen-Bedienfeld

 

8️⃣ Zugeordnete Zelle entfernen

 

9️⃣ Onion Skin ist das, was Ihnen Ihre vorherigen oder nächsten Frames anzeigt, und diese Schaltfläche ist der Ein- und Ausschalter dafür.

✎🗒 Onion-Skin-Einstellungen

 

[ Zeitleisten-Menü ] > [ Animationszellen anzeigen ] > [ Onion-Skin-Einstellungen ]

————————————-———————— ODER —————————————————————-

[ Menüleiste ] > [ Animation ] > [ Animationszellen anzeigen ] > [ Onion-Skin-Einstellungen ]

 

Sie können es an Ihre Vorlieben anpassen, das Bild unten zeigt nur, wie ich es mag (—ᴗ—)

∟✧ Leuchttisch

Der Leuchttisch ähnelt dem Onion Skin, nur EIN WENIG, da beide Ihnen das Anzeigen von Frames ermöglichen. Der Unterschied besteht darin, dass der Leuchttisch nur die Frames anzeigt, die Sie sehen möchten, und der Onion Skin entweder die vorherigen, nächsten oder beide Frames anzeigt, obwohl der Leuchttisch noch einige weitere Funktionen bietet, als nur bestimmte Zellen anzuzeigen.

 

Sie finden den Leuchttisch, indem Sie zur [ Menüleiste ] > [ Fenster ] > [ Animationszellen ] gehen.

1️⃣ Leuchttisch aktivieren Ein/Aus-Schalter

 

2️⃣ Aktuelle Zelle sperren sorgt dafür, dass nur die aktuelle Zelle bearbeitet werden kann

 

3️⃣ Leuchttisch-Werkzeuge aktivieren/deaktivieren Hier können Sie die angezeigte Zelle skalieren, drehen und verschieben! (Das ist SEHR hilfreich ദ്ദി ˉ͈̀꒳ˉ͈́ )✧)

 

4️⃣ Zellspezifischen Leuchttisch anzeigen zeigt einen zellspezifischen Leuchttisch für eine bestimmte Zelle an

 

5️⃣ Allgemeiner Leuchttisch

 

6️⃣ Farbmodus Ändert die Farbe der Leuchttischzelle

 

7️⃣ Ausgewähltes Bild vom Leuchttisch abmelden

✦Animationsprozess

✤ Skizzen

Hier halten Sie einfach Ihre Ideen fest, es ist die Skizze im Sinne von Illustrationen.

 

Für diese Animation werden wir einen Tanz animieren, der von links nach rechts geht, wobei die Hüften mitschwingen, während die Arme an den Seiten sind und die Schultern sich entgegengesetzt zu den Hüften bewegen.

◇Erstellen Sie einen neuen Animationsordner, nennen Sie ihn „Skizzen“ oder „Entwurf“ oder wie auch immer Sie möchten, solange Sie ihn noch von anderen unterscheiden können, die später hinzugefügt werden.

 

✎🗒 Organisation und Beschriftungen sind Ihre Freunde, sie werden Ihnen auf dem Weg helfen, besonders wenn Sie versuchen, etwas unter all den anderen zu finden!

✎🗒 Sie können Ihren Animationsordner hervorheben, indem Sie seine Palettenfarbe im Ebenen-Tab ändern und dann zu [ Zeitleisten-Menü ] > [ Palettenfarbe anzeigen ] > [ Palettenfarbe auf Clips anzeigen ] gehen.

◇ [ Schleife ] und [ Onion Skin ] aktivieren

 

◇Fügen Sie eine horizontale Linie hinzu, um die Bewegungen der Charaktere zu erden.

✎🗒 [STRG+R] zeigt das Linealwerkzeug an. Klicken und ziehen Sie einfach, um eine Linealhilfe zu erstellen. Wenn Sie sie entfernen möchten, klicken Sie einfach [STRG +Linksklick] und ziehen Sie sie von der Leinwand weg.

✎🗒 Sie können die Ebenenfarbe auch ändern, indem Sie auf [ Ebenenfarbe ändern ] klicken, und wenn Sie sie in eine andere Farbe ändern möchten, klicken Sie auf den Abwärtspfeil und wählen Sie die gewünschte Farbe aus.

◇ Zeichnen Sie eine grobe Basis des Körpers Ihres Charakters, damit Sie eine Referenz für die Körperproportionen beim Animieren haben und während der gesamten Animation viel dasselbe Volumen beibehalten.

 

◇ Fügen Sie neue Frames hinzu, indem Sie auf die Schaltfläche [Neue Animationszelle] klicken, und beginnen Sie dann, die Keyframes der Animation zu zeichnen.

ⓘ Keyframes sind die Start- und Endposen einer Aktion; dies könnte auch als Pose-zu-Pose bezeichnet werden. Es gibt auch eine andere Methode, die Straight Ahead genannt wird und nur den ersten Frame verwendet und von dort aus fortfährt.

◇ Kopf und Arme folgen den Rumpf- und Beinbewegungen.

✎🗒 Sie können Zellen/Frames kopieren und einfügen, indem Sie die zu kopierenden Frames auswählen, rechts klicken, kopieren, zum Frame oder zur Zeit gehen, wo Sie sie einfügen möchten, erneut rechts klicken und dann einfügen. Alle Änderungen werden auf alle kopierten Frames angewendet.

∟✧ Zellen im Stapel zuweisen

Um die Animation zu wiederholen, ohne alles neu zu zeichnen:

 

◇ Kopieren Sie die Frames im Ebenenfenster und fügen Sie sie ein.

 

◇ Gehen Sie zum Zeitleisten-Menü > Spur bearbeiten > Mehrere Zellen zuweisen und klicken Sie auf [Nach Zellnummer zuweisen]

 

◇ Wählen Sie unter Startzelle die Nummer der ersten kopierten Ebene, und unter Endzelle geben Sie die letzte Nummer der kopierten Ebene ein.

 

◇Wählen Sie die kopierten Frames erneut im Ebenenfenster aus.

 

◇Dann einfach Transformieren > Horizontal spiegeln und anpassen.

∟✧ Bewegungspfade

Wie Sie sehen können, bewegt sich die Animation nicht einfach gerade von links nach rechts, sondern taucht in der Mitte ab und kommt dann wieder hoch, weil sie einem Bewegungspfad folgt.

 

Bögen sind einer der häufigsten Bewegungspfade, die Sie sehen werden. Organische Bewegungen haben Bögen oder zumindest leichte Kurven wie Winken, Kopfdrehen, Gehen usw.

 

Das Hinzufügen von Bögen zur Bewegung Ihres Charakters kann ihr daher mehr Realismus verleihen, anstatt des robotischen geraden Bewegungspfades 🤖


✤Basis

Dies ist der Teil, in dem Sie die Skizzen verfeinern könnten, keine "Tiedown", da es immer noch nackt sein wird, ohne Haare oder Kleidung.

 

Ich nenne es manchmal auch Keyframes, da es nur eine verfeinerte Version davon ist •𐃷•

◇ Erstellen Sie einen neuen Animationsordner und beginnen Sie, die Skizze so sauber wie möglich nachzuzeichnen.

 

◇ Fügen Sie die Augen und den Mund oder beliebige Gesichtsausdrücke hinzu, die Sie vielleicht hinzufügen möchten.

 

Es ist auch eine gute Idee zu prüfen, ob Ihr Timing stimmt. Sie können es während des Inbetweening noch ändern, aber ein korrektes Timing von Anfang an hilft.

 

Timing ist für mich, wann die Frames in der Animation sichtbar sind und wie lange.


✤Feinzeichnung

Zeit, die Basis zu verkleiden und ihre Haare zu stylen!

 

Angenommen, Sie haben bereits einen OC, dies ist der Teil, in dem Sie ihre einzigartigen Designs anwenden! Und der erste Schritt ist NATÜRLICH das Erstellen eines neuen Animationsordners! (´∇`'')

 

◇Erstellen Sie einen neuen Animationsordner für Kleidung, Haare und Accessoires.

 

◇Ändern Sie die Ebenenfarbe, damit Sie erkennen können, was was ist.

Ich trenne es, indem ich entscheide, ob es etwas schwierig wird, die Linien zu unterscheiden, wenn sie sich überlappen, wenn sie sich viel bewegen oder wenn es später mühsam ist, sie aufzuräumen. ( 〃..)


✤ Bereinigen

Das ist ziemlich einfach, wenn Sie bei Ihrer Feinzeichnung sauber gearbeitet haben!

 

Löschen Sie einfach jeden Teil der Zeichnung, den Sie nicht sehen möchten, BEREINIGEN SIE ES.


✤ Zwischenzeichnung

Der Teil, in dem Sie diese ruckartigen Bewegungen durch das Verbinden der Posen flüssig machen.

 

Mehr Frames = langsame Bewegungen

Weniger Frames = schnelle Bewegungen

 

Sie könnten die Zwischenzeichnung mit der Halbierungsmethode erstellen, indem Sie Frames auf halbem Weg zwischen den Start- und Endposen einfügen, dann auf halbem Weg von der 1. Pose zur Mitte und so weiter.

 

Oder Sie könnten die Ease-In-Ease-Out-Methode anwenden, die das Animieren viel schneller macht. Sie zeichnen die Anfangspose, verschieben sie aber ein wenig, um einen "Ease-Out" zu erzeugen, machen dasselbe mit der Endpose, um einen "Ease-In" zu erzeugen, und fügen dann einen Zwischen-Frame in der Mitte hinzu.

✎🗒 Wenn Sie ein Miniaturbild Ihres Frames in der Zeitleiste haben möchten, gehen Sie zu [ Zeitleisten-Menü ] > [ Miniaturbildgröße].

✎🗒 Diese kleinen Linien vor den nächsten Frames sind Smear-Frames, eine der Methoden, wie Sie Zwischenbilder erstellen können. Es gibt viele Möglichkeiten, Smear-Frames zu erstellen, aber ich habe mich für die einfachste entschieden.


✤Farbe

Ah, die Zeit ist gekommen, unsere Animation LEBENDIGER zu machen.

 

◇Erstellen Sie einen neuen Animationsordner für die Farbe.

 

◇Separate Animationsordner für Kleidung und Haare, falls sie eine unterschiedliche Anzahl von Frames haben.

 

Fügen Sie einen weiteren Animationsordner für den Schatten hinzu, das ist aber optional.

 

Wir haben jetzt VIELE Animationsordner angesammelt, deshalb habe ich am Anfang gesagt, dass Organisation und Beschriftungen Ihre Freunde sind (⁠ ⁠╹⁠▽⁠╹⁠ ⁠)


✤ENDE

Sie sind FERTIG! Ich meine, die Animation ist fertig, aber ja, Sie können jetzt die Befriedigung genießen, Ihren OC sich bewegen und lebendig sehen! ✧。٩(ˊᗜˋ )و✧*。

 

OPTIONAL: Zusammensetzen, Filter, Hintergründe, Kamerabewegung usw. hinzufügen!

 

Oder Sie könnten einfach einen einfarbigen Hintergrund wählen, vielleicht 2 verschiedene Farben, um die Illusion von Hintergrund und Vordergrund zu erzeugen. ദ്ദി ˉ͈̀꒳ˉ͈́ )✧


✦ Exportieren

Es ist einfach und unkompliziert, also kinderleicht! ദ്ദി(。•̀ ,<)~✩‧₊

 

[ Menüleiste ] > [ Datei ] > [ Exportieren ]

 

◇ Wählen Sie das Dateiformat, das Sie exportieren möchten.


🎞️ 2. ANIMATION

Diese werde ich in EINIGEN Teilen nicht SO gründlich behandeln, da ich die meisten Schritte wiederhole, ABER ich werde hier und da trotzdem einige Schritte angeben.

 

Das ist etwas anspruchsvoller als das letzte!

 

Mehrere Charaktere zu animieren, auch wenn sie dieselben Bewegungen ausführen, ist immer noch viel Arbeit, aber wir geben nicht auf!

∟✧ Referenz

Finden Sie gute und hochauflösende Videos für Ihre Referenzen! Oder Videos, die den Körper vollständig und klar zeigen, es sei denn, Sie möchten etwas mit Kamerabewegung und komplexer Inszenierung.

 

MEINE Kriterien für ein gutes Tanzreferenzvideo:

  • Hohe Auflösung

  • Ganzkörperansicht

  • Eng anliegende Kleidung oder Kleidung, die die Bewegungen nicht verdeckt.

Nachdem ich ein Referenzvideo erhalten habe, schaue ich es mir an und mache Screenshots von dem, was ich für die Keyframes halte, normalerweise wenn es eine große Bewegung oder Lücke zur letzten Pose gibt, dann ordne ich sie in einer Referenzsoftware an oder füge sie einfach auf einer anderen Leinwand in Clip Studio Paint ein.

 

Nicht alle Bilder, die ich gemacht habe, waren Keyframes, einige sind wahrscheinlich Zwischenzeichnungen (。•́ ̫ •̀。)


✤Skizzen

◇Neue Animationsebene

◇Richtlinien

 

Da sie alle dieselben Tanzschritte ausführen, konzentrieren Sie sich einfach auf die Animation der Mitte.

✤Basis

◇Zeichnen Sie die Skizzen mit sauberen Linien nach.

◇ Kopieren Sie die Feinzeichnung der Mitte zweimal für die linken und rechten Charaktere und benennen Sie sie dann um.

◇Ändern Sie die Ebenenfarbe, um jeden Charakter zu unterscheiden.

◇ Ändern Sie Maßstab und Position, um die Perspektive anzupassen.

✎🗒 Sie KÖNNEN den GESAMTEN Animationsordner bearbeiten, klicken Sie einfach auf den Animationsordner und dann auf Transformieren.

Wie Sie sehen können, ist die Bewegung für die pinke Basis beschnitten. Um das zu beheben, ändern wir die Leinwandgröße.

 

Sie können die Leinwandgröße ändern, indem Sie zur [ Menüleiste ] > [ Bearbeiten ] > [ Leinwandgröße ändern ] gehen.


✤Reinigen


✤Zwischenzeichnung

Eine kleine Verzögerung bei einem der Charaktere, ein kurzes Blinzeln hier und da können die Animation real wirken lassen.


✤Farbe

In diesem Teil habe ich einen neuen Animationsordner für die Smear-Frames hinzugefügt, damit ich die Smears verfeinern/korrigieren und deren Deckkraft reduzieren konnte.


✤Ende

Sie können hier einfach aufhören und Feierabend machen! d( ´ ▽ ` d )

 

ABER Sie könnten auch Farbkorrektur (Filter), Textur UND Kamerabewegung hinzufügen!

(๑•̀ㅂ•́)و

Die Ergänzungen sind subtil, was ich bevorzuge ( ⸝⸝´꒳`⸝⸝)

∟✧ Kamerabewegung

◇ Um eine Kamera hinzuzufügen, gehen Sie zu [ Menüleiste ] > [ Animation ] > [ Neue Animationsebene ] > [ 2D-Kameraordner]

 

◇ Legen Sie alle Animationsordner und den Hintergrund in den Kameraordner, damit sie sich mit der Kamera bewegen können.

◇ Bewegen Sie den Kameraordner mit dem Objektwerkzeug.

◇Es setzt automatisch Keyframes, wenn Sie Änderungen an der Kamera vornehmen.

 

Wenn Sie Ihren Hintergrund nicht in den Kameraordner legen, sieht es so aus:

FERTIG

 

(ノ^ヮ^)ノ*:・゚✧. ݁₊ ⊹ . ݁˖ . ݁٩(^ᗜ^ )و ´-

Herzlichen Glückwunsch, Sie haben Ihre Charaktere jetzt ZWEIMAL animiert!

 

Hoffentlich hat das geholfen, auch nur ein kleines bisschen!

 

Tschüssヾ(^ ∇ ^).

Kommentar

Neu

Neu! Offizielle Tutorials