So erstellen Sie animierte Emotes (für Anfänger geeignet)

3.370

tosherss

Emotes sind auf fast allen Plattformen sehr beliebt und zugänglich und die beste Möglichkeit, Emotionen auf personalisierte Weise zu vermitteln. Das Erstellen eigener Emotes ist gar nicht so schwierig. Zeichnen Sie einfach, was Sie möchten, und speichern Sie es in einer kleineren Größe, damit Sie sie überall verwenden können. Sie zu animieren mag wie eine schwierige Aufgabe erscheinen, aber es ist eigentlich ganz einfach, auch ohne vorher animiert zu haben! In diesem Tutorial zeige ich Ihnen ein paar einfache Methoden, um Ihren Emotes Leben einzuhauchen.

Ich stelle drei einfache Möglichkeiten vor:

- Verwenden des Transformationstools

- Bild-für-Bild-Animation

- Verwenden des Verflüssigungswerkzeugs

All dies kann auch problemlos zusammen verwendet werden, um den Prozess einfacher und schneller zu gestalten.

Ok, das ist alles gut, aber was ist, wenn Sie bereits Emotes erstellt haben und diese direkt animieren möchten? Kein Problem! Bei allen drei Methoden erwähne ich auch, wie Sie direkt mit einem vorgezeichneten Emote arbeiten können!

Einführung + Animieren mit dem Transformationstool

Um es ganz einfach zu halten, fangen wir gleich an, wie Sie es mit jeder Illustration tun würden. Gehen Sie zu Datei > Neu und legen Sie dann einfach die Höhe und Breite im quadratischen Verhältnis fest. Derzeit spielt die Größe der Leinwand keine Rolle.

Bevor wir mit dem Zeichnen beginnen, müssen Sie bereits entscheiden, welchen Teil der Figur Sie bewegen möchten. Sie möchten beispielsweise ein einfaches „Hallo“ animieren. In diesem Fall ist der einzige notwendige Moment die Hand.

Sobald diese Elemente einzeln gezeichnet wurden, können Sie sie in zwei verschiedenen Ordnern ablegen und die Datei speichern.

Der Einfachheit halber können Sie diese Ebenen nach dem Speichern der Datei zusammenführen. In meinem Fall habe ich beschlossen, sie beizubehalten, nur für den Fall, dass ich etwas separat reparieren wollte, aber ich würde empfehlen, den Hintergrund in Schwarz zu ändern und aufzuräumen, damit Sie nicht mit Ordnern arbeiten müssen, wenn Sie mit der Animation beginnen.

Es gibt einige Grundbegriffe, die Sie kennen müssen, bevor wir beginnen:

- Bildrate : Möglicherweise kennen Sie die Bildrate eher als „fps“ oder „Bilder pro Sekunde“. Dies bestimmt, wie viele Frames in einer Sekunde abgespielt werden. Während höhere Bilder pro Sekunde eine flüssigere Animation bedeuten können, ist dies nicht unbedingt der Fall, da Sie eine gute Animation mit einer Bildrate von nur 8 bis 10 Bildern pro Sekunde erhalten können.

- Zeitleiste: Dies ist eine visuelle Anzeige, wo Ihre Animation stattfindet, d. h. es zeigt, wo die Frames platziert sind.

- Wiedergabezeit: In CSP entscheidet die Wiedergabezeit darüber, wie viele Frames Ihre Animation haben wird.

Jetzt können wir richtig mit der Animation beginnen!

Im oberen Menü finden Sie die Registerkarte „Fenster“. Klicken Sie im Dropdown-Menü auf „Zeitleiste“, um die Zeitleiste anzuzeigen.

(In den nächsten Animationen öffnen wir direkt eine Animationsdatei. Für Ihren Einstieg in die Animation ist es am besten, sich nicht zu überfordern und jeden Schritt einzeln anzugehen.)

Klicken Sie im Zeitleistenfenster auf das Symbol für „Neuer Animationsordner“. Dadurch wird ein Ordner in Ihrem Ebenenfenster hinzugefügt. Wir werden ihn gleich verwenden.

