Hallo! In diesem Artikel zeige ich dir, wie du deine erste Animation in Clip Studio PAINT erstellst. Egal, ob du Anfänger bist oder gerade erst in die Welt der 2D-Animation einsteigst, du wirst eine einfache Animation im LO-FI-Stil erstellen können.

 

Wenn du Clip Studio PAINT PRO oder Clip Studio PAINT EX besitzt, kannst du den gesamten Prozess verfolgen und deine eigene Animation erstellen!

Das ist die Animation, die wir erstellen werden:

Ich zeige dir den gesamten Prozess, um eine ähnliche Animation zu erstellen. Du wirst sehen, wie unterhaltsam und einfach es ist.

 

Ich lade dich daher ein, das Super-Tutorial namens zu sehen:

Video-Tutorial: Wie man in Clip Studio PAINT animiert (ANFÄNGER)

Das Video ist auf Spanisch, aber denk daran, dass du die Untertitel in deiner Sprache aktivieren kannst, du wirst sie sicher finden :)

Wie fandest du das Video? Wir haben Schritt für Schritt den gesamten Prozess zur Erstellung einer einfachen Animation im LO-FI-Stil gesehen.

Prozess der Animationserstellung:

Jetzt lade ich dich ein, den Schritt-für-Schritt-Prozess noch einmal anhand von Bildern zu sehen:

1. Projekterstellung

Gehe zu Datei - Neu und wähle die letzte Option, Animation. Unter Voreinstellung wählen wir 1920 x 1080, ändern den Namen der Geschichte und am wichtigsten, wir ändern die Geschwindigkeit auf 8 und die Dauer auf 24 Bilder. Sobald dies erledigt ist, drücken wir auf OK.

2. Zeitleiste in Clip Studio PAINT

Denke daran, sie oben unter: Fenster - Zeitleiste zu aktivieren.

3. Speichere dein Projekt

Unter Datei - Speichern unter kannst du dein Projekt speichern. Wähle deinen Ordner und vergiss nicht, immer im .CLIPSTUDIOFORMAT zu speichern.

4. Layout der Animation

Beim Erstellen des Projekts haben wir standardmäßig einige Dinge: einen Animationsordner und die Papierebene, die die weiße Hintergrundfarbe ist. Um bei 0 anzufangen, löschen wir den Animationsordner im Ebenen-Panel und behalten nur die Papierebene.

Und wir erstellen eine neue Rasterebene namens LAYOUT.

Um auf dieser Ebene die Skizze unserer Animation zu zeichnen, wählen wir das Bleistift-Werkzeug mit dem Unterwerkzeug Bleistift. Wenn du die Skizze mit einem anderen Pinsel machen möchtest, kannst du das tun!

Und wir erzielen das folgende Ergebnis:

5. Lineart der Animation

Wir wählen die Layout-Ebene aus und aktivieren: Ebenenfarbe ändern und reduzieren die Deckkraft auf 50%.

Und wir erstellen eine neue Ebene für die Linie, aber dieses Mal wählen wir eine Neue Vektorebene.

Und mit dem Füllfederhalter-Werkzeug unter dem Unterwerkzeug Texturiert zeichnen wir die Linie der Animation, aber nur den Bereich, der keine Bewegung haben wird.

 

Warum habe ich das Unterwerkzeug Texturiert gewählt? Weil ich möchte, dass diese Animation einen künstlerischen Touch hat.

Und manchmal müssen wir Linien schneiden. Dafür haben wir ein tolles Werkzeug in Clip Studio: Wenn wir das Radiergummi-Werkzeug unter dem Unterwerkzeug Vektor wählen, können wir die nicht benötigten Striche schneiden.

Und wenn du die Linienstärke ändern möchtest, kannst du das auch tun. Du musst zum Werkzeug Linienkorrektur gehen und unter dem Unterwerkzeug: Linienstärke ändern wählen. Und im Fenster Werkzeugeigenschaften kannst du Erhöhen oder Verringern wählen.

So kann die Linienstärke bearbeitet werden (Linie des Tisches)

6. Augen-Animation

Jetzt ist es Zeit, mit dem Animieren zu beginnen. Dafür fangen wir mit dem Einfachsten an, dem Blinzeln des Charakters. Dazu müssen wir zur Zeitleiste gehen und einen Neuen Animationsordner erstellen.

Und dann müssen wir ein: Neues Animationsbild erstellen.

Und jetzt werden wir einen Trick anwenden, den ich liebe! Im Ebenen-Panel innerhalb des Animationsordners für die Augen erstellen wir einen: Neuen Ebenenordner, dem wir den gleichen Namen wie dem Bild geben, nämlich: 1.

Und wir können verschiedene Ebenen erstellen, in diesem Fall erstellen wir eine Vektorebene namens: Linie. Und eine Rasterebene namens: Farbe.

Und jetzt wählen wir die Linienebene des Animationsordners für die Augen aus und zeichnen die geöffneten Augen.

Wenn wir ein Bild zu einem Ebenenordner machen, erstellen wir ein neues Animationsbild im Bild 10, und wenn wir diese neue Zeichnung erstellen, wirst du feststellen, dass ein neues Animationsbild erstellt wird, das alle Ebenen und Namen des vorherigen Bildes respektiert – etwas, das ich liebe!

Und auf der Linienebene des Animationsordners für die Augen werden wir die Augen geschlossen zeichnen.

Denke daran, zu aktivieren: Zwiebelschicht aktivieren, um die vorherige Zeichnung zu sehen.

Jetzt erstellen wir ein neues Animationsbild im Bild 12.

Aber vorher gehen wir zum Bild 13 und aktivieren: Cels angeben.

Und wir wählen die Zeichnung 1 aus, um die geöffneten Augen im Bild 13 wieder sichtbar zu machen.

Und im Bild 12 zeichnen wir die halb geöffneten Augen.

Und wir sehen die Animation, die wir bisher erreicht haben, nur mit dem Blinzeln.

7. Buch-Animation

Jetzt erstellen wir einen Neuen Animationsordner namens „Blätter“.

Wir erstellen ein neues Animationsbild und wiederholen den vorherigen Schritt.

Wir erstellen einen Ebenenordner mit dem gleichen Namen wie das Bild, um weitere Ebenen in diesem Ordner erstellen zu können. Die Ebenen, die wir erstellen werden, sind: die Linienebene und die Farbebene.

Und wir zeichnen nur die Buchseiten auf der Linienebene dieses Animationsordners, denn das ist, was wir animieren werden.

Jetzt erstellen wir ein neues Animationsbild im Bild 2 und wie du dich erinnerst, wird ein neues Animationsbild erstellt, das die Anzahl der Ebenen und deren Namen respektiert.

Und mit der Fertigstellung der Zeichnung im Bild 3 ist die Animation bereit.

Jetzt müssen wir die Dauer der Animation der Buchseiten reduzieren. Dazu nehmen wir diesen Animationsordner vom rechten Ende und setzen ihn auf 3 Bilder.

Als Nächstes werden wir diese Animation innerhalb desselben Animationsordners kopieren. Dazu setzen wir den Cursor auf den oberen Teil der Animation der Buchseiten, rechte Maustaste - kopieren.

Und im Bild 4, das leer ist, mit der rechten Maustaste - einfügen. Und das Gleiche machen wir in der gesamten Zeitleiste bis zum Ende.

Dabei erhalten wir das folgende Ergebnis:

8. Bereinigung der Animation

Das ist das Ergebnis, das wir bisher erzielt haben, die Linie der Animation.

9. Farbe der Animation

Es ist Zeit, Farbe hinzuzufügen. Dafür erstellen wir eine neue Rasterebene namens FARBE unterhalb der Linienebene der Animation. Hier werden wir alle Elemente malen, die sich nicht bewegen.

Wir wählen das Füllwerkzeug und wechseln im Unterwerkzeug zu: Auf andere Ebenen verweisen. So können wir auf einer anderen Ebene malen, und es wird die Umrisslinie lesen, um die festen Elemente der Animation mit Farbe zu füllen.

Auf diese Weise erreichen wir es:

10. Farbe der Animation der Buchseiten

Jetzt werden wir die Animation des Buches malen. Wir wählen die erste Zeichnung der Animation, dann die Farbebene und malen mit dem Füllfederhalter, demselben Werkzeug, mit dem wir die Linie gezeichnet haben.

11. Farbe der Augen-Animation

Wir machen den gleichen Prozess, wählen den Animationsordner der Augen und malen die 3 Zeichnungen der Blinzel-Animation.

Wir malen den hellen Teil der Augen und die Iris. Und wenn du möchtest, kannst du den Augen eine zusätzliche Farbe hinzufügen.

Dabei erhalten wir das folgende Ergebnis.

12. Farbe der Randlinie

Jetzt fügen wir ein zusätzliches Detail hinzu: Wir werden die Randlinie farbig malen, und du wirst feststellen, dass unsere Animation dadurch noch besser aussieht.

 

Dazu erstellen wir eine neue Ebene über der Linienebene namens: Linienfarbe. Und wir gehen zu Bearbeiten - Füllen. Aber es ist sehr wichtig, im Ebenen-Panel aktiviert zu haben: An untere Ebene anpassen, wie ich es im folgenden Bild zeige:

13. Animationsambiente

Jetzt spielen wir mit der Beleuchtung der Animation. Wir erstellen eine neue Rasterebene namens: Ambiente. Wir gehen zu Bearbeiten - Füllen, um den gesamten Arbeitsbereich mit derselben Farbe wie die Randlinie zu malen. Und im Ebenen-Panel aktivieren wir unter den Mischmodi: Multiplikation und reduzieren die Deckkraft auf 70%.

14. Schatten der Animation

Obwohl diese Animation flache Farben haben wird, müssen wir Tiefe zwischen dem Vordergrund und den Hintergrundelementen schaffen. Dazu erstellen wir eine neue Rasterebene über allen anderen und nennen sie: Schatten. Und mit dem Füllfederhalter-Werkzeug malen wir nur den Hintergrund der Animation. Die Deckkraft lassen wir ebenfalls bei 70%.

15. Beleuchtung der Animation

Als letzten Schliff können wir eine neue Rasterebene namens: Licht erstellen. Um kleine Lichtakzente in die Szene zu setzen, ändern wir den Mischmodus auf Hinzufügen (Glanz) und lassen die Deckkraft bei 50%.

16. 2D-Kamera in Clip Studio PAINT

Wenn du den Kameraausschnitt ändern möchtest, kannst du das in Clip Studio PAINT ganz einfach tun, indem du eine 2D-Kamera erstellst. Bevor wir sie erstellen, aktivieren wir jedoch das Rendering der 2D-Kamera, das uns tatsächlich den Kameraausschnitt zeigt, den wir als Video oder GIF exportieren werden.

 

Zuerst gehen wir zu Animation - Wiedergabeeinstellungen - 2D-Kamera rendern.

Wenn wir in der Zeitleiste auf Wiedergabe klicken, sehen wir die tatsächliche Aufnahme unserer Kamera.

Jetzt erstellen wir eine neue Kamera, um den Ausschnitt zu ändern. Dazu gehen wir zu: Animation - Neue Animationsebene - 2D-Kamera-Ordner.

Und mit dem Bedienwerkzeug können wir die Kamera in den gewünschten Ausschnitt bewegen.

Damit die Kamera funktioniert, müssen wir jedoch alle Ebenen verschieben und sie in den Kamera-Ordner legen, auf diese Weise:

Und wenn wir auf Wiedergabe klicken, sehen wir den endgültigen Kameraausschnitt, den wir bearbeitet haben.

17. Licht-Animation

Als letztes Detail werden wir eine sehr einfache Lichtanimation erstellen. Dazu erstellen wir einen: Neuen Animationsordner über allen Ebenen, dem wir den Namen Licht geben.

Wir nehmen die zuvor erstellte Lichterebene und legen sie in den neuen Animationsordner namens Licht.

Und im Animationsordner namens Licht aktivieren wir die Option: Cels angeben.

Und wir wählen die Zeichnung namens Licht 1 aus.

In der Zeitleiste im Bereich, wo sich die Zeichnung befindet, mit rechter Maustaste - Ebene duplizieren.

Jetzt haben wir 2 gleiche Zeichnungen im Animationsordner des Lichts. Jetzt gehen wir zum Bild 3 und aktivieren: Cels angeben.

Und wir wählen die Zeichnung 2 namens Licht 2 aus, schließlich ändern wir die Deckkraft auf 70%.

Jetzt stellen wir die Dauer der Lichtanimation auf 4 Bilder ein.

Dann im oberen Bereich der Lichtanimation mit rechter Maustaste - Kopieren.

Dann im Bild 5 mit rechter Maustaste - Einfügen. Und das Gleiche machen wir mit den restlichen Bildern.

So wird die Zeitleiste mit der Lichtanimation vervollständigt.

18. Animation als Film exportieren

Gehe zu Datei - Animation exportieren - Film

Wir aktivieren: 2D-Kameraeffekte anwenden und ändern die FPS (Bilder pro Sekunde) auf 8. Und wir drücken auf OK, um unsere Animation als Video zu exportieren. Du kannst das Format .mov oder .mp4 wählen.

19. Animation als GIF exportieren

Datei - Animation exportieren - Animiertes GIF

In den Export-Einstellungen für animierte GIFs ändern wir Breite und Höhe, falls wir ein großes und qualitativ hochwertiges GIF wünschen, drücken auf OK und unsere Animation wird als .gif exportiert.

20. Finale Animation im LO-FI-Stil

Ich hoffe, dieser Artikel war dir eine große Hilfe und motiviert dich, deine erste Animation zu erstellen, denn wie du sehen konntest, ist es einfacher, als es aussieht.

 

Ich erwarte dich im nächsten TIPP!