Hallo! In diesem Artikel erfahren Sie, wie Sie in Clip Studio PAINT animierte EMOTES erstellen, damit Sie diese in das von Ihnen verwendete soziale Netzwerk hochladen können, sei es Discord, Twitch, Instagram oder TikTok.

Was wir tun werden:

Wir werden lernen, drei Arten animierter Emotes zu erstellen:

Emote 1

Emote 2

Emote 3

Deshalb möchte ich Sie einladen, sich mein Tutorial mit dem Titel anzusehen:

So erstellen Sie animierte EMOTES in Clip Studio PAINT (TUTORIAL)

Denken Sie daran, die Untertitel in Ihrer Sprache zu aktivieren, Sie werden sie sicher finden :)

Was haltet Ihr von dem Video? Wir haben Schritt für Schritt und im Detail gesehen, wie man in Clip Studio PAINT animierte Emotes erstellt.

Schritt für Schritt des animierten Emote-Prozesses

Jetzt werden wir anhand von Bildern den Prozess zum Erstellen unserer animierten Emotes sehen, genau wie wir es im Video-Tutorial gesehen haben, aber wir werden uns nur auf eines konzentrieren, da der Prozess bei den drei animierten Emotes derselbe ist.

1. Projekterstellung

Wir öffnen Clip Studio PAINT und gehen zu: Datei – Neu.

In diesem neuen Projektfenster wählen wir: Illustration und ändern den Namen der Datei in einen beliebigen Namen.

 

In der Voreinstellung wählen wir „Quadrat“ (1668 x 1668 Pixel), Auflösung: 72

Abschließend ist es sehr wichtig zu aktivieren: Animierte Illustration erstellen.

Bilder pro Sekunde bei: 8 fps.

 

Und wir lassen alles so wie es ist, wie Sie im folgenden Bild sehen können.

Sobald das Projekt erstellt ist, müssen wir die Zeitleiste aktivieren. Dazu gehen wir zum Menü:

Fenster – Zeitleiste

Dann gehen wir zum Ebenenbedienfeld und löschen den Animationsordner, der standardmäßig neben dem Projekt erstellt wird.

2. Animationsskizze

Als nächstes erstellen wir eine neue Rasterebene.

Name: Skizze

Bevor wir fortfahren, ist es sehr wichtig, dass wir unser Projekt speichern. Dazu werden wir Folgendes tun:

Datei – Speichern unter. Und wir wählen den Ordner aus, in dem sich das Projekt befinden soll.

Und wir zeichnen die Skizze unserer Animation. In diesem Fall wird es die Figur mit aufgeregten Augen sein, die über etwas Bestimmtes sehr aufgeregt ist und fast weint.

3. Animation

Gehen wir zur Zeitleiste, um einen neuen Animationsordner mit dem Namen „Animation“ zu erstellen.

Wir gehen zum Ebenenbedienfeld und erstellen einen neuen Ebenenordner im neu erstellten Animationsordner.

In diesem Ebenenordner erstellen wir verschiedene Arten von Ebenen.

 

- Farblinie (Rasterebene – An Ebene darunter ausrichten)

- Linie (Vektorebene)

- Schattierung (Rasterebene)

- Basis (Rasterebene)

 

 

Wir wählen die Linienebene aus und aktivieren auf der Zeitleiste: Cels angeben.

Wir wählen Zeichnung 1

Schließlich wählen wir die Skizzenebene aus und verringern die Deckkraft auf 25 %.

Wir werden nur die Augen animieren, da sie das Einzige sind, das sich bewegt.

Hierfür empfehle ich die Verwendung des Stiftwerkzeugs.

Und wir werden die Augen auf die Linienebene zeichnen.

Und wir machen die erste Zeichnung der Augenanimation.

Jetzt gehen wir in der Timeline zu Frame 2, um eine neue Animationszelle zu erstellen.

Wie Sie sehen können, haben wir dieses neue Animations-Cel unter Berücksichtigung aller Ebenen und ihrer Namen erstellt. Es ist eine Option, die ich liebe und die uns viel Zeit spart.

Wir aktivieren die Zwiebelschale, um die vorherige Zeichnung sehen zu können und uns bei der Erstellung dieser neuen Zeichnung zu unterstützen.

Folgendes Ergebnis erzielen:

Sobald wir fertig sind, werden wir die Dauer der Animation bearbeiten und sie bei 2 Frames belassen.

Wir tun dies, indem wir die blaue Klammer auf der Zeitleiste nehmen.

Jetzt erstellen wir unter der Augenanimation einen neuen Ebenenordner.

Name: Körper. Und wir werden die gleichen Ebenen erstellen, die wir für die Augenanimation erstellt haben.

 

- Farblinie (Rasterebene – An Ebene darunter ausrichten)

- Linie (Vektorebene)

- Schattierung (Rasterebene)

- Basis (Rasterebene)

 

 

Und auf der Linienebene zeichnen wir die Grenzlinie des Körpers der Figur.

Im Moment haben wir folgendes Ergebnis:

Animationslinie

4. Animationsfarbe

Als nächstes malen wir unsere Animation. Zuerst wählen wir das Füllwerkzeug aus. Im Unterwerkzeug: Verweisen Sie auf andere Ebenen.

Um die Farben unserer Figur zu erhalten, werde ich ein Bild importieren, da es sich um eine Figur handelt, die ich für andere Animationen verwendet habe.

 

Dazu aktivieren wir das Subview-Tool. Im Fenster – Unteransicht.

Unten haben wir Optionen zum Importieren eines Bildes von unserer Ausrüstung. Dies hängt davon ab, ob Sie von einem Computer oder, wie in meinem Fall, von einem iPad Pro aus arbeiten.

Vergessen Sie nicht, das Pipettenwerkzeug im Unteransichtsfenster zu aktivieren, damit wir, wenn Sie den Cursor über das Bild bewegen, die Farbe auswählen können, während wir im Arbeitsbereich mit dem Füllwerkzeug malen können, ohne die Werkzeuge wechseln zu müssen.

 

Es ist etwas sehr Nützliches!

Zum Malen beginnen wir mit dem Körperbereich. Dazu deaktivieren wir für einen Moment die Augenanimation und wählen aus dem Körperebenen-Ordner die Basisebene aus, um mit nur einem Klick malen zu können.

Mit dem Subview-Tool konnten wir den Körper anhand der Farben unseres Charakters bemalen.

Um die Grenzlinie zu malen, wählen wir die Ebene „Farblinie“ aus und malen den gesamten Arbeitsbereich.

 

Aber dank der Option, die wir zuvor aktiviert haben: Auf untere Ebene anpassen. Dies wirkt sich nur auf die Linie des Charakters aus.

Jetzt malen wir den Schatten. Als Erstes wählen wir die Ebene „Schattierung“ aus und wechseln in den Mischmodi von „Normal“ zu „Multiplizieren“.

Mit den gleichen Farben wie die Basisebene malen wir die Schatten, diesmal mit dem Stiftwerkzeug.

Jetzt malen wir die Animation der Augen, dazu deaktivieren wir die Körperebene und machen den Augenanimationsordner sichtbar.

Aber zuerst ändern wir durch einen Doppelklick auf die Papierebene die weiße Hintergrundfarbe. Damit die Farben beim Malen der Augen nicht verwechselt werden. Es passiert mir immer, dass ich vergesse, den weißen Bereich der Augen zu malen, wenn der Arbeitsbereich standardmäßig weiß ist.

Ein Grauton reicht aus. Denken Sie daran, dass er nur zur Orientierung dient, da die endgültige Animation transparent sein wird.

Und wir malen genauso wie beim Körper, mit dem Füllwerkzeug und dem Stiftwerkzeug.

Und das Gleiche machen wir auch mit der zweiten Zeichnung der Augenanimation.

Sobald wir fertig sind, machen wir die Körperebene wieder sichtbar, um unsere Animation zu vervollständigen.

Und im Moment haben wir folgende Animation:

Animationsfarbe

5. Kanteneffekt

Abschließend fügen wir einen Effekt hinzu. Dazu erstellen wir über allen Ebenen einen neuen Ebenenordner.

Name: Emote 1 (oder was auch immer Sie wollen)

Und wir nehmen die Augen- und Körperanimationsebene, indem wir sie in diesen neuen Ebenenordner namens Emote 1 einfügen.

Durch Auswahl des Emote 1-Ordners in den Ebeneneigenschaften aktivieren wir: Randeffekt.

Wir erhöhen seinen Wert auf 15. Wir machen einen weißen Rand um den gesamten Umriss unseres Charakters sichtbar.

Und wir erhalten folgendes Ergebnis:

Animation mit Randeffekt

6. Exportieren Sie Ihre Animation

Zum Schluss exportieren wir unsere Animation. Dazu gehen wir zu Datei – Animation exportieren – Animiertes GIF.

Wir können unserer Animationsdatei einen Namen geben

In diesem neuen Fenster belassen wir alles standardmäßig, in meinem Fall belasse ich die Größe bei 560 x 560 Pixel. Wenn du es größer haben möchtest, kannst du den Wert ändern, für mich reicht es.

 

Ganz wichtig ist aber, dass Sie Folgendes aktivieren: Hintergrund transparent machen.

 

Dies ist eine der neuen CLIP Studio PAINT-Optionen. Ich persönlich liebe es!

Nachdem Sie auf „OK“ geklickt und unsere Animation exportiert haben, gibt uns Clip Studio Informationen über die exportierte Datei.

Animiertes Emote

7. Laden Sie animierte Emotes auf Giphy hoch

Warum lade ich das animierte Emote auf Giphy hoch? Da ich kein Discord- oder Twitch-Konto habe, hindert mich das nicht daran, meine eigenen animierten Emotes zu erstellen, um sie in anderen sozialen Netzwerken zu verwenden und zu teilen, und dabei wird uns Giphy sehr helfen.

 

Wir gehen zu Giphy und klicken auf die Schaltfläche: Neues GIF oder Sticker erstellen.

Dann auf die Schaltfläche: GIF oder Video vom Gerät auswählen.

Wir suchen die Animationen und aktivieren den Button: Benutzen.

In dieser neuen Ansicht werden wir einen Link und Beschriftungen hinzufügen. Diese sind sehr wichtig, wenn Benutzer aus der ganzen Welt unsere Animationen verwenden.

 

Ich empfehle immer, Ihren Benutzernamen einzugeben und nach Wörtern zu suchen, die sich auf Ihre Animation beziehen. In meinem Fall könnten dies beispielsweise die Tags sein: Kawai, Emote, Weinen, Augen, Anime, Chibi, Reaktion usw.

 

Sobald wir fertig sind, klicken wir auf die Schaltfläche: Auf Giphy hochladen.

Und fertig! Wir haben unser animiertes Emote auf Giphy hochgeladen.

Wenn wir darauf klicken, um es anzusehen, können wir sehen, dass unten eine Meldung angezeigt wird, die uns mitteilt, dass es von der Giphy-Plattform analysiert wird. Wir müssen einige Stunden warten.

Während wir die anderen Animationen hochladen, die wir im Tutorial erstellt haben, erhalten wir insgesamt 3 neue animierte Emotes.

Und nach ein paar Stunden schauen wir uns unsere Animationen noch einmal an, wenn die Meldung erscheint: Verfügbar auf Giphy, weil Ihre animierten Emotes jetzt sowohl von Ihnen als auch von jedem auf der Welt verwendet werden können.

8. Animierte Emotes auf Instagram

Unten sehen Sie, wie ich meine animierten Emotes für meine Instagram Stories verwende (Sie können sie auch für Instagram Reels oder TikTok-Videos verwenden).

 

Wenn wir eine Instagram-Story erstellen, wählen wir „Sticker – Gif“ und geben unseren Benutzernamen ein (er ist leichter zu finden) und in meinem Fall habe ich all diese animierten Sticker/Emotes.

 

Andere Leute können sie verwenden, indem sie die von uns verwendeten Wörter auf die Etiketten schreiben.

Ich wähle eines aus und wir können es in unseren Instagram Stories verwenden.

9. Abschied

Ich hoffe, dieser Artikel hat Sie dazu inspiriert, Ihre eigenen animierten Emotes zu erstellen. Wie Sie sehen, können Sie sie in dem gewünschten sozialen Netzwerk verwenden.

 

Wir sehen uns im nächsten TIPP!