Hallo! In diesem Artikel zeige ich dir, wie du eine PIXEL ART Animation in Clip Studio Paint erstellst. Wir werden einen Animationszyklus für eine LO-FI-Szene erstellen.

 

Vergiss nicht, meine anderen Clip Studio Paint Tipps anzusehen, wo du sicherlich viel lernen wirst.

Pixel-Art-Animation, die wir erstellen werden

Dieses Mal werden wir eine Pixel-Art-Animation erstellen, die sich perfekt für LO-FI-Musik-Animationen eignen könnte. Wir werden einen Charakter, der in der Abenddämmerung auf dem Gras liegt und mit anderen Elementen interagiert, auf einfache Weise animieren.

Los geht's mit dem Super-Tutorial und denke daran, dass du die Untertitel in deiner Sprache aktivieren kannst. Wenn du sie nicht findest, hinterlasse mir einen Kommentar und ich füge gerne neue Untertitel in deiner Sprache hinzu.

Tutorial: PIXEL ART Animation in Clip Studio Paint

Wie hat dir das Tutorial gefallen?

Wir haben Schritt für Schritt gesehen, wie man eine Pixel-Art-Animation einfach und unkompliziert erstellt.

Schritt für Schritt zur Pixel-Art-Animation

Nun lade ich dich ein, das Gelernte Schritt für Schritt anhand eines Leitfadens zu wiederholen, der das im Video-Tutorial Gelernte unterstützt.

1. Konzept der Pixel-Art-Animation

Das ist die Animationsidee, die ich im Pixel-Art-Stil umsetzen werde.

2. Projekterstellung für die Pixel-Art-Animation

Datei - Neu und wir erstellen ein Illustrationsprojekt mit den folgenden Eigenschaften:

Und unser Projekt ist erstellt:

Dann gehen wir zum Menü: Ansicht - Raster

Zuerst wird es so aussehen:

Wir gehen erneut zu Ansicht - Lineal/Raster-Einstellungen:

Und im Einstellungsfenster belassen wir die folgenden Werte und klicken auf OK:

Und unser Projekt ist bereit zum Zeichnen und Animieren. Vergiss nicht, zu Datei - Speichern zu gehen und dein Projekt zu speichern.

Und wir fügen die Skizze ein, um darauf zu animieren:

Diese Ebene werden wir als Skizze verwenden, daher aktivieren wir die Ebenenfarbe und reduzieren die Deckkraft auf 50 %

3. Animation im Pixel-Art-Stil

Hier sind einige tolle Pinsel zum Zeichnen im Pixel-Art-Stil.

 

In meinem Fall werde ich das Stift-Werkzeug mit dem Unterwerkzeug G-Stift verwenden, wobei wir die Glättung auf Minimum setzen:

Wir beginnen, den Körper des Charakters zu zeichnen, alles, was keine Bewegung haben wird, auf einer Rasterebene außerhalb des erstellten Animationsordners.

Nun animieren wir das wehende Haar des Charakters, indem wir nur 4 Zeichnungen aus dem Animationsordner verwenden. Die nicht verwendeten Keyframes löschen wir.

Und das ist die Haar-Animation, die wir mit nur 4 Zeichnungen erreicht haben. Denk daran, dass unsere Animation ein Zyklus sein wird.

Wir fügen die Augenanimation in einem weiteren Animationsordner hinzu und erstellen 3 verschiedene Zeichnungen: offene Augen, geschlossene Augen und halb geöffnete Augen.

Und wir machen dasselbe mit den Hintergrundelementen, erstellen einen neuen Animationsordner und animieren 4 Zeichnungen.

Das folgende Ergebnis erzielend:

4. Farbe der Animation

Zuerst werden wir den unbewegten Körper des Charakters malen. Dafür aktivieren wir das Füllwerkzeug, im Unterwerkzeug aktivieren wir Auf andere Ebenen beziehen und in den Werkzeugeigenschaften deaktivieren wir Flächenskalierung.

