Hallo zusammen!! Wenn ihr nach einfachen (oder faulen) Wegen sucht, animierte Emotes zu erstellen. Probiert diese 5 einfachen Tipps zum Erstellen animierter Emotes aus!!

Ich erstelle all diese Emotes in der Clip Studio Paint PRO Version!! Wenn ihr neu bei den Animationsfunktionen in Clip Studio seid oder denkt, dass die PRO Version nicht ausreicht, um Emotes zu animieren....

 

DIESES TUTORIAL IST FÜR EUCH!! >w<

Video-Tutorial

Mein Tutorial ist sowohl als Video- als auch als Text-Tutorial verfügbar. Wenn ihr Fragen habt, könnt ihr mir jederzeit eine Nachricht senden.

Das Stand-Emote vorbereiten

Alles, was ihr vorbereiten müsst: ein einfaches Emote, bei dem die Gesichtsebenen vom Körper getrennt sind, um später eine einfache Bearbeitung zu ermöglichen. Ich trenne auch die Kopfe bene vom Körper.

Tipp: Das Ändern der Linienfarbe lässt das Gesicht bei kleiner Darstellung mehr hervorstechen

Ich habe der Augenebene auch einen Rand hinzugefügt, damit sie mehr hervorsticht :)

Fangen wir an zu animieren!

Tipp Nr. 1 Zwei-Frame-Animation

Du kannst das animierte Emote einfach mit nur 2 Frames erstellen!!

Hier kopiere und bearbeite ich das Emote ein wenig, indem ich eine Hand hinzufüge, das Gesicht ändere und den Kopf neige.

Dann lege ich die Ebenen in 2 separate Ordner.

Wenn du das Zeitleisten-Fenster nicht auf dem Bildschirm hast, kannst du es über das Menü öffnen

[Fenster > Zeitleiste]

Erstelle eine neue Zeitleiste und stelle die Bildrate auf 12 ein

Bildrate bedeutet die Anzahl der Bilder, die in 1 Sekunde abgespielt werden

• Bildrate 8: benötigt 3 Sekunden für 24 Bilder

• Bildrate 12: benötigt 2 Sekunden für 24 Bilder

• Bildrate 24: benötigt 1 Sekunde für 24 Bilder

(Clip Studio Paint PRO hat eine Beschränkung von 24 Bildern. Dies sind die Bildraten, die ich für die Erstellung von GIF-Animationen verwende)

 

Mache alle Ordner sichtbar

Passe die Zeitleiste an, indem du an dem kleinen Quadrat oben in der Zeitleistenleiste ziehst

Dadurch wird jeder Frame der Reihe nach angezeigt und es wird animiert!!

Eine andere Möglichkeit, diese Animation zu erstellen, ist die Verwendung des Animationsordners, der die klassische Methode zur Erstellung von Frame-by-Frame-Animationen in Clip Studio ist.

 

Erstelle einen neuen Animationsordner

Lege alle Frames in den Animationsordner

Rechtsklicke und weise den Frame der Zeitleiste zu

Diese Methode liefert das gleiche Ergebnis und ist auch besser geeignet, wenn du mehr als 2 Frames für die Animation erstellen möchtest

Tipp Nr. 2 Zoom-Animation

Zoomen kann eine dramatischere Szene in der Animation erzeugen.

Und es ist sehr einfach zu erstellen!!

Erstelle einen 2D-Kameraordner [Animation > Neue Animationsebene > 2D-Kameraordner]

Lege deine Emote-Ebenen in den Kameraordner

Stelle dann im Zeitleisten-Fenster den Keyframe-Modus auf Sanfte Interpolation ein.

 

Füge den Keyframe bei Frame 1 und Frame 24 hinzu

(wähle den Frame aus und klicke dann auf das Keyframe-Symbol)

Dadurch wird es in einer Schleife wiedergegeben (Start- und Endpunkt sind gleich).

 

Wähle Frame 7 aus und verwende das Objekt-Werkzeug, um die Kamera (blauer Rahmen) zu skalieren.

Dadurch wird der Keyframe bei Frame 7 automatisch erstellt.

 

Rechtsklicke auf den Keyframe, um ihn zu kopieren und bei Frame 18 einzufügen.

Dadurch entsteht eine Loop-Animation von Zoom-in, Stopp, dann Zoom-out (in einer Schleife).

Um die Kamera in der Objekt-Werkzeugeigenschaftspalette unter [Anzeigemodus] in der Vorschau anzuzeigen, klicke auf [Kamerasichtfeld anzeigen]

Wenn die Zoom-Bewegung kontinuierlicher sein soll, passe die Kameragröße bei Frame 18 etwas an.

Tipp: Du kannst die Kamera auch drehen, um ein noch dramatischeres Ergebnis zu erzielen

Tipp Nr. 3 Wackel-Animation

Wut ist real!!

Mit dem 2D-Kameraordner kannst du die Wackel-Animation auch ganz einfach erstellen, indem du.

• Den Frame auswählst.

• Den Kamerarahmen etwas bewegst.

• Dies in den nächsten Frames wiederholst.

Für das Gesicht kannst du auch die Deckkraft der Ebene über die Zeitleiste anpassen.

Wähle die Ebene aus, aktiviere den Ebenen-Keyframe und wähle dann den Keyframe 1 aus.

Passe die Deckkraft bei Frame 1 an, der Keyframe wird automatisch erstellt.

Erstelle den Keyframe am Anfang und Ende, um eine Schleife zu erzeugen:

 

