Animieren Sie Ihren Charakter in Clip Studio Paint – ausführliche Anleitung

10.412

Syl.thfarn

Syl.thfarn

Hallo Leute! Mein Name ist Syl. In diesem Artikel zeige ich euch, wie ihr euren Charakter in Clip Studio Paint EX animiert. Der Artikel umfasst das Einrichten der Software, das Aufschlüsseln einiger meiner Animationsarbeiten als Beispiele und schließlich das Erstellen einer Animation nach meinen Anweisungen. Ich werde die Anleitung so einfach und detailliert wie möglich gestalten und hoffe, dass auch Anfänger sie verstehen.

 

Hinweis: Das Tutorial hat das Videoformat und das Textformat (dieser Artikel)

1. Einrichten

In diesem Schritt bereiten wir das erforderliche Wissen und die Einstellungen vor, bevor wir mit der Animation beginnen. Wenn Sie bereits über Grundkenntnisse verfügen und bereits animiert haben, können Sie diesen Schritt überspringen!

a. Animationsprogramme: Clip Studio Paint EX

Denken Sie daran, dass es zwei Versionen von Clip Studio Paint gibt: PRO und EX. Sie müssen die EX-Version kaufen, um Animationen zu erstellen.

b. Leinwandeinstellung

*Um eine neue Leinwand zu erstellen, wählen Sie das Menü [Datei] > [Neu]

Klicken Sie im Projektbereich auf Animation (Videosymbol)

Ich empfehle Ihnen, die Standardeinstellungsoption 1920 x 1080 festzulegen.


*Außerdem gibt es einige Einstellungen, die Sie vielleicht verstehen möchten:

- Leerraum: Dies ist der Bereich außerhalb unseres Exportbereichs (endgültige Animation). Sie können diesen Raum für Notizen und Kamerabewegungen verwenden.

- Bildrate: Dies ist die Anzahl der Bilder pro Sekunde. Der Standardwert liegt bei 24 fps, aber viele unabhängige Animatoren verwenden 12 fps (wie ich).

- Wiedergabezeit: Die Länge (Bilder) der Animation. Wenn Sie 300 einstellen, enthält die Animation 300 Bilder. Sie können dies später anpassen.

 

Sie sehen, dass es weitere Einstellungsabschnitte gibt, aber Sie müssen nicht alle verstehen, um tatsächlich mit der Animation zu beginnen. Ich möchte nicht, dass Sie überfordert werden! Und um ehrlich zu sein, habe ich beim ersten Animieren nur den Teil mit der Größeneinstellung verstanden :D.

c. Arbeitsbereich einrichten

Dies ist mein Arbeitsbereich, wenn ich Animationen mache. Sie müssen ihn nicht genauso einrichten wie ich, aber ich denke, für Anfänger ist es besser, wenn Ihr Arbeitsbereich genau meinem entspricht, damit Sie meinen Schritten problemlos folgen können.

Sie können meinen Arbeitsbereich von Clip Studio herunterladen und importieren. Suchen Sie nach dieser ID: 2076802

*Um es zu importieren, gehen Sie zum Menü [Fenster] -> [Material] -> [Material: Download], wenn Sie in Ihrem Arbeitsbereich kein Materialfenster haben.

Ziehen Sie dann mein Arbeitsbereichsmaterial auf die Leinwand -> Ok


*Oder gehen Sie zu [Windows] und öffnen Sie alle gleichen Fenster wie dieses.

d. Einige grundlegende Animationsfunktionen verstehen

Nachdem wir alles eingerichtet haben, verfügen wir über den erforderlichen Arbeitsbereich. Ich weiß, wie Sie sich jetzt fühlen, denn ich war früher schon gestresst, wenn ich das Zeitleistenfenster zum ersten Mal sah.

 

Aber keine Sorge, ich werde Sie nicht zwingen, jedes Tool auf diesem komplexen schwarzen Bildschirm zu verstehen. Stattdessen zeigen wir Ihnen einige grundlegende Funktionen in der Vorschau und beginnen mit der Animation, um Ihre Motivation aufrechtzuerhalten.

 

Und wenn Sie nichts von dem verstehen, was ich Ihnen gleich erklären werde, ist das auch in Ordnung! Ich denke, es wird einfacher sein, gleichzeitig zu lernen und zu üben. Sie werden von dem neuen Wissen nicht überwältigt und können sich die Funktionen besser merken.


* Das Zeitleistenfenster:

- Die angezeigte Sequenznummer gibt die Reihenfolge des Frames an, die Zahl darüber gibt die Länge in Sekunden an.

- Im Timeline-Menü -> Miniaturbildgröße -> keine Wenn Sie möchten, dass die Timeline genau so aussieht wie bei mir, wird, getreu ihrem Namen, das Miniaturbild dieses Frames angezeigt, aber ich denke, das nimmt zu viel Platz ein.

- Neues Animations-Cel/-Frame erstellen: Klicken Sie auf die Zeit in der Zeitleiste und dann auf das Symbol „Neues Animations-Cel“

- Einige Begriffe aus der Animation: Keyframes - die Hauptbilder einer Aktion (z. B. Blinzeln: Bild „Augen schließen“ und Bild „Augen öffnen“), Inbetweens: die Bilder zwischen den Keyframes


Ich denke, das reicht! Wenn ich etwas vergessen habe, werde ich es in den folgenden Schritten erwähnen. Jetzt gehen wir zu Schritt 2!

2. Meine Animationsaufschlüsselung

In diesem Schritt werde ich einige meiner Animationsarbeiten aufschlüsseln, indem ich Ihnen den schrittweisen Prozess zeige, wie Skizze, Strichzeichnung, Kolorierung, Schattierung, Endbearbeitung (hinzugefügte Effekte) und zufällige Tipps. Dieser Schritt hilft Ihnen, sich zunächst an die Struktur einer Animation zu gewöhnen. Sie können jedoch zu Schritt 3 „Animation erstellen“ und dann zu diesem Schritt zurückkehren, wenn Sie diese Reihenfolge bevorzugen.

a. Einfache Loop-Animation

Lagen

-> Für eine einfache Loop-Animation erstelle ich zunächst einen Hauptordner mit unbewegten Elementen wie Kopf, Körper und Schmuck. Dann erstelle ich einige neue Ordner, um die Haare zu animieren, den Schmuck zu bewegen, die Augen zu blinzeln und versuche, sie so anzuordnen, dass sie eine Schleife bilden.

Skizze

Lineart

Färbung

Mehrere Ordner (Schattierung)

Finale (Effekte)

Hochwertiger Link:


*Um eine Filterebene wie ich zu erstellen und anzupassen, gehen Sie zum Menü [Ebene] -> [Neue Korrekturebene] -> Probieren Sie alles aus, was Sie möchten

b. Normale Animation

Wählen wir diese kurze Animation.

In der Anfangsszene, in der die Figur springt, muss ich mich selbst beim Springen aufnehmen, um die Keyframes zu erhalten, lol. Das ist ein Tipp, den Sie verwenden können, wenn Sie komplizierte Bewegungen animieren: Nehmen Sie sich dabei auf und animieren Sie auf dieser Grundlage. 

 

Hinweis: Versuchen Sie, zuerst Keyframes zu bestimmen und zu zeichnen, dann die Zwischenbilder. Ich empfehle nicht, alle Sequenzbilder nachzuzeichnen, ich habe es versucht und auf halbem Weg aufgegeben.


Lagen

Diesmal habe ich nur einen Ordner mit Lineart-Animationen und eine Farbanimation, da ich unbewegte und bewegte Teile nicht trenne. Außerdem habe ich in dieser Animation viel 2D-Kamerabewegungen verwendet

Zufälliger Tipp/Tutorial: So passen Sie die Kamera an: Menü [Zeitleiste] -> [Neue Animationsebene] -> [Ordner für 2D-Kamera] -> Gruppieren Sie alle vorhandenen Ebenen im Ordner für 2D-Kamera

Dann wähle einen beliebigen Zeitpunkt in der Zeitleiste -> Erstelle [Keyframe] -> [Operation] -> Passe die Kamera an (Start) -> Wähle einen anderen Zeitpunkt -> Erstelle neues [Keyframe] -> Passe die Kamera an (Ende). Und schon hast du die Kamerabewegung

Videoanleitung:

Skizzieren

Lineart

Färbung

Schattierung

Finale (Effekte)

Verknüpfung:

3. Erstellen Sie die Charakteranimation

Juhu, die letzte Phase. In diesem Schritt zeige ich Schritt für Schritt, wie ich eine kurze Animation meiner Originalfiguren erstelle, erkläre sie und gebe zufällige Tipps. Sie erfahren, wie ich eine einfache Animation erstelle, und haben die Motivation, Ihre eigene zu starten (hoffe ich jedenfalls).

Tipp: Obwohl meine kommende Animation nicht allzu schwer ist, empfehle ich Anfängern, zunächst mit einfachen Dingen zu beginnen (Blinzeln, Haarbewegungen). Wenn Sie mit einer zu komplizierten Idee beginnen, möchten Sie am liebsten aufgeben. Sie können anhand meiner Keyframes üben. Ich teile viele Keyframes auf meinem Instagram.

\

Außerdem ist dies ein Video, in dem ich meine Blinzelanimation in der Reihenfolge zeige, in der Sie sie benötigen:

Idee

Ja! Sie brauchen zunächst eine grobe Animationsidee im Kopf. Die Idee dient uns als Leitfaden, als Gliederung und auch als Motivation. Wenn Sie darüber nachdenken, Ihre Vorstellungen in eine Animation umzusetzen, ist das super cool (das zeigt, dass ich cool bin, lol :D).

Für eine lange Animation müssen wir zuerst das Storyboard zeichnen, und das brauchen wir in diesem kurzen Animationstutorial nicht.

Normalerweise finde ich meine Ideen durch Musik, insbesondere Jpop.

 

Tut: Um MP3 zu importieren, müssen Sie nur das Lied im MP3-Format auf die Leinwand ziehen

b. Skizze

Wir müssen zuerst die Idee skizzieren, das hilft uns, unseren Charakter zu formen und der ursprünglichen Idee treu zu bleiben.

Ich habe diese Funktionen in den vorherigen Schritten erläutert. Wenn Sie immer noch nicht sicher sind, wie Sie diese ausführen sollen, empfehle ich Ihnen, sich auch das eingebettete Video anzusehen.

 

  • -Strg-Speichern oder [Datei]->[Speichern], um Ihre Datei zu speichern, und denken Sie daran, dies alle 10 Minuten zu tun!!

- Benennen Sie den Standardanimationsordner in „Skizze“ um (optional)

- Beginnen Sie mit dem Skizzieren in Bild 1, erstellen Sie neue Bilder, indem Sie zur neuen Zeit wechseln und auf das Symbol klicken. Oder um Bild 2 aus Bild 1 zu zeichnen, kopieren Sie Bild 1 und fügen Sie es ein. Klicken Sie dann mit der mittleren Maustaste in die Zeitleiste. Eine Tafel wird angezeigt und Sie müssen nur das Bild mit dem Namen [2] auswählen.

- Spielen Sie, um zu sehen, ob es zum gewünschten Lied/zur gewünschten Zeit passt.

- Wiederholen Sie, zeichnen Sie, spielen Sie, bis Sie zufrieden sind.

Tipp: Normalerweise skizzieren die Leute nur Keyframes, es ist nicht erforderlich, alles einschließlich der Zwischensequenzen zu skizzieren.