Klicken Sie anschließend auf „Neue Zeitleiste“. Dadurch wird ein neues Fenster mit mehreren Optionen geöffnet. Lassen Sie uns diese nacheinander angehen.

Ihr „Timeline-Name“ kann der Standardname bleiben. Da es sich um einfache Emotes handelt, benötigen wir nicht mehr als eine Zeitleiste. Darüber hinaus können Sie mit Clip Studio Paint ganz einfach Frames verteilen, sodass selbst dann, wenn sich ein Element langsamer als die FPS bewegen muss, an denen Sie arbeiten, kein Problem darstellt.

Als Bildrate verwenden wir für diese Animation „8 fps“.

Belassen Sie die „Wiedergabezeit“ vorerst bei „10“ Frames, dies kann später geändert werden. Daneben sehen Sie ein Kästchen. Wählen Sie dort „Rahmennummer (von 1)“ aus. Was das bedeutet, erkläre ich später im Detail.

Belassen Sie vorerst die Szenennummer und die Einstellungsnummer bei 1.

Die Trennlinie kann eine beliebige Zahl sein. Ich werde zeigen, was diese bedeuten, sobald wir die Zeitleiste erstellt haben.

Klicken Sie jetzt einfach auf „OK“ und wir sind bereit für etwas mehr Theorie, haben Sie Geduld. Während einige dieser Dinge übersprungen werden können, schadet es nicht, zu wissen, womit Sie arbeiten. Wenn Ihnen der Inhalt zu umfangreich ist, können Sie ihn gerne überfliegen oder direkt überspringen!

Zeitleiste

In der Timeline können Sie alle Bilder einer Ebene gleichzeitig verschieben, indem Sie auf die Schaltfläche „Timeline bearbeiten“ neben der Schaltfläche „Neue Timeline“ klicken.

Sie können auch hinein- und herauszoomen, um weniger oder mehr Bilder gleichzeitig anzuzeigen.

Die Loop-Schaltfläche stellt sicher, dass die Animation beim Abspielen immer wieder neu gestartet wird, bis Sie sie anhalten.

In den Rahmen sehen Sie nach „6“ eine durchgezogene Linie. Dies dient nur als Referenz, es handelt sich dabei um alle Vielfachen von 6, da dies der Wert ist, den wir in der Trennlinie ausgewählt haben.

Außerdem werden Sie feststellen, dass sich die Farbe nach 8 ändert. Dies liegt daran, dass wir mit 8 Bildern pro Sekunde arbeiten. Der Farbwechsel zeigt an, dass eine Sekunde vorbei ist und die nächste begonnen hat. Diese Farbe wird sich ständig abwechseln.

Denken Sie abschließend daran, dass Sie die blaue Linie jederzeit verschieben können, um die Wiedergabezeit zu ändern!

Hier sind einige weitere Optionen, auf die ich zurückkommen werde. Verweisen Sie auf dieses Bild, um zu erfahren, wo sie platziert sind!

Meine Miniaturbildgröße ist auf „Keine“ eingestellt, damit die Timeline übersichtlicher aussieht. Sie können es nach Ihren Wünschen behalten :)

Sie müssen außerdem auf „Animations-Cels anzeigen“ gehen und die Zwiebelschale aktivieren.

Animieren mit dem Transformationstool

In Ordnung! Nachdem wir das alles geklärt haben, platzieren wir den Ordner oder die Ebene in dem Animationsordner, den wir zuvor erstellt haben. Erstellen Sie auch einen neuen separaten Ordner für die Hand. Sie können die Ordner der Einfachheit halber in „hand“ und „character“ umbenennen. Die Zahl nach dem Doppelpunkt zeigt an, wie viele Ebenen sich im Ordner befinden.