Tipp: Anstatt den Keyframe zu kopieren und einzufügen, mache Folgendes:

• Wähle den letzten Keyframe aus

• Passe die Deckkraft nach oben und unten an (auf den alten Wert)

 

Dadurch wird ein Keyframe mit dem gleichen Wert wie am Anfang erstellt

Der Keyframe für die Deckkraft ist vom Keyframe für die Bewegung getrennt, du kannst ihn anzeigen, indem du das [+]-Symbol im Zeitleisten-Fenster erweiterst.

Wähle in der Mitte der Zeitleiste und erhöhe die Deckkraft

Ergebnis

Für ein anderes Objekt auf dem Bildschirm kannst du es auch mit dem Ebenen-Keyframe animieren.

 

Konvertiere die Ebene in eine Bildebenen-Materialebene [Rechtsklick auf die Ebene > Ebene konvertieren] und stelle den Typ auf [Bildebenen-Materialebene] ein.

Aktiviere den Ebenen-Keyframe

Erstelle Keyframes am Anfang und Ende der Zeitleiste (für eine Schleifenanimation)

Wähle die Mitte der Zeitleiste aus und verwende das Objekt-Werkzeug, um das Objekt zu verschieben/drehen.

Der Keyframe wird automatisch erstellt.

Und hier ist das Ergebnis ^w^

Tipp Nr. 4 Teile-Animation

Diese Methode ist etwas komplizierter als andere, aber das Ergebnis ist fantastisch!!

 

Du musst die Teile, die du bewegen möchtest, in Ebenen oder Ebenenordner trennen.

 

Konvertiere alle Teile, die du bewegen möchtest, in eine Bildebenen-Materialebene

[Rechtsklick auf die Ebene > Ebene konvertieren > Typ auf „Bildebenen-Materialebene“ einstellen]

Verwende das Objekt-Werkzeug im Freie-Transformation-Modus, um das Kopfteil etwas zur Seite zu neigen.

Passe die Position an allen Teilen an.

Erstelle eine neue Zeitleiste, stelle die Bildrate auf 8 ein.

Dadurch wird eine 3-sekündige Zeitleiste erstellt.

Erstelle einen neuen Keyframe am Anfang und Ende der Zeitleiste.

Bei 1 Sekunde (Keyframe 9) verwende das Objekt-Werkzeug, um den Kopf so zu bearbeiten, als würde sie einatmen.

Dadurch entsteht eine einfache Animation, bei der sie schnell einatmet und dann langsam ausatmet.

Wiederhole die Schritte an anderen Teilen, damit sie sich alle zusammen bewegen.

Mit der Freie-Transformation-Bearbeitung am Objekt, wenn der Ebenen-Keyframe aktiviert ist, können auch alle Ecken separat animiert und eine flexiblere Animation erstellt werden.

Für den Text auf dem Emote kannst du einen Ein- und Ausblendeffekt anwenden, indem du den Ebenen-Keyframe aktivierst und die Deckkraft anpasst.

Ergebnis

Tipp Nr. 5 Partylicht-Animation

Das Ändern der Farbe verleiht dem Stand-Emote auch eine bestimmte Stimmung.

 

Ich werde ein Farbrad erstellen, das das Licht auf das Emote anwendet und es dann animieren, um den Farbwechseleffekt zu erzeugen.

 

Erstelle eine neue Ebene

Verwende das Lineal-Werkzeug [Speziallineal > Radialer Linienmodus]

Und klicke auf die Mitte der Arbeitsfläche

Verwende das Milli-Stift-Werkzeug, stelle die Anti-Alias-Einstellung auf [Keine]

Zeichne die Linie zur Mitte mit verschiedenen Farben

Stelle sicher, dass der Fangmodus am Lineal aktiviert ist

Erstelle die Kreisauswahl, die die Linie bedeckt.

Verwende das Freihand-Verlaufswerkzeug, um zwischen den Linien zu füllen,

dadurch wird ein Verlauf im Kreis erstellt.

Kopiere und füge den Kreis (mit der Auswahl) ein [Strg+C dann Strg+V]

Dadurch wird eine neue Ebene mit dem Farbkreis erstellt, lösche dann die ursprüngliche Ebene

(um unerwünschte Linien außerhalb des Kreises zu entfernen)

Mache es glatter, indem du die Transparenz sperrst und einen Weichzeichner-Effekt anwendest.

Konvertiere die Radebene in eine Bildebenen-Materialebene.

Skaliere das Rad mit dem Objekt-Werkzeug so, dass es das gesamte Bild bedeckt

(das Herauszoomen der Arbeitsfläche wird viel einfacher sein)

Ändere dann den Ebenenmodus auf Farbe, dies wird die Farbe auf das Emote anwenden.

Beschneide das Rad am Emote, die Farbe wird nur auf dem Emote angezeigt.

Hinweis: Wenn die Farbe zu stark ist, reduziere die Deckkraft.

 

Aktiviere den Ebenen-Keyframe und erstelle dann den [Lineare Interpolation] Keyframe am Anfang und Ende der Zeitleiste.

Wähle mit dem Objekt-Werkzeug den letzten Keyframe aus und ändere den Rotationswinkel auf 360.

Das Farbwechsel-Emote ist fertig!

Ich hoffe, meine Tipps geben euch Ideen, um animierte Emotes zu erstellen oder euch Anregungen dafür zu geben.

Viel Spaß beim Animieren!!