Animiertes Emote in Clip Studio Paint

1.597

Fiorkart

Fiorkart

Einführung

Hallo! Sie sind dabei, sich auf eine spannende Reise in die Welt der Erstellung animierter Emotes in Clip Studio Paint zu begeben. Animierte Emotes können Emotionen, Ausdrücke und Persönlichkeit in Ihren Online-Gesprächen vermitteln, sei es in Ihren Twitch-Streams, Discord-Chats oder Social-Media-Nachrichten. In diesem Tutorial führe ich Sie Schritt für Schritt durch die wesentlichen Werkzeuge zum Erstellen Ihrer eigenen animierten Emotes.

 

Egal, ob Sie ein erfahrener Künstler oder ein begeisterter Anfänger sind, dieses Tutorial soll Ihnen dabei helfen, Ihre Konzepte in animierte Emotes umzuwandeln.

Machen Sie sich also bereit, in die Welt der digitalen Kreativität einzutauchen und Ihre Online-Gespräche auf ein ganz neues Niveau zu heben. Beginnen wir damit, Ihre Ideen zum Leben zu erwecken!


Videoanleitung

In diesem Video-Tutorial zeige ich Ihnen die Arbeitsoberfläche, außerdem können Sie einen Zeitraffer der Animation sehen


Wir bereiten unseren Arbeitsplatz vor

Bevor wir beginnen, ist es wichtig, unseren Arbeitsplatz vorzubereiten. In diesem entscheidenden Schritt zeige ich Ihnen, wie Sie Clip Studio Paint für Animationen einrichten, einschließlich der Ebenenorganisation, und erkläre Ihnen wichtige Werkzeuge.

Eine neue Animationsdatei

Wir gehen zu Datei > Neu und es öffnet sich ein Fenster:

1- Wir wählen die Animationsoption

2- Wir ändern die Höhe und Breite unserer Leinwand. In meinem Fall belasse ich sie bei 2000 x 2000

3- Wir wählen 24 Bilder pro Sekunde (das bedeutet, dass es 24 Bilder in 1 Sekunde gibt). Je mehr Bilder pro Sekunde wir haben, desto flüssiger wird die Animation sein, aber der Standard ist 24 fps.

Im Abschnitt „Dauer“ lassen wir es so wie es ist, da wir es später bei Bedarf anpassen werden. Sie können jede dieser Optionen nach Ihren Wünschen bearbeiten.


Ebenen und Ordner

Dies ist sehr wichtig, um unseren Arbeitsablauf zu erleichtern. Vergessen Sie nicht, diesen Schritt auszuführen, bevor Sie mit einer Animation beginnen

Wie Sie sehen werden, haben Sie im Ebenenfenster bereits eine Ebene erstellt (1). Diese Ebene stellt Ihren ersten Rahmen dar, aber wir können keine Ebenen darüber platzieren, um die Lineart zu erstellen, oder darunter, um unsere Zeichnung zu malen. Mit anderen Worten: Jeder von uns erstellte Rahmen kann nur eine Zeichenebene haben.

Aber ändern wir das und sorgen dafür, dass jeder Frame mehrere Ebenen haben kann. Dies wird uns helfen, einen viel besser organisierten Arbeitsplatz zu haben.

1- Wir erstellen einen neuen Ordner

2- Wir verschieben unsere Ebene (1) in den zuvor erstellten Ordner

3- Wir ändern den Namen des Ordners in denselben Namen wie die Ebene, also 1

Jedes Mal, wenn Sie jetzt einen neuen Rahmen erstellen, steht Ihnen ein neuer Ordner zur Verfügung, in dem Sie alle gewünschten Ebenen hinzufügen können


Navigieren durch die Tools

In diesem Abschnitt werde ich Ihnen die grundlegenden Werkzeuge zum Animieren beibringen

1- Sie können diese Markierungen verschieben, um die Dauer Ihrer Animation zu ändern

2- Sie können auch die Größe dieses Felds ändern. Dadurch wird bestimmt, wie weit Ihre Animation sichtbar sein soll.

1- Mit dieser Option erstellen Sie Ihre Rahmen.

2- Durch Klicken auf dieses Symbol können Sie die Zwiebelschale aktivieren.

3- Mit diesen Optionen können Sie Ihre Animation abspielen (>), zum Anfang gehen (I<), zum Ende gehen (>I), ein vorheriges Bild verschieben (<I) oder zum nächsten Bild wechseln (I>). .

1- Sie können Ihre Zeitleiste vergrößern oder verkleinern, um die Bilder besser sehen zu können.

2- Aktivieren Sie diese Funktion, damit Ihre Animation in einer Schleife abgespielt wird.

3- Mit dieser Option können Sie neue Animationsordner erstellen, sodass Sie unabhängig von der bereits erstellten Animation eine neue erstellen können.


Zwiebelpapier

Die Zwiebelschale soll die vorherigen und nachfolgenden Frames anzeigen, wir werden diese Funktion nach unseren Wünschen konfigurieren

Um die Zwiebelschale zu konfigurieren, gehen wir zu „Animation“ > „Animations-Cels anzeigen“ > „Zwiebelschalen-Einstellungen“

Es öffnet sich folgendes Fenster:

1- Sie können ändern, wie viele vorherige oder nachfolgende Frames Sie sehen möchten.

2- Ändern Sie die Farbe des vorherigen oder nachfolgenden Frames.

3- Ändern Sie die Deckkraft der Zwiebelschale


Und nun? Lasst uns jubeln!

Nachdem wir alle wichtigen Funktionen des Animationsarbeitsbereichs erklärt haben, können wir mit der Erstellung unseres animierten Emotes beginnen

1- Zuerst habe ich mit der Erstellung der Keyframes begonnen, bevor ich das Herz gestartet habe und wann es gestartet wurde.

2- Ich habe eine Vorfreude-Pose hinzugefügt, um den Übergang von einem Bild zum anderen etwas flüssiger zu gestalten.

3- Zuletzt habe ich zwei Reaktionsposen gezeichnet, bei denen sich die Haare und die Jacke aufgrund der Körperbewegung ein wenig bewegen.

 

Letztendlich ist dies die Dauer jedes Bildes, 1=6 Bilder; 2= 2 Bilder; 3= 3 Bilder; 4= 2 Bilder; 5= 2 Bilder


Animation exportieren

Hier zeige ich Ihnen, wie Sie Ihre Animation als animiertes GIF oder als Bildsequenz exportieren.

Als animiertes GIF exportieren

Wir gehen zu „Datei“ > „Animation exportieren“ > „Animiertes GIF“

Nachdem Sie den Ordner ausgewählt haben, in dem Sie Ihre Datei speichern möchten, erscheint dieses Fenster:

-Ändern Sie Breite und Höhe so, dass sie die gleiche Größe wie Ihre Leinwand haben (2000 x 2000).

-Lassen Sie den Exportbereich unverändert, er entspricht der Dauer der Animation.

-Bildrate, belassen Sie sie bei 24 (oder den gleichen fps, die Sie zu Beginn eingestellt haben)

 

Sie akzeptieren es und warten.

Als Bildsequenz ohne Hintergrund exportieren

Die Abfolge der Bilder ermöglicht es uns, unser animiertes GIF ohne Hintergrund zu erstellen. Damit dies funktioniert, müssen Sie zunächst die Ebene „Papier“ deaktivieren, indem Sie auf das kleine Auge an der Seite der Ebene drücken.

Wir gehen zu „Datei“ > „Animation exportieren“ > „Bildsequenz“

Es öffnet sich folgendes Fenster:

1- Wir wählen den Ordner aus, in dem unsere Bilder gespeichert werden.

2- Wir ändern den Namen, den jedes dieser Bilder haben wird.

3- Damit das Bild keinen Hintergrund hat, muss der Dateityp PNG sein.

4- Wir belassen es im vollständigen Canvas.

5- Wir lassen diesen Abschnitt unverändert, er bestimmt, wie lange die Animation dauern wird und wie viele Bilder pro Sekunde sie haben wird.

Wir drücken Akzeptieren, warten und das war's.

Sie können diese Bildfolge in Photoshop oder ein anderes Programm importieren, mit dem Sie ein animiertes GIF ohne Hintergrund exportieren können. Leider verfügt Clip Studio noch nicht über diese Funktion. Hoffen wir, dass sie in den nächsten Updates hinzugefügt wird.


Vielen Dank fürs Lesen!

Und damit ist das Tutorial abgeschlossen! Ich hoffe, Sie fanden es informativ und haben alles klar verstanden. Ich hoffe auch, dass Sie sich inspiriert fühlen, Ihre kreativen Ideen zu neuen Horizonten zu führen.

Nachdem Sie sich nun mit den wesentlichen Werkzeugen und Prozessen vertraut gemacht haben, ermutige ich Sie, Ihre Fähigkeiten in der Welt der digitalen Animation weiter zu erkunden und zu verfeinern. Kehren Sie jederzeit zu diesem Tutorial zurück, wenn Sie es als Referenz benötigen.

 

Zögern Sie nicht, einen Kommentar zu hinterlassen, Sie können Ihre Vorschläge und Meinungen äußern, ich würde mich freuen, Sie zu lesen.

 

Vielen Dank, dass Sie mich auf dieser Reise des Lernens und der Kreativität begleitet haben! Ich freue mich darauf, Ihre eigenen animierten Emotes zu sehen! Bis zum nächsten Mal!

Kommentar

Neu

Neu! Offizielle Tutorials