Sobald Sie sie nach innen verschieben, werden Sie feststellen, dass die Ebenen auf der Leinwand nicht mehr sichtbar sind. Dies liegt daran, dass sie noch nicht in der Timeline platziert sind. Um sie in der Timeline zu platzieren, gehen Sie einfach in die Spalte mit der Aufschrift „1“ in der Timeline, parallel zur Spalte „Charakter“, und klicken Sie mit der rechten Maustaste. Daraufhin wird ein Menü angezeigt.

Klicken Sie hier auf die Ebene, um sie in der Zeitleiste zu platzieren.

Klicken Sie auf die gleiche Weise mit der Hand mit der rechten Maustaste und platzieren Sie sie auf der Timeline.

Beginnen wir nun damit, die Hand zu bewegen. Platzieren Sie es dort, wo die Hand ursprünglich sein soll, gehen Sie dann zu „Ebene“ > „Ebene duplizieren“ und beginnen Sie mit der Platzierung der Duplikate wie folgt:

Wählen Sie nun die zweite duplizierte Ebene aus und klicken Sie auf „Strg+T“, um die Hand zu transformieren. Sobald das Feld angezeigt wird, sehen Sie in der Mitte ein kleines „+“-Symbol. Verschieben Sie das Plus-Symbol an die Unterseite der Hand. Dadurch wird die Achse für die Drehung bestimmt. Wenn Sie nun die Hand nach rechts drehen, sieht es natürlich aus. Darüber hinaus werden Sie auch ein durchscheinendes Bild dahinter bemerken, eine „Zwiebelschale“, die zeigt, wo sich Ihr vorheriges Bild befand. Wenn Sie auch den dritten Frame verschieben, werden Sie feststellen, dass im zweiten Frame nun sowohl die Frames davor als auch danach angezeigt werden.

Für alle Fälle habe ich auch meine Zwiebelschaleneinstellungen hinzugefügt.

Damit es reibungslos aussieht, halte ich die Anfangsbewegung gerne langsam und nutze die Zwischensequenzen, um die Bewegung dorthin zu bringen, und beende sie wieder langsam, damit sich die Bewegung einpendelt. Dies hilft auch der Schleife, da es ein Muster aus langsam, dann schnell und dann gibt wieder langsam.

Versuchen Sie außerdem, in den „extremen“ Positionen, also wenn die Hand ganz links und ganz rechts ist, etwas länger zu bleiben. In meinem Fall habe ich das gemacht, indem ich das 1. und 6. Bild für zwei Bilder belassen habe, statt nur für eines.

Zum Exportieren gehen Sie nun einfach zu Datei>Animation exportieren>Animiertes GIF.

Sie können die Bildauflösung unter „Bearbeiten“ ändern, um die Größe kleiner zu halten.

Und da haben Sie es!! Dein erstes animiertes Emote ist fertig!! Hurra!!

Anstatt die eigentlichen Gifs mit kleinerer Auflösung hochzuladen, werde ich der Übersichtlichkeit halber die Gifs in einer höheren Auflösung hochladen.

Einführung 2.0

Das war ziemlich einfach, oder? Sie müssen sich jedoch nicht nur auf das Transformationstool beschränken! CSP verfügt außerdem über „Free Transform“- und „Perspective Tools“

Ich zeige Ihnen, wie Sie diese nutzen können und wie Sie eine Animationsdatei direkt öffnen können. Lass uns anfangen!

Wenn Sie auf „Neu“ klicken, bietet CSP am Ende die Option „Animation“ an. Das werden wir auswählen. Wenn Sie dies auswählen, werden die grundlegende Breite, Höhe und Auflösung angezeigt. Wenn Sie jedoch nach unten scrollen, werden einige weitere Optionen angezeigt.

Sie können die anderen Optionen im Moment ignorieren. Wir müssen uns nur auf die Zeitleiste konzentrieren, deren Verwendung Sie bereits kennen, und auf den „leeren Bereich“.

Leerraum ist im Wesentlichen ein Rand um Ihre Leinwand. Dies kann bei Animationen sehr nützlich sein, da die Elemente aus dem Rahmen verschwinden und dennoch sichtbar sein können. Sie können diese auf eine beliebige Anzahl von Pixeln festlegen. Beachten Sie jedoch, dass diese Pixel beim Exportieren von der endgültigen Animation abgezogen werden. Wenn meine Breite also 800 beträgt und der gesamte addierte linke und rechte Raum 100 Pixel beträgt, beträgt die endgültige gespeicherte Animation die 700 Pixel, die sich innerhalb der Randlinien befinden.

Wenn Sie auf „OK“ klicken, wird die Datei direkt mit einem Frame und einem Animationsordner geöffnet. Sie können außerhalb des Ordners skizzieren, um sicherzustellen, dass alle Ebenen sichtbar sind, ohne einen Ordner erstellen zu müssen.

Früher habe ich ein paar Schaltflächen in der Timeline übersprungen, weil sie noch nicht notwendig waren. Dazu gehören Schaltflächen zum Hinzufügen von Cels. Neben dem neuen Animationsordner finden Sie „Cel hinzufügen“, mit dem eine leere Ebene überall dort hinzugefügt wird, wo sich der Cursor auf der Timeline befindet. Mit „Cel zuweisen“ können Sie auswählen, welche Zelle platziert werden soll, und schließlich mit „Angegebene Cels löschen“. Sie löschen alle ausgewählten Cels auf einmal aus der Timeline.

Animieren mit dem Free Transform Tool

Lassen Sie uns in der nächsten Animation einer Figur den Kopf streicheln. Hier ist die Idee:

Dazu müssen Sie die Elemente entsprechend der Bewegung aufteilen. In erster Linie möchte ich, dass sich die Hand nach unten dreht, damit sie wie ein Streicheln aussieht.

Dann kommt die Wirkung des Klopfens, es muss nicht das gesamte Gesicht nach unten gezogen werden, stattdessen wäre es besser, das „Free Transform“-Werkzeug zu verwenden, damit Sie die Haare nach unten streichen können. Auch für das Gesicht gilt: Auch wenn es sich nach unten bewegt, muss es zusammen mit dem Arm etwas gequetscht werden. Wenn wir es also auf einer separaten Ebene belassen, können wir es beim Abwärtsbewegen zum Quetschen bringen.

Daraus ergeben sich vier Elemente: der stille Körper vom Hals, die Haare, das Gesicht und die Hand.

Da in meinem Fall die Haare über dem Gesicht lagen, die Ohren jedoch über den Haaren, habe ich die Ohren als separate Schicht belassen, die sich ohne Quetschen nach oben und unten bewegt.

Hier sind die Elemente, die sich separat bewegen:

Wenn Sie alle diese Elemente zusammen platzieren, müssen Sie sie auch ein wenig synchronisieren. Denken Sie daran, dass die Bewegung des Körpers der der Hand folgt, da alles eine kleine Änderung ist und Sie keine großen Bewegungen ausführen müssen. In diesem Beispiel ist die Aufteilung also wie folgt: Zuerst bewegt sich die Hand nach unten, dann bewegt sich zuerst das Gesicht nach unten, dann wird es gequetscht, und dann geht es in umgekehrter Reihenfolge weiter, sodass eine Schleife entsteht. Was die Haare betrifft, so sind sie in allen Bildern nach unten gequetscht, ohne dass sich ihre Hauptposition wesentlich verändert.

Und damit sind Sie mit Ihrem endgültigen animierten Emote fertig und können es exportieren. Erinnern Sie sich daran, dass ich erwähnt habe, dass der Bereich außerhalb der Ränder nicht berücksichtigt wird? Das werden Sie beim Exportieren in Aktion sehen. Sie werden feststellen, dass die angezeigten Endmaße unterschiedlich sind. Wenn Sie die ursprüngliche Größe beibehalten möchten, können Sie die Abmessungen des endgültigen Fensters ändern. Aber selbst dann muss das Verhältnis ohne Ränder konsistent bleiben. Denken Sie also daran.

Was ist, wenn Sie bereits ein Emote gezeichnet haben?

Angenommen, ich habe dieses Emote bereits erstellt, möchte ihm aber jetzt eine Animation hinzufügen. Was nun? Wenn Sie auf das erste Beispiel zurückblicken, sehen Sie dann, wie wir nur mit einer Illustrationsdatei begonnen haben? Genau so werden wir dieses Emote angehen. Der einzige Unterschied besteht darin, dass wir die Elemente trennen müssen. Die meisten Emotes verwenden einfache Kunststile. Sie müssen also lediglich die Datei öffnen, die Ebenen duplizieren und den Bereich um die Elemente manuell löschen.

Ich möchte, dass das Emote zeigt, wie die Figur ihre Finger berührt und dann zusätzlich ihren Kopf nach unten bewegt, wenn sich die Finger berühren, und nach oben, wenn sie auseinander sind.

Sobald alle oberen Elemente getrennt sind, wählen Sie alle Ebenen mit den Elementen über der noch vorhandenen Basisebene aus und gehen Sie zu „Ebene“ > „Auswahl aus Ebene“ > „Auswahl erstellen“. Dadurch wird der gesamte Bereich ausgewählt, der verschoben werden soll. Jetzt löschen Sie diesen Bereich auf der Basis, da wir nicht möchten, dass Teile ihres Kopfes oder ihrer Hände unter der sich bewegenden Hand oder dem Kopf sichtbar sind. Sobald dieser Bereich gelöscht ist, können Sie die jetzt leeren Teile problemlos einfärben.

Fügen Sie im Moment wie zuvor eine neue Zeitleiste hinzu und erstellen Sie dann die separaten Animationsordner für jedes Element. Diese Animation ist ziemlich einfach, daher benötigen wir nur drei verschiedene Frames: Das erste ist das erste Extrem, das ist der Kopf ganz unten, wobei sich die Finger berühren. Das zweite Bild stellt das nächste Extrem dar. Dabei sind die Hände am weitesten entfernt und der Kopf an der höchsten Position. Jetzt benötigen Sie nur noch einen Rahmen, der diese verbindet. Für die Hände sind dies also die Hände in der Mittelposition. Das Gleiche gilt für den Kopf. Platzieren Sie ihn auf einer Höhe, die ungefähr in der Mitte der beiden Extrempositionen liegt. Diese Zellen werden zwischen den beiden Extremen liegen.

Unten sehen Sie, wie ich diese Frames platziert habe, und einen Screenshot der Zeitleiste.

Und da haben wir es! Drei einfache animierte Emotes, die Sie selbst erstellen können, indem Sie einfach das „Transformieren“-Tool in CSP verwenden!

Bild-für-Bild-Animation

Eine Bild-für-Bild-Animation ist zwar zeitaufwändiger, hat aber ihre ganz eigene Atmosphäre, die man sich einfach nicht entgehen lassen sollte. Auch die Bild-für-Bild-Animation ist ausdrucksvoller, da Sie mehr Freiheit bei der Bewegung haben.

Beginnen wir mit etwas Einfachem wie dem Animieren von Herzen neben einer Figur.

Beginnen Sie wie bei allen vorherigen Animationen mit der Basis und fügen Sie eine neue Animationsebene für die Herzen hinzu. Da wir Bild für Bild vorgehen und alles manuell zeichnen, ist die Option „Neues Cel hinzufügen“ die richtige Wahl.

Bei Herzen, die „aus dem Nichts“ auftauchen, fangen Sie klein an, wie ein Punkt, der langsam größer wird. Im nächsten Teil wird es darum gehen, die Pflanze hart wachsen zu lassen und ihr eine fließende Bewegung hinzuzufügen, etwa eine „C“-Form nach oben. Dies wird im Folgenden visuell besser erklärt:

Dieser Ansatz funktioniert für jede einfache oder sogar komplexe Form, die aus dem Nichts entstehen soll. Herzen sind ohnehin unverzichtbar für jedes animierte Emote-Set.

Jetzt müssen wir nur noch diese Herzen neben dem Charakter hinzufügen und sicherstellen, dass er ordnungsgemäß zurückgeschleift wird! Unten habe ich die Animation hinzugefügt, sowohl mit 2 fps als auch mit den ursprünglichen 8 fps, damit Sie wirklich sehen können, was in jedem Frame vor sich geht.

