Clip Studio Paint-Tutorials

So erstellen Sie eine PIXEL ART-Animation in CLIP STUDIO PAINT

36.133

140

KevinFarias

Hallo! In diesem Artikel werde ich Ihnen beibringen, wie Sie eine PIXEL ART-Animation in Clip Studio Paint erstellen. Wir werden einen Animationszyklus einer Szene im LO-FI-Stil erstellen.

Denken Sie daran, meine anderen Clip Studio Paint-Tipps zu sehen, in denen Sie sicherlich viel lernen werden.

Pixel Art-Animation, die wir machen werden

Bei dieser Gelegenheit werden wir eine Animation im Pixel-Art-Stil erstellen, die perfekt für LO-FI-Musikanimationen verwendet werden könnte. Wir werden eine Figur, die bei einem Sonnenuntergang auf dem Gras liegt, leicht animieren, indem wir mit anderen Elementen interagieren.

Lassen Sie uns mit dem Super-Tutorial fortfahren und denken Sie daran, dass Sie die Untertitel in Ihrer Sprache aktivieren können. Wenn Sie sie nicht finden können, hinterlassen Sie mir einen Kommentar und ich werde gerne neue Untertitel in Ihrer Sprache hinzufügen.

Lernprogramm: PIXELART-Animation in CLIP STUDIO PAINT

Was haltet ihr von dem Tutorial?

Wir haben Schritt für Schritt gesehen, wie man auf einfache und einfache Weise eine Animation im Pixel-Art-Stil erstellt.

Schritt für Schritt, wie Sie eine Pixel Art-Animation erstellen

Jetzt lade ich Sie ein, das Gelernte Schritt für Schritt durch einen Leitfaden zu überprüfen, der das unterstützt, was Sie im Video-Tutorial gelernt haben.

1. Pixel-Art-Animationskonzept

Dies ist die Animationsidee, die ich im Pixel Art-Stil machen werde.

2. Erstellung des Projekts für die Pixel-Art-Animation

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

Und wir haben unser Projekt erstellt:

Dann gehen wir zum Menü: Ansicht - Raster

Zunächst wird es so aussehen:

Gehen wir wieder zu Ansicht - Lineal-/Rastereinstellungen:

Und im Einstellungsfenster lassen wir die folgenden Werte und wir akzeptieren:

Und wir haben unser Projekt bereit, um mit dem Zeichnen und Animieren zu beginnen. Vergessen Sie nicht, zu Datei - Speichern zu gehen und Ihr Projekt zu speichern.

Und wir integrieren die Leitzeichnung, um auf dieser Grundlage zu animieren:

Wir werden diese Ebene als Skizze verwenden, also aktivieren wir die Ebenenfarbe und verringern die Deckkraft auf 50 %

3. Animation im Pixel-Art-Stil

Ich hinterlasse Ihnen einige großartige Pinsel, um den Pixel-Art-Stil zu zeichnen.

In meinem Fall werde ich das Stiftwerkzeug mit dem Stift G-Unterwerkzeug verwenden, beim Glätten belassen wir es auf dem Minimum:

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

Jetzt machen wir die Animation der Haare der Figur im Wind, indem wir nur 4 Zeichnungen aus dem Animationsordner verwenden, wir löschen die Frames, die wir nicht verwenden.

Und dies ist die Animation der Haare, die wir mit nur 4 Zeichnungen erreicht haben. Denken Sie daran, dass unsere Animation ein Zyklus sein wird.

Wir fügen die Animation der Augen in einem anderen Animationsordner hinzu und erstellen 3 verschiedene Zeichnungen: offene Augen, geschlossene Augen und halboffene Augen.

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

Erzielung des folgenden Ergebnisses:

4. Animationsfarbe

Zuerst malen wir den Körper ohne Bewegung des Charakters, dafür aktivieren wir das Füllwerkzeug, im Unterwerkzeug aktivieren wir Auf andere Ebenen verweisen und in den Werkzeugeigenschaften deaktivieren wir die Flächenskalierung.

Und wir erstellen eine neue Rasterebene unter der Körperlinienebene der Figur und nennen sie: Grundfarbe.

Erhalten Sie im Moment das folgende Ergebnis:

5. Animationsfarbe von Haaren, Augen und animiertem Hintergrund

Mit demselben Stiftwerkzeug können wir die Farbe der Haaranimation malen. Denken Sie daran, einen Ordner mit dem gleichen Namen wie der Rahmen und die Ebene mit dem Haaransatz zu erstellen, fügen Sie ihn in diesen neuen Ordner ein, damit die Zeitachse diesen erstellten Ordner wie folgt liest ein Rahmen, in dem wir die gewünschte Anzahl von Ebenen hinzufügen können.

Und im Moment haben wir das folgende Ergebnis, es funktioniert gut, oder? :)

6. Hintergrundfarbe

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

7. Animations-Highlights und -Schatten

Wir erstellen neue Ebenen über den Grundfarbenebenen, nennen sie Schattenfarbe oder Glanzlichter und aktivieren die Option: An untere Ebene anpassen, um uns keine Sorgen zu machen, wenn uns die Farbe ausgeht.

Und bisher haben wir folgendes Ergebnis:

8. Blütenblattanimation

Als nächstes erstellen wir eine neue Animation, um unsere Arbeit noch weiter zu verbessern, wir erstellen einen neuen Animationsordner und wir erstellen 4 Zeichnungen für die Bewegung der Blütenblätter, die in der Szene erscheinen werden.

9. Rahmenfarbe

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

Dann gehen wir zu Bearbeiten - Füllen, um beispielsweise die Ränder der Blätter zu färben:

Du siehst es? Es ist noch besser :)

Und genau das haben wir mit dieser einfachen, aber niedlichen Animation erreicht.

10. Exportieren Sie Ihre Animation .gif

Jetzt exportieren wir unsere Pixel-Art-Animation als GIF, dazu gehen wir zu Datei - Animation exportieren - Animiertes GIF:

In den Einstellungen belassen wir es bei der Größe, mit der wir das Projekt ursprünglich erstellt haben und geben es zu akzeptieren:

Und das ist die Gif-Animation der Originalgröße, in der wir unser Projekt bearbeiten:

11. Exportieren Sie Ihre Full-HD-GIF-Animation

Das erste, was wir tun müssen, ist, unser Projekt ohne Qualitätsverlust zu skalieren, und Sie werden feststellen, dass es kein Problem geben wird, wenn Sie das Projekt auf diese Weise durchführen.

Let's Edit - Bildauflösung ändern:

Dies ist die ursprüngliche Größe des Projekts:

Und indem wir sowohl der Breite als auch der Höhe die Zahl 0 hinzufügen, können wir die Größe des Projekts erweitern, die Skalierung ändert sich automatisch auf 10, die Auflösung bleibt bei 72 und wir akzeptieren:

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

Gehen wir zu Datei - Animation exportieren - Animiertes GIF: