Hallo! In diesem TIP zeige ich dir, wie du deinen eigenen SPRITE im PIXEL ART Stil in Clip Studio PAINT erstellen und animieren kannst!

Es wird eine einfache Animation mit 24 Frames sein! Wenn du also die PRO- oder EX-Version von Clip Studio hast, kannst du deine eigene Animation erstellen! Trau dich und erstelle deinen eigenen SPRITE!

 

Es macht viel Spaß, Illustrationen oder Animationen im Pixel-Art-Stil zu erstellen!

Das werden wir tun:

Wir werden einen Charakter erstellen und ihn dann in den Pixel-Art-Stil umwandeln!

・Skizze ・Pixel-Linie ・Pixel-Art-Animation

Ich lade dich ein, das Video anzusehen und deinen eigenen Charakter zu erstellen!

Du kannst dich selbst darstellen, wie ich es getan habe, oder einen Freund erstellen!

 

Wenn es dein erstes Mal im Pixel-Art-Stil ist, bin ich sicher, dass dir dieser TIP sehr helfen wird!

Deshalb lade ich dich ein, das Tutorial anzusehen mit dem Titel:

TUTORIAL: Erstelle und animiere deinen SPRITE im PIXEL ART Stil

Du kannst das Video auf Spanisch und Englisch ansehen!

Du kannst auch Untertitel in deiner Sprache aktivieren! :)

Zusammenfassung des TIPs

1. Charakterdesign

In Clip Studio PAINT gehen wir zum Menü Datei - Neu.

Im erscheinenden Fenster wählen wir die erste Option, die Illustrationsoption, geben unserer Datei einen Namen und erstellen sie mit den folgenden Parametern:

- Breite: 1.000 px

- Höhe: 1.000 px

- Auflösung: 72 dpi

 

Wir klicken auf die Schaltfläche OK, um das Projekt zu erstellen.

Nachdem das Projekt erstellt wurde, benennen wir die standardmäßig erstellte Ebene um in: Skizze. Und vergessen Sie nicht, das Projekt mit der Schaltfläche oben zu speichern.

2. Einfacher Modus

Wenn du ein Tablet benutzt, um bequemer zu zeichnen, können wir in den Einfachen Modus wechseln, wir haben eine neue Schaltfläche unten links.

Und schnell sind wir im Einfachen Modus :)

Wir wählen das Bleistift-Werkzeug, um die Skizze unseres Charakters zu erstellen.

Nachdem wir die Charakterskizze erstellt haben, kehren wir mit derselben Schaltfläche jetzt in den Studio-Modus zurück.

Und fertig! Wir haben das Charakterdesign erstellt.

3. Projekt duplizieren

Gehen wir zu Datei - Duplikat speichern - .clip (CLIP STUDIO PAINT FORMAT)

Wir ändern den Namen.

Und wir speichern ein Duplikat unseres Projekts.

4. Projekt auf Pixel-Art-Projekt skalieren

Gehen wir zum Menü Datei - Öffnen

Wir wählen die duplizierte Datei aus und öffnen sie in Clip Studio PAINT.

Jetzt werden wir die Maße ändern, um dieses Projekt in ein Pixel-Art-Projekt umzuwandeln.

Dafür gehen wir zum Menü Bearbeiten - Bildauflösung ändern.

Es erscheint ein neues Fenster mit den Maßen, mit denen wir das Projekt zuvor erstellt haben.

Wir ändern die Breite und Höhe auf 384 Pixel und aktivieren die harten Kanten.

Und wir klicken auf OK, um die Projektmaße zu ändern.

Und wir haben die Größe des Projekts reduziert, wie du sehen kannst, ist es sehr klein.

Und wenn wir näher heranzoomen, können wir sehen, dass das Projekt verpixelt aussieht, ideal für die Art von Projekt, an der wir arbeiten werden.

5. Raster für den Pixel-Art-Stil

Gehen wir zum oberen Menü namens Ansicht - Raster.

Das Raster wird aktiviert.

Jetzt gehen wir wieder zum oberen Menü, Raster-/Linealeinstellungen.

Dieses Fenster erscheint mit den aktuellen Maßen, die wir ändern werden.

Als Startpunkt des Rasters aktivieren wir: Mitte. Und beide Rasterparameter ändern wir auf 1.

 

Und wir klicken auf die Schaltfläche OK, damit die Änderungen angewendet werden.

Und das Raster ist jetzt kleiner.

Und wenn wir näher heranzoomen, haben wir das Raster in der Größe der Pixel-Art-Linie, die ich erstellen möchte, was perfekt ist, um an einem Pixel-Art-Projekt zu arbeiten.

6. Erstellung der Zeitleiste

Gehen wir zum Menü Fenster - Zeitleiste

Das Zeitleisten-Panel wird aktiviert, und jetzt gehen wir zur Schaltfläche: Neue Zeitleiste, um eine neue Zeitleiste zu erstellen, um dieses Projekt als Animationsprojekt zu aktivieren.

Die Zeitleiste wird die folgenden Parameter haben, hauptsächlich 8 Bilder pro Sekunde und eine Dauer von 24 Frames.

Und wir haben unser Illustrationsprojekt in ein Animationsprojekt umgewandelt.

7. Pixel-Art-Animation

In der Zeitleiste erstellen wir 2 neue Animationsordner, einen namens Körper und den anderen namens Augen.

Und im Ebenen-Panel innerhalb der Animationsordner fügen wir einen neuen Ebenenordner hinzu und darin die folgenden Ebenen:

Und in der Skizzenebene aktivieren wir: Ebenenfarbe ändern und reduzieren die Deckkraft auf 50%.

Wir wählen das Füllfeder-Werkzeug für die Linie, in der Unterwerkzeug-Palette wählen wir einen Pixel-Art-Pinsel.

Und wir erstellen die Umrisslinie des Charakters, wie du sehen kannst, ist es viel einfacher, die Linie zu erstellen, da wir das Gitterwerkzeug zuvor aktiviert haben und die Pixel unserer Animation als Führung dienen.

Und wir beenden die Linie des Charakters der ersten Zeichnung.

Jetzt erstellen wir die zweite Zeichnung der Animation, dafür verwenden wir dieselbe Zeichnung und nehmen kleine Änderungen vor.

In der Zeitleiste gehen wir zu Frame 3 und duplizieren mit einem Rechtsklick den Ordner der Zeichnung 1.

Den oberen Teil dieser neuen Zeichnung bewegen wir um 3 Pixel nach unten.

Wir erzielen das folgende Ergebnis, jetzt werden wir Haare, Arme und Beine bearbeiten.

Wir erzielen das folgende Ergebnis.

Auch in der Zeitleiste werden wir ihre Dauer bearbeiten, wir belassen die Animationen bis Frame 4.

8. Augenanimation

Wir werden die Augen vom Körper trennen, dafür wählen wir die Augen aus und aktivieren die Option Ausschneiden und Einfügen, die die Augen von der Linienebene trennt.

Dann legen wir die Augenlinie in den Animationsordner für die Augen.

In der Zeichnung von Frame 3 machen wir ebenfalls dasselbe, beide Zeichnungen werden dieselben Augen haben, mit dem Unterschied, dass diese neue Zeichnung etwas tiefer liegen wird.

Jetzt werden wir die Augenanimation erstellen, dafür gehen wir zu Frame 5, um eine neue Animationszelle zu erstellen.

Und wir erstellen die Zeichnung der geschlossenen Augen.

Danach erstellen wir in Frame 7 eine neue Animationszelle.

Danach aktivieren wir in Frame 8 Zelle zu Frame aktivieren (Zellen angeben) und wählen Zeichnung 1 aus.

Und in Frame 7 erstellen wir die halb offene Zeichnung, indem wir uns des Zwiebelschalen-Werkzeugs bedienen, um die vorherige und nachfolgende Zeichnung zu sehen.

Und wir haben das folgende Ergebnis.

9. Farbe der Pixel-Art-Animation

Zum Malen wählen wir die Farbebene jeder Zeichnung der Animation aus.

Die Farbe können wir mit dem Füllfeder-Werkzeug oder schneller mit dem Füllwerkzeug hinzufügen, in den Werkzeugeigenschaften deaktivieren wir Flächenskalierung.

Und wir deaktivieren auch Anti-Aliasing.

Und mit einem einzigen Klick malen wir die Animation unseres Charakters aus.

In den Ebenen für Schatten und Glanzlichter fügen wir die entsprechenden Farben hinzu.

Für die Augen ist es der gleiche Prozess.

Und wir erzielen das folgende Ergebnis, es sieht toll aus, oder?

Aber ein letzter Schritt fehlt noch, um unsere Pixel-Art-Animation noch weiter zu verbessern.

10. Farbe der Umrisslinie

Wir wählen die Linienebene jeder Zeichnung der Animation aus und aktivieren im Ebenen-Panel: Transparente Pixel sperren.

Mit dem Füllfeder-Werkzeug färben wir die Ränder des Charakters.

So sieht es dann aus:

Und so wird der gesamte Charakter mit den farbigen Rändern aussehen.

11. Pixel-Art-Projekt skalieren

Als Erstes werden wir die Papierebene deaktivieren, um das Projekt mit transparentem Hintergrund zu belassen.

Jetzt werden wir das Projekt duplizieren, dafür gehen wir zum Menü Datei - Duplikat speichern - .clip (CLIP STUDIO FORMAT)

Wir ändern den Namen und speichern es auf unserem Computer.

Jetzt öffnen wir das duplizierte Projekt über das Menü Datei - Öffnen.

Sobald das duplizierte Projekt geöffnet ist, werden wir es bearbeiten, wir werden seine Größe skalieren.

Dafür gehen wir zum Menü Bearbeiten - Bildauflösung ändern.

Die Größe hatte, wie du dich erinnerst, von Anfang an diese Maße:

Und wir werden sie durch diese neuen Maße ersetzen, zum Beispiel 2000 x 2000 Pixel.

Wie du sehen kannst, haben wir die Größe des Projekts erhöht und unsere Pixel-Art-Animation hat jetzt eine hohe Auflösung, ohne an Qualität zu verlieren, im Gegenteil, sie hat eine bessere Qualität als die Originalanimation.

12. Exportiere deine Pixel-Art-Animation

Um die Animation zu exportieren, gehen wir zum Menü Datei - Animation exportieren - Animiertes GIF.

Wir geben ihr einen Namen.

Wir können es in einer viel größeren Größe exportieren, zum Beispiel 2.000 x 2.000 Pixel.

Und die Animation wird als GIF exportiert.

13. Endgültige Animation

Das ist die Pixel-Art-Animation, die wir in diesem Tutorial erstellt haben:

14. Schlussfolgerungen

Obwohl die von uns erstellte Animation einfach ist, ist sie sehr gut, um mit der Erstellung deiner eigenen Animationen in diesem Stil zu beginnen.

Wenn es dir zu schwerfällt, kannst du mit nur einer Illustration beginnen und dann deine Animation erstellen.

 

Wir sehen uns im nächsten TIP!