Bild-für-Bild-Animation mit vollständiger Bewegung

Bei der Bild-für-Bild-Animation wird jedes Cel von Hand gezeichnet. Anders als im vorherigen Beispiel werde ich alles separat und ohne das Transformationswerkzeug animieren, damit das animierte Emote organischer aussieht.

Ein vollwertiges animiertes Emote sieht vielleicht etwas entmutigend aus, aber wenn Sie sich diesem Bild einzeln nähern, wird es nicht so schwierig sein. Allerdings gebe ich zu, dass es einige Zeit und einige Versuche dauern kann, bis es wirklich richtig aussieht. Ich gebe offen zu, dass ich selbst meine Fähigkeiten immer weiter verbessere, also nehmen Sie sich Zeit, damit es für Sie richtig aussieht.

Für dieses Beispiel habe ich eine weinende Figur genommen, der Rohentwurf in verlangsamter Form ist unten:

Dies erfordert viele Schichten, um den Prozess sauberer zu gestalten, bestehend aus:

1. Separat gezeichnete Haare, die sich ausdehnen, wenn die Figur weint.

2. Das Gesicht bewegt sich nach oben, mit wechselnden Gesichtsausdrücken.

3. Die Tränen fallen.

4. Die Schultern bewegen sich nach oben, wenn die Figur weint.

5. Die Farben.

So sah die endgültige Zeitleiste aus:

Mein größter Rat für Animationen wie diese ist, sich die Arbeit anderer Leute anzusehen, echte Menschen zu beobachten und sich Tutorials von Leuten aus der Branche selbst anzusehen. Animation kann wie jede andere Fähigkeit entwickelt werden.

Mein zweiter Rat wäre, sich nicht darauf einzulassen, es perfekt aussehen zu lassen. Ich sehe zum Beispiel mehrere Fehler in der obigen Animation, aber anstatt darüber nachzudenken, denke ich, dass es besser ist, es so zu belassen und weiterhin neue Dinge zu erschaffen. Das Reparieren einer Animation ist keine leichte Aufgabe. Meiner Meinung nach kann es kontraproduktiv sein, nicht immer wieder darauf zurückzukommen, sondern eine Pause einzulegen und sie mit einem neuen Ansatz neu zu zeichnen, nachdem man herausgefunden hat, wo man die Fehler gemacht hat Erfahrung.

Animation über ein Emote hinzufügen

Lasst uns das alte Emote noch einmal aufgreifen und den Augen und hinter dem Charakter etwas Glanz verleihen.

Denken Sie bei beiden Glitzern an die Herangehensweise an die Herzen, einen kleinen Punkt, der Formen annimmt und sich dann wieder in einen Punkt verwandelt. Um ihm mehr Leben zu verleihen, können Sie es auch ein wenig drehen lassen.

Sobald die Form im gelben Glitzer am größten ist, verkleinern Sie die Form des nächsten Rahmens etwas und wechseln Sie dann zwischen der größeren und der kleineren Form ab, um einen funkelnden Effekt zu erzielen.

Es gibt mehrere andere Dinge, die Sie einem bereits vorhandenen Emote hinzufügen können. Sie könnten sogar die Hände verdecken, wie wir es zuvor getan haben, und sie dann neu zeichnen, damit sie jede Geste ausführen können, die Sie möchten. Der Einfachheit halber werde ich jetzt nicht zu viel hinzufügen, aber Sie können es sich zur Aufgabe machen, eine vorhandene Illustration aufzugreifen und über die verschiedenen Möglichkeiten nachzudenken, wie Sie ihr Animationen hinzufügen könnten mit dem Transformationswerkzeug oder indem Sie Bild für Bild zeichnen. Viel Spaß!

Verwenden des Liquify-Tools