Tipp: Als Anfänger ist gründliches Skizzieren empfehlenswert. Obwohl meine Skizzen nicht so toll sind, weil ich es hasse, Zeit damit zu verbringen, kann eine saubere Skizze helfen, nicht auf halbem Weg aufzugeben.

Tipp: Ich mache in dieser Animation einige Zeitlupenszenen. Um Zeitlupe zu animieren, müssen Sie nur mehr Frames zwischen den Keyframes zeichnen. (Beispielsweise zeichnen Sie normalerweise 3 Frames zwischen Keyframe 1 und Keyframe 2. Um Zeitlupe zu erzeugen, versuchen Sie, 10 Frames dazwischen zu zeichnen.)

 

Diese Animation wird 40 Sekunden lang sein. Leider kann ich meinen gesamten Animationsprozess in diesem Artikel nicht aufzeichnen und beenden. Mein alter Laptop hat Probleme damit, gleichzeitig aufzuzeichnen und zu animieren (Problem armer Leute), und ich werde beim Aufzeichnen auch abgelenkt. Ich werde trotzdem jeden Schritt von der Skizze bis zum Endprodukt zeigen, aber nur für die erste Szene (von meinem OC Maris).

c. Lineart

Der nächste Schritt besteht darin, diese Skizzen zu linieren.

Mein Lineart-Stil sieht wirklich skizzenhaft aus, lol! Die meisten Leute zeichnen Lineart sauber und kontinuierlich, was bei Zwischenschritten und beim Kolorieren hilft. Anfängern würde ich empfehlen, diesen Ansatz auszuprobieren. Ich habe mich jedoch in letzter Zeit in diesen skizzenhaften Stil verliebt.

 

- Neuen Animationsordner erstellen, in Lineart umbenennen

- Skizzendeckkraft auf 10-20 reduzieren, damit Sie sie leichter nachzeichnen können

- Neue Animationszelle erstellen, mit dem Nachzeichnen von Keyframes beginnen

- Nach Fertigstellung der Keyframes Zwischenschritte zeichnen

- Skizzenordner ausblenden

Tool: Aktivieren Sie „Zwiebelhaut“, wenn Sie Zwischenbilder machen. Die grünen Linien repräsentieren die nächsten Bilder, die violetten Linien die vorherigen Bilder. Ihre Aufgabe: Zeichnen Sie zwischen ihnen (die braune Linie sind meine Skizzen)

Tipp: Normalerweise zeichne ich verschiedene Teile in separaten Ebenen, wie Kopf, Kleidung und insbesondere Haare.

Tipp: Um das Verhältnis seines Kopfes zu bestimmen, markiere ich Augen, Nase, Mund und Kinn, kopiere und füge es dann in das nächste Bild ein und zeichne basierend darauf. 

Tipp: Wenn Sie Zwischenbilder für eine Haarsträhne zeichnen, sollte der Anfang nahe am nächsten Bild sein, während das Ende nahe am vorherigen Bild sein sollte. (das Prinzip der durchgehenden Anwendung)

Färbung

Ich verwende dieselbe Kolorierungstechnik wie beim Kolorieren meiner Illustrationen. Zuerst die Grundfarbe auftragen, Schatten hinzufügen und schließlich Effekte (z. B. Effekte) hinzufügen. In der Animationsbranche wird zuerst die Farbpalette geklärt und dann die verschiedenen Farbabschnitte unterteilt. Sie können jede beliebige Methode wählen.

- Neuen Animationsordner erstellen, in Farbe umbenennen und unter den Lineart-Ordner ziehen

- Neues Animationscel erstellen und mit dem Kolorieren beginnen

- Neuen Animationsordner über dem Farbanimationsordner erstellen, [Auf Ebene darunter ausschneiden] auswählen und dann den Mischmodus auf [Multiplizieren] ändern

- Neues Animationscel erstellen und mit dem Hinzufügen von Schattierungen beginnen

Normalerweise wird das Werkzeug [Füllen] verwendet, um Animationen zu färben, aber bei dieser Lineart ist es besser, ein Lasso-Werkzeug zu verwenden. Sie finden das Lasso-Werkzeug unter [Abbildung] -> [Lasso-Füllen]


In dieser Phase arbeite ich mit Schatten. Ich zeichne farbige Linien, um die verschiedenen Schattenabschnitte voneinander zu trennen, und verwende unterschiedliche Farben, um Schatten, leichte Schatten und reflektiertes Licht darzustellen. So stelle ich sicher, dass ich nicht versehentlich den falschen Abschnitt einfärbe.

Ich mache das jedoch nur für Keyframes (wichtige Frames), nicht für alle Frames


Und das Ergebnis:

e. Effekte (Endgültig)

Juhuu, wir sind fast fertig mit diesem superlangen Tutorial! Der letzte Schritt besteht darin, unserer Animation Effekte hinzuzufügen, damit sie ansprechender aussieht! Zuerst listen wir einige der Effekte auf, die wir hinzufügen können, und wie man sie hinzufügt. Dann zeige ich die Effekte, die ich dieser Animation hinzugefügt habe. 


*Auflistungseffekte

Glow Dodge: Ich verwende diesen Mischmodus, um Licht hinzuzufügen.

Ebene multiplizieren: Außer dem Hinzufügen von Schatten verwende ich diesen Mischmodus, um einen Farbton für die Illustration/Animation festzulegen.

Für einen warmen Farbton wende ich beispielsweise mattes Orange an und reduziere die Deckkraft.

Filterfunktionen (Neue Korrekturebene): Ich habe Sie anhand einer einfachen Aufschlüsselung einer Loop-Animation hierdurch geführt. Sie werden zum Anpassen von Farbbalance, Schattierung usw. verwendet.

(Hier passe ich Farbbalance und Helligkeit/Kontrast an)


*Die endgültige Animation, die ich erhalten habe: (Diese wurde im GIF-Format exportiert, daher ist die Qualität möglicherweise nicht optimal)

Also verwende ich 3 Glow-Dodge-Animationsordner für das Gesamtlicht (für jede Szene), das Augenlicht und die Hervorhebung (für bestimmte Frames)

Ich verwende 1 Multiplikationsebene für den Gesamtton, ziehe sie über alle vorhandenen Ebenen und 1 Multiplikationsanimationsordner für jede Szene meiner Animation (Baby -> Fensterszene -> Gesicht schließen)

Für die letzte Szene (Nahaufnahme des Gesichts) habe ich zwei Farbkorrekturebenen. Die erste Hälfte hat einen warmen Ton, wenn die Figur hoffnungsvoll und aufgeregt ist, und wechselt dann zu einem kühlen Ton, wenn die Figur in die Realität zurückkehrt, in der sie nicht spielen gehen kann.


Werkzeug: Um einen so sanften Farbverlauf zu erstellen, verwende ich dieses Werkzeug [Farbverlauf]

4. Fazit

Danke, dass Sie bis zum Ende gelesen haben. Ich kann Ihre Leidenschaft für Animation spüren XD. Ich hoffe wirklich, dass Sie anfangen können, Animationen zu erstellen und Ihre Idee in die Tat umsetzen können!

Außerdem gibt es einige Informationen, die ich nicht in Text umwandeln kann. Es ist besser, sowohl den Artikel als auch das eingebettete Video zu lesen und anzusehen.

Wenn Sie mein Tutorial nützlich finden, hinterlassen Sie doch ein „Gefällt mir“ oder einen Rat, damit ich mehr und bessere Tipps erstellen kann :D

Zuletzt möchte ich sagen, dass dies mein eigener Prozess ist, Animationen in meinem Stil zu erstellen. Ich habe nie eine akademische Animationsschule besucht, also hoffe ich, dass Sie mir freundlicherweise Ratschläge hinterlassen können, wenn Sie Fehler finden! Danke!

Kommentar

Neu

Neu! Offizielle Tutorials