Und wir erstellen eine neue Rasterebene unterhalb der Ebene der Körperlinie des Charakters und nennen sie: Basisfarbe.

Im Moment erzielen wir folgendes Ergebnis:

5. Farbe der Animation von Haaren, Augen und animiertem Hintergrund

Mit dem gleichen Stiftwerkzeug können wir die Farbe der Haar-Animation malen. Denke daran, einen Ordner mit dem gleichen Namen des Keyframes zu erstellen und die Ebene mit der Haarlinie in diesen neuen Ordner einzufügen, damit die Zeitleiste diesen erstellten Ordner als Keyframe liest, wo wir so viele Ebenen hinzufügen können, wie wir möchten.

Und im Moment haben wir folgendes Ergebnis, sieht doch gut aus, oder? :)

6. Hintergrundfarbe

Wir erstellen eine neue Ebene namens Hintergrund, Gras oder Rasen und gehen zu Bearbeiten - Füllen, und malen den Hintergrund farbig aus.

7. Glanzlichter und Schatten der Animation

Wir erstellen neue Ebenen über den Basisfarben-Ebenen, nennen sie Schatten- oder Glanzlichterfarbe und aktivieren die Option: Auf untere Ebene einstellen, damit wir uns keine Sorgen machen müssen, wenn wir über die Farbe hinausgehen.

Und im Moment haben wir folgendes Ergebnis:

8. Blütenblatt-Animation

Als Nächstes werden wir eine neue Animation erstellen, um unsere Arbeit noch weiter zu verbessern. Wir erstellen einen neuen Animationsordner und fertigen 4 Zeichnungen für die Bewegung von Blütenblättern an, die über der Szene erscheinen werden.

9. Farbe der Ränder

Damit unsere Animation noch schöner wird, malen wir nun die Ränder aller Elemente der Szene farbig aus. Dazu wählen wir alle Ebenen aus, auf denen sich die Ränder aller Elemente befinden, und aktivieren die Option: Transparente Pixel sperren.

Dann gehen wir zu Bearbeiten - Füllen, um die Ränder, zum Beispiel die der Blätter, farbig auszumalen:

Siehst du? Es sieht noch besser aus :)

Und das ist es, was wir mit dieser einfachen, aber schönen Animation erreicht haben.

10. Exportiere deine .gif-Animation

Nun exportieren wir unsere Pixel-Art-Animation als GIF. Dazu gehen wir zu Datei - Animation exportieren - Animiertes GIF:

In den Einstellungen belassen wir die Größe, mit der wir das Projekt ursprünglich erstellt haben, und klicken auf OK:

Und das ist die GIF-Animation in der Originalgröße, in der wir unser Projekt bearbeitet haben:

11. Exportiere deine .gif-Animation in Full HD

Das erste, was wir tun müssen, ist, unser Projekt ohne Qualitätsverlust zu skalieren, und du wirst feststellen, dass es bei dieser Vorgehensweise keine Probleme geben wird.

 

Wir gehen zu Bearbeiten - Bildauflösung ändern:

Das ist die Originalgröße des Projekts:

Und indem wir einfach die Zahl 0 sowohl zur Breite als auch zur Höhe hinzufügen, können wir die Größe des Projekts erweitern. Der Maßstab ändert sich automatisch auf 10, die Auflösung belassen wir bei 72 und klicken auf OK:

Und wir haben ein Projekt von 1920 x 1080 Pixeln ohne Qualitätsverlust:

Wir gehen zu Datei - Animation exportieren - Animiertes GIF:

Finale Animation im PIXEL ART Stil

Musik Chill Lofi Beats zum Lernen/Lesen/Arbeiten/Zeichnen/Animieren/Entspannen

Und diese Animation habe ich für meinen neuen Kanal für musikalische Animationen verwendet :)

Ich hoffe, dieser Artikel war hilfreich für dich :)

Es hat mir viel Spaß gemacht, ihn zu erstellen und Schritt für Schritt zu erklären.

 

Viele Grüße, alles Gute und bis zum nächsten Tipp.

Mein Instagram