Das Verflüssigungstool ist für die meisten Leute wahrscheinlich nicht die erste Wahl für Animationen, aber es eignet sich hervorragend, um eine sehr flüssige Animation zu erhalten, die sich ähnlich wie 3D-Animationen oder After-Effects-Animationen anfühlt. In diesem Beispiel animiere ich einen zwinkernden Charakter, wobei sich zusätzlich seine Haare bewegen. Lasst uns beginnen!

Ich beginne damit, zunächst die gesamte Figur und das Auge zu trennen und darauf zu achten, das Augenlid daneben einzufärben. Dann füge ich in separaten Ordnern die Strichzeichnungen für das Auge und die Farben darunter hinzu.

Darüber hinaus habe ich auch die vorderen Haare, die sich bewegen werden, abgetrennt und dabei das Blau an der Basis beibehalten, damit keine Leerstellen oder seltsame Hautfarben entstehen, wenn sich die Haare bewegen.

Ich begann mit der Basis, beschloss, sie zu duplizieren, und bewegte das Haar vorsichtig mit der „Push“-Funktion des Verflüssigungswerkzeugs. Wenn man es direkt betrachtet, mag diese Bewegung sehr geringfügig erscheinen, aber sie hat ihre eigene Wirkung in der endgültigen Animation, da das Auge Bewegungen leicht einfängt.

Kommen wir nun zum Auge. Für das Auge schieben wir mit demselben Werkzeug die Linie langsam nach unten. Das Verflüssigungswerkzeug sorgt für einen abgerundeten Effekt, der die Bewegung natürlicher erscheinen lässt.

Im Bild unten sehen Sie, dass ich das Auge im 5. Bild neu gezeichnet habe. Dies liegt daran, dass das Auge auf eine Weise gekrümmt ist, die das Auge verzerrt hätte, wenn ich „Liquify“ verwendet hätte. Abgesehen davon habe ich in den vorherigen Frames viel Zeit gespart, indem ich die Kurve einfach nach unten „geschoben“ habe, anstatt jeden Frame neu zu zeichnen.

Jetzt musste ich nur noch die Iris und die Sklera entsprechend dem Augenschluss entfernen.

Anschließend habe ich die Haare mit dem Verflüssigungswerkzeug an dem Rahmen ausgerichtet, an dem sich die anderen Haare bewegen, und sie ebenfalls nach rechts geschoben.

Da die Bewegung nur für die Bilder gilt, in denen sich die hinteren Haare bewegen, wird in den meisten Zeitleisten nur das erste Bild verwendet.

Wenn die Bewegung beginnt, verwende ich die gleiche Logik wie zuvor, eine größere Bewegung zwischen geringfügigen Änderungen in der Position der Haare. Bei dieser Bewegung musste ich auch die Stellen ändern, an denen die Farbe des Strangs sichtbar ist, um sicherzustellen, dass keine Leerstellen entstehen.

Wenn alle Elemente zusammengefügt sind, sieht das Emote großartig aus, aber es fehlt noch etwas … was es zu einem perfekten Beispiel macht, um alles zu kombinieren, was wir zuvor gemacht haben!

Ich beginne damit, zunächst einen Startflug hinzuzufügen, so wie wir es bei der Bild-für-Bild-Animation getan haben. Um es dann wirklich zum Leben zu erwecken, trenne ich den Arm vom Körper, decke den leeren Raum ab und schwinge ihn mit dem Transformationswerkzeug ein wenig.

Und da haben Sie es!! Unser letztes Beispiel mit allen drei Methoden: Verflüssigen für Augen und Haare, Transformieren > Drehen für den Arm und schließlich ein Stern, der Bild für Bild gezeichnet wird!

Danke schön!

Damit ist dieses Tutorial abgeschlossen!! Ich hoffe wirklich, dass dies Ihnen hilft und Sie dazu inspiriert, Ihre eigenen animierten Emotes zu erstellen. Wenn Ihnen ein Abschnitt unklar ist, fragen Sie einfach nach! Vielen Dank für Ihre Zeit und viel Glück für alle Ihre nächsten Kreationen!!

Dieser Beitrag gefällt