Was ist los, Leute!
Ich bin Link, ein Animator und Illustrator von @linkurys
Linkurys (@linkurys) • Instagram-Fotos und -Videos
Dies ist das erste Mal, dass ich Animationstipps online teile. Wenn Ihnen also einer meiner Ratschläge unklar oder verwirrend erscheint, zögern Sie bitte nicht, ihn zu fragen! Du kannst einen Kommentar hinterlassen oder mir eine DM schicken.
In diesem Tutorial zeige ich Ihnen 3 Möglichkeiten, wie Sie Ihre Emotes schnell und einfach animieren können. Jede Methode bringt ihre eigenen Herausforderungen mit sich, aber keine Sorge! Ich führe Sie durch jeden Schritt, vom Anfang bis zum Ende mit Clip Studio Paint Ex! 😁
Was werden wir tun?
Wenn Sie darüber nachdenken, animierte Emotes zu erstellen, denken Sie vielleicht, dass dies schwierig und kompliziert ist und viel Arbeit erfordert. Das Gleiche dachte ich auch, bevor ich mit der Animation begann. Aber ob Sie es glauben oder nicht, diese drei oben genannten Punkte sind im Wesentlichen alles, worauf es ankommt! Natürlich ist es nicht so einfach, aber es ist einfacher, als Sie vielleicht denken! Vor allem, wenn wir Clip Studio Paint verwenden, das uns viele Funktionen bietet 😎
3 Möglichkeiten, Ihre Emotes zu animieren!
Wie ich bereits erwähnt habe, zeige ich Ihnen drei Möglichkeiten, Ihre eigenen animierten Emotes zu erstellen:
1. Statische Bildanimation
Die Essenz dieser Technik ist einfach: Sie müssen lediglich Ihr Bild/Ihre Zeichnung verschieben, um die gewünschte Bewegung zu erzielen.
(Dies ist die beliebteste Methode, die Menschen bei der Erstellung ihrer animierten Emotes verwenden, und Sie haben diese Art von Emotes wahrscheinlich schon oft gesehen, oder?)
2. Teileanimation
Hier trennen Sie die Teile Ihrer Emotes und verschieben sie einzeln, wobei Sie dieselbe Technik wie bei der ersten Methode anwenden.
(Ähnlich der ersten Methode, jedoch mit mehr zu animierenden Komponenten.)
3. Bild-für-Bild-Animation
Animieren Sie, indem Sie jede Bewegung Bild für Bild zeichnen!
Diese Technik erfordert mehr Aufwand und kann für Anfänger eine gewisse Herausforderung darstellen. Mit konsequenter Übung werden Sie jedoch feststellen, dass Sie diese Animationen schneller und kompetenter erstellen können!
(Die anspruchsvollste, aber eine Menge Spaß! :D)
Bereiten Sie Ihren Arbeitsplatz und Ihre Sachen vor
1. Bereiten Sie Ihre Emotes-Zeichnung vor, die Sie animieren möchten
Stellen Sie sicher, dass Sie es sehen können!
Wenn wir über animierte Emotes sprechen, werden sie häufig für Live-Streaming-Chats verwendet, beispielsweise auf Twitch oder ähnlichen Plattformen. Da sie klein erscheinen können, ist es wichtig, dass sie gut sichtbar sind. Fügen Sie nicht zu viele kleine Details hinzu, die verloren gehen könnten. Halten Sie es einfach!
2. Einrichten Ihres Clip Studio Paint-Arbeitsbereichs
Bevor wir uns mit dem Animations-Tutorial befassen, richten wir die Dinge ein!
1. Öffnen Sie Ihr Clip Studio Paint
2. Klicken Sie auf Datei > Neu…
3. Wählen Sie Animation im Projekt
4. Stellen Sie die Leinwand-/Rahmengröße auf 1000 x 1000 Pixel und die Auflösung auf 150 ein.
(Sie können eine andere Größe wählen, aber stellen Sie sicher, dass der Maßstab 1:1 erhalten bleibt)
5. Stellen Sie Ihre Bildraten auf 24 FPS ein.
6. OK klicken**
Wenn Sie nicht über das Zeitleistenfenster verfügen, können Sie es anzeigen lassen, indem Sie zu Fenster > Zeitleiste gehen.
Warten Sie, was ist eine Zeitleiste, fragen Sie? Nun, es ist im Wesentlichen das Rückgrat jedes Animationsprojekts. Auf der Zeitleiste legen Sie Sequenzen fest, legen das Tempo fest und organisieren Ihre Animationsbilder. Hier kommen alle einzelnen Teile zusammen, sodass Sie den Ablauf Ihrer Animation von Anfang bis Ende visualisieren und steuern können. Betrachten Sie es als das Dashboard des Regisseurs, in dem jede Bewegung, jeder Übergang und jeder Moment aufgezeichnet wird.
Dies ist optional, aber Sie können die Vorschau Ihres Animationsordners ausblenden, um mehr Platz zu schaffen, indem Sie neben Timeline auf Burger-Symbol (3 Zeilen) und dann auf Miniaturbildgröße > Keine klicken.
Yay! Jetzt sind Sie mit der Einrichtung Ihres Clip Studio Paint-Arbeitsbereichs fertig! ✨
Animieren und Bewegen Ihrer Sachen
Wenn Sie dies lesen, bedeutet das, dass Sie bereit sind, Ihre Emotes zu animieren, oder? (Oder vielleicht haben Sie diesen Teil einfach übersprungen 😏 ). Wie auch immer, beginnen wir mit der einfachsten und zugleich leichtesten Methode: Statische Bildanimation!
1. Tipps: Statische Bildanimation
Im Bild oben sehen Sie drei Möglichkeiten, Ihr statisches Bild zu verschieben und zu ändern. Sie können es verschieben, drehen, vergrößern oder verkleinern oder diese Methoden für unterschiedliche Effekte kombinieren. Es gibt so viele Möglichkeiten, die Sie allein mit diesen Tricks nutzen können, Ihre Kreativität ist die einzige Grenze!
Statische Bildanimation: Level 1 (Grundkenntnisse)
1. Vorbereiten Ihres statischen Bildes/Ihrer statischen Zeichnung
Lassen Sie uns für Stufe 1 diese enttäuschten Emotes erstellen, indem wir einfach 2 Bilder verwenden:
-Deine Charakterzeichnung
-Hintergrundbild
2. Animationsordner erstellen
Bevor Sie Ihre Zeichnungen in Clip Studio Paint importieren:
1. Erstellen Sie einen neuen Animationsordner. Dies wird Ihnen helfen, Ihre Charakterzeichnung und Ihr Hintergrundbild in verschiedene Ebenen zu unterteilen.
2. Benennen Sie den Animationsordner nach Ihren Wünschen um. Ich verwende zum Beispiel „Charakter“ für die oberste Ebene und „Hintergrund“ für die untere.“
3. Importieren Sie Ihre Bilder/Zeichnungen
In Clip Studio Paint für Animationen können Sie Bilder nicht einfach per Drag & Drop direkt auf Ihre Leinwand ziehen, um sie zu importieren. Dies liegt daran, dass Animations-CELs in CSP in erster Linie für Pinsel und andere Werkzeuge konzipiert sind, nicht für den direkten Bildimport. Stellen Sie sich das so vor: Sie sind nicht für rohes Bildmaterial geeignet.
Um Ihre Bilddateien erfolgreich zu importieren, stellen Sie sicher, dass Sie sie per Drag & Drop in den Ebenenpalettenbereich ziehen, genau unter dem Animationsordner.
Die Bilddatei wird als Vektorebene mit dem Namen „Dino 1“ eingefügt.
(„Dino 1“ ist mein Bilddateiname)
„Aber die Bilder erschienen nicht auf der Leinwand :( „ Sagen Sie?
Das liegt daran, dass Sie zuerst Ihre Bildvektorebene Ihrem animierten Ordner zuweisen müssen!
Sie können dies tun, indem Sie auf Cel dem Rahmen zuweisen > Ihre Bildebene auswählen > OK klicken.
Die importierte Bildgröße ist möglicherweise größer oder kleiner als Ihre Leinwandgröße. Um das Bild an die Leinwand anzupassen, ohne seine Proportionen zu ändern, halten Sie die Umschalttaste gedrückt, während Sie an der Bildecke ziehen
Das ist es! Sie sind mit dem Importieren Ihres Charakterbildes fertig! ✨
Jetzt können Sie das Gleiche beim Importieren und Zuweisen Ihres Hintergrunds mit dem anderen Animationsordner tun!
4. Animieren Sie Ihre Zeichnung!
Um mit der Animation Ihrer Zeichnung zu beginnen, müssen Sie zunächst die Keyframe-Funktion aktivieren, indem Sie Folgendes tun:
1. Wählen Sie den Animationsordner „Hintergrund“.
2. Aktivieren des Keyframes für die von Ihnen ausgewählte Ebene
Wenn der Keyframe aktiviert ist, fügen Sie dem ersten Frame einen Keyframe hinzu
Kopieren Sie nun den von Ihnen hinzugefügten Keyframe und fügen Sie ihn am Ende der Dauer Ihrer Animation ein, die 2 Sekunden beträgt. Sie können dies ganz einfach tun, indem Sie ALT+Drag & Drop auf den Keyframe drücken.
Jetzt haben Sie 2 Keyframes!
Wählen Sie zunächst den ersten Keyframe aus. Klicken Sie anschließend auf Betriebsmodus >Objekt. Mit dieser Einstellung können Sie ab dem ersten Keyframe mit der Anpassung Ihres Hintergrunds beginnen
Verschieben Sie anschließend das Hintergrundbild nach oben bzw. gehen Sie von der Leinwand nach außen
UND DAS IST ES!
Du hast dein erstes animiertes Emote erstellt! 🥳
Wenn Ihnen die Hintergrundanimation zu langsam ist, können Sie sie gerne nach Ihren Wünschen anpassen. Persönlich füge ich weitere Keyframes in der Nähe des ursprünglichen hinzu, um die Geschwindigkeit zu optimieren.
Hier ist das Ergebnis!
Und hier ist ein weiteres Ergebnis, bei dem alle drei Grundtechniken der statischen Animation (Drehen, Skalieren und Positionieren) mit genau demselben Verfahren verwendet wurden! Können Sie mir sagen, wo und wann ich sie alle verwende? 👀
NIVEAU ERHÖHT! GLÜCKWUNSCH! ✨
Du hast die statische Animation Level 1 abgeschlossen. Jetzt bist du bereit für Level 2!
Statische Bildanimation: Level 2 (Fortgeschritten)
Willkommen auf Level 2!
Ich gehe davon aus, dass Sie die Grundlagen der statischen Bildanimation mittlerweile gut beherrschen. Wir überspringen also die grundlegenden Schritte und tauchen direkt in den Animationsprozess ein, oder?
1. Level-2-Emotes-Material
Die Verwendung zweier verschiedener Bilder mag unkompliziert erscheinen, insbesondere angesichts der endlosen Möglichkeiten, die sich aus der Kombination grundlegender statischer Animationstechniken ergeben. Aber wie wäre es, wenn wir für dieses Level den Einsatz erhöhen? Lassen Sie uns ein animiertes GIF mit nur einem Bild erstellen! 😈
2. Neue Datei oder neue Timeline?
Für diesen Teil haben Sie zwei Möglichkeiten: Entweder erstellen Sie eine neue Datei/Leinwand, wie wir es getan haben, oder erstellen Sie einfach eine neue Zeitleiste mit demselben Format wie zuvor, aber mit geringfügigen Anpassungen. Sind Sie neugierig auf die Erstellung einer neuen Zeitleiste?, lass es mich dir sagen!
So erstellen Sie eine neue Zeitleiste:
1. Klicken Sie im Zeitleistenfenster auf die Schaltfläche Neue Zeitleiste.
2. Ein Popup-Bildschirm wird angezeigt. Da wir dasselbe Animationsformat verwenden, müssen keine Einstellungen angepasst werden. Benennen Sie die Zeitleiste einfach in „Stufe 2“ um, oder vielleicht möchten Sie Ihre Wiedergabezeit auf eine kürzere/längere Dauer ändern.
3. OK klicken**
Ihre neue Zeitleiste ist einsatzbereit! ✨
Wenn Sie sich jedoch das Ebenenbedienfeld ansehen, werden Sie feststellen, dass die zuvor importierten Zeichnungsbilder immer noch vorhanden sind. Dies liegt daran, dass Sie beim Erstellen einer neuen Zeitleiste mit derselben Datei wie zuvor arbeiten. Diese haben jedoch keinen Einfluss auf Ihren Fortschritt auf der neuen Zeitleiste!
Löschen Sie sie nicht! ⛔
Wenn Sie diese löschen, entfernen Sie auch die importierten Dateien aus der vorherigen Zeitleiste. Und ja, das bedeutet, dass die Animation, an der Sie in der anderen Timeline gearbeitet haben, verschwindet. Daher ist es am besten, sie unberührt zu lassen
Aber wenn Sie das stört, finden Sie hier eine schnelle Lösung
1. Wählen Sie die gesamte Ebene aus
2. Gruppieren Sie diese ausgewählten Ebenen, indem Sie STRG G drücken.
3. Beschriften Sie es als „Zeitleiste 1“.
4. Minimieren Sie einfach den Ordner, um Ihren Arbeitsbereich übersichtlich zu halten.
5. Voila! Ihr Arbeitsbereich hat jetzt ein frisches, organisiertes Aussehen mit einem neuen, für die Zeitleiste geeigneten Erscheinungsbild ✨
3. Animieren Sie Ihre Zeichnung!
Ihre neue Zeitleiste ist jetzt festgelegt, jetzt beginnen wir mit der Animation!
Hier ist eine kurze Erinnerung an Dinge, die Sie vorbereiten müssen:
1. Erstellen Sie einen neuen Animationsordner
2. Importieren Sie Ihr Bild/Ihre Zeichnung
3. Weisen Sie Ihr importiertes Bild Animations-Cels zu
4. Passen Sie den Bildmaßstab an
Hinzufügen eines 2D-Kameraordners:
1. Klicken Sie auf die Burger-Schaltfläche
2. Neue Animationsebene
3. 2D-Kameraordner
Nachdem Ihr 2D-Kameraordner nun eingerichtet ist, verschieben Sie Ihre Zeichnungsebene dorthin. Ziehen Sie die Ebene einfach per Drag & Drop in den 2D-Kameraordner. Dadurch wird der Kameraeffekt auf Ihren Bildern/Zeichnungen aktiviert
Hinweis vor dem Animieren des 2D-Kameraeffekts
1. Stellen Sie sicher, dass Sie den Kameraordner oder die Kameraebene ausgewählt haben.
2. Der quadratische Rahmen, den Sie auf der Leinwand sehen, stellt den Bereich dar, der vom Kameraeffekt erfasst wird. Im Wesentlichen wird alles, was sich innerhalb dieses Quadrats befindet, die Ausgabe sein
3. Wenn Sie mit der Anpassung des Kameraeffektrahmens beginnen, wird Ihrer Timeline automatisch ein Keyframe hinzugefügt. Wenn Sie zu einer anderen Bilddauer wechseln und dann Ihren Kamerarahmen anpassen, passt er sich entsprechend an.
4. Um das Ergebnis Ihres Kameraeffekts anzuzeigen, klicken Sie auf das Burger-Schaltflächenmenü auf der Timeline und öffnen Sie es > Wiedergabeeinstellungen > 2D-Kamera rendern
Animieren des 2D-Kameraeffekts
Erstellen Sie einen schnellen und vibrierenden Kameraeffekt, indem Sie Ihren Kameraeffektrahmen alle 2–3 Bilder an eine zufällige Position verschieben
Das erwartete Ergebnis sollte so aussehen
Animierter Zoomeffekt
1. Wählen Sie die Animationsebene Ihrer Zeichnung aus, die sich im Kameraordner befindet.
2. Aktivieren Sie die Keyframe-Option.
3. Fügen Sie sowohl am Anfang als auch am Ende der Animation einen Keyframe hinzu.
4. Skalieren und vergrößern Sie beim letzten Keyframe Ihre Zeichnungs-/Bildebene, um einen Zoomeffekt zu erzielen (stellen Sie sicher, dass Sie dies mit Bedienungstools > Objekt tun, sonst können Sie das Bild nicht verschieben).
Das erwartete Ergebnis wäre so!
An diesem Punkt könnten Sie zwar davon ausgehen, dass es fertig ist, aber warum nicht noch ein wenig mehr Flair hinzufügen? Lassen Sie uns dieses Lächeln verstärken, um es noch bedrohlicher zu machen. HAHA 😈
Filter hinzufügen
1. Wählen Sie Ihre Zeichenebene aus
2. Deaktivieren Sie die Keyframe-Funktion vorübergehend
(Keine Sorge, wenn Sie es wieder einschalten, bleibt der Keyframe immer noch derselbe)
3. Rastern Sie Ihr Bild, indem Sie Rechtsklick auf die Ebene > Rasterisieren
Durch die Rasterung wird Ihre Vektorebene in ein Bitmap-Format konvertiert, das es Ihnen dann ermöglicht, Filter auf Ihr Bild anzuwenden
4. Öffnen Sie Filter > Unschärfe > Radiale Unschärfe
(Hinweis: Neben diesem stehen Ihnen noch viele andere Filter zur Verfügung!)
5. Stellen Sie die Stärke, die Richtung auf „Beide Richtungen“ und den Modus auf „Glätten“ ein und klicken Sie dann auf „OK“.
6. Sobald Sie fertig sind, können Sie die Keyframe-Funktion für Ihre Zeichenebene wieder aktivieren
UND HIER IST DAS BEDROHLICHE LÄCHELN! 😈 😈 😈
NIVEAU ERHÖHT! GLÜCKWUNSCH! ✨
Sie haben die statische Animation Stufe 2 abgeschlossen. Jetzt sind Sie bereit für die Teileanimation!
2. Tipps: Teileanimation
Das Konzept der Teileanimation ähnelt der statischen Bildanimation, bei der Sie Ihre Zeichnung verschieben, skalieren oder drehen. Der Unterschied besteht darin, dass Sie jeden Teil Ihres Charakters, den Sie bewegen möchten, einzeln trennen müssen. Wie im Bild oben dargestellt, besteht mein Charakter aus vier Teilen, von denen jeder separat animiert werden kann und Ihnen dann mehr Möglichkeiten und sogar dynamische Posen für Ihre Emotes bietet!
Trennen von Charakterteilen
In diesem Abschnitt mit Tipps möchte ich meinen Charakter animieren, während er eine Tasse Kaffee nippt.
Um dies zu erreichen, werde ich den Charakter in fünf Teile zerlegen:
1. Körper,
2. Auge,
3. Augenbraue,
4. Lippen
5. Die Kaffeetasse
Nur eine kurze Erinnerung, Leute, ihr müsst meine Posen oder Designs nicht nachahmen. Fühlen Sie sich frei, Ihre eigenen Charaktere, Posen und zugehörigen Elemente zu verwenden. Lassen Sie Ihrer Kreativität freien Lauf!
Animationsordner einrichten und Bilder importieren
Richten Sie Ihren Animationsordner ein
Erstellen Sie Animationsordner basierend auf der Anzahl der einzelnen Teile Ihres Charakters. Da mein Charakter in fünf Teile unterteilt ist, erstelle ich fünf separate Animationsordner.
Stellen Sie sicher, dass Sie die Ordner richtig anordnen. Sie möchten doch nicht, dass ein Bild, das im Vordergrund stehen sollte, von anderen Teilen überlagert wird, oder?
Importieren Sie Ihre Zeichnung und weisen Sie sie jedem Animationsordner cels zu
1. Importieren Sie Ihr Bild/Ihre Zeichnung in jeden von Ihnen erstellten Animationsordner
2. Weisen Sie Ihre importierte Zeichnung dem entsprechenden Animationsordner zu, genau wie wir es bei der statischen Bildanimation getan haben: Klicken Sie auf „Cel dem Frame zuweisen“, wählen Sie Ihre Bildebene aus und klicken Sie dann auf „OK“. Wiederholen Sie dies für jeden Teil
3. Setzen Sie diese Teile auf ihre Ausgangspositionen für den Startzustand oder das 1. Bild
Animieren von Charakterteilen
Bevor Sie in die Animation eintauchen, ist es wichtig, die gewünschte Bewegung zu planen. Basierend auf dem Bild oben müssen wir, um die Nippen-Aktion für unseren Charakter zu erreichen, identifizieren, welche Teile wir bewegen und welche stationär bleiben.
Wenn wir das Bild betrachten, können wir Folgendes lernen:
1. Die Augenbrauen bewegen sich nach unten.
2. Die Augen bleiben stationär.
3. Der Mund ist verdeckt, während die Figur am Kaffee nippt
Jetzt haben wir den gewünschten Bewegungszustand, beginnen wir mit der Animation!
1. Als Erstes möchten wir die Keyframe-Funktion für jeden Animationsordner/jede Animationsebene aktivieren, damit wir damit beginnen können, den Keyframe darauf zu platzieren und ihn zu animieren
2. Fügen Sie im ersten und letzten Frame einen Keyframe hinzu
3. Bearbeiten Sie alle letzten Keyframes, um die Endbewegung darzustellen. Für meine Figur ist es der Moment, in dem die Figur nippt.
Das erwartete Ergebnis sollte so aussehen!
Technisch könnten wir es hier abschließen, aber warum nicht ein bisschen Flair hinzufügen, um es noch besser zu machen? Lasst uns die Dinge aufpeppen! 😎
1. Fügen Sie einen 2D-Kameraeffekt hinzu, indem Sie Rechtsklick auf den Animationsordner > Neue Animationsebene > 2D-Kameraordner
2. Fügen Sie den Animationsordner aller Charakterteile in den Kameraordner ein
Animieren des 2D-Kameraeffekts
1. Schließen Sie Ihren Kameraordner, um andere Ebenen auszublenden. Dadurch wird Ihre Zeitleiste besser sichtbar.
2. Fügen Sie Keyframes zum ersten und letzten Frame hinzu
3. Verkleinern Sie den Kameraeffektrahmen, um den Vergrößerungseffekt zu erzielen
Das erwartete Ergebnis sollte so aussehen!
Fühlst du dich ein bisschen scharf an, ja? Aber das ist nicht scharf genug, lasst uns noch mehr Gewürze hinzufügen! 😤
4. Fügen Sie einen Hintergrund hinzu, indem Sie einen neuen Animationsordner unterhalb des Kameraordners hinzufügen
5. Wählen Sie die Hintergrundebene > Neue Animationszelle
6. Fügen Sie der Hintergrundebene eine schwarze Figur/Form hinzu
7. Aktivieren Sie Keyframes auf der Hintergrundebene
8. Fügen Sie Keyframes zum ersten und letzten Frame der Ebene hinzu
9. Wählen Sie den ersten Keyframe aus und verringern Sie seine Deckkraft auf 0
Das erwartete Ergebnis sollte so aussehen!
Es sieht schon jetzt noch besser aus, finden Sie nicht auch!? Aber ich habe noch einen letzten Schliff!
1. Erstellen Sie oben im Kameraordner einen neuen Animationsordner und nennen Sie ihn Vordergrund
2. Erstellen Sie eine neue Animationszelle. Fügen Sie der Leinwand eine 1/4 schwarze Form hinzu, die einen Teil Ihrer Charakterzeichnungen abdeckt. Duplizieren Sie den Vordergrundanimationsordner und verschieben Sie das Duplikat an den unteren Rand der Leinwand. Jetzt haben Sie zwei verschiedene Vordergrundebenen über der Kameraebene.
3. Aktivieren Sie Keyframe auf beiden Ebenen
4. Fügen Sie im ersten und letzten Frame auf beiden Ebenen einen neuen Keyframe hinzu
5. Wählen Sie den oberen schwarzen Vordergrund und dann den ersten Keyframe aus. Verschieben Sie die schwarze Form so, dass sie außerhalb der Oberseite der Leinwand positioniert ist
6. Wählen Sie den unteren schwarzen Vordergrund und dann den ersten Keyframe aus. Verschieben Sie die schwarze Form so, dass sie außerhalb des unteren Randes der Leinwand positioniert ist
Der erste Frame würde so aussehen
Hier ist das Ergebnis!!! ✨
Und hier ist ein weiteres Ergebnis, das ich mit allen Animationstechniken erzielt habe, die wir bisher behandelt haben! Können Sie mir sagen, was und wo ich sie alle verwende? 👀
NIVEAU ERHÖHT! GLÜCKWUNSCH! ✨
Sie haben es geschafft, sowohl die Teileanimation als auch die Statische Bildanimation abzuschließen!
Wenn Sie so weit gekommen sind, haben Sie bewiesen, dass Sie ein unglaubliches Potenzial haben, wenn es um die Animation von Emotes geht! Ich bin stolz auf dich! 🥹 💖
3. Tipps: Bild-für-Bild-Animation
Einführung
Bevor wir uns auf die Reise der Frame-für-Frame-Animation begeben, ist es wichtig, einige grundlegende Begriffe und Konzepte durchzugehen. Dadurch wird sichergestellt, dass wir alle ein klares Verständnis haben und auf dem gleichen Stand sind, wenn wir vorankommen!
Was ist eine Frame-by-Frame-Animation?
Im Vergleich zu den früheren Techniken, bei denen wir hauptsächlich Hintergründe und Teile des Charakters verschoben haben, um Bewegungen anzuzeigen, können wir bei der Bild-für-Bild-Animation jede einzelne Aktion unseres Charakters detailliert veranschaulichen.
Schauen Sie sich das Bild oben an.
Sie werden bemerken, dass die Figur von einem Punkt zum anderen springt.
Jede Phase dieses Sprungs wird durch ein einzigartiges Bild dargestellt, das jede Nuance der Bewegung einfängt. Das ist die Essenz, jede Bewegung Schritt für Schritt zu zeichnen!
Rahmen
Ein einzelnes Bild in einer Bildfolge. Genau wie ein einzelnes Foto in einem Album.
Bild pro Sekunde (FPS)
Wie viele Frames (oder Bilder) werden in einer einzigen Sekunde angezeigt? Wenn Ihre Animation beispielsweise 24 FPS hat, bedeutet das, dass jede Sekunde 24 Bilder laufen, damit die Aktion flüssig erscheint
Keyframe & Inbetweening
Keyframes Dies sind die Hauptframes oder „Schlüsselpunkte“ Ihrer Animation. Sie definieren die Start- und Endpunkte jedes sanften Übergangs. Am Beispiel eines geworfenen Balls (siehe Abbildung oben) wären die Keyframes der Startwurf, der höchste Punkt und der Zeitpunkt, an dem er landet.
Dazwischen Hierbei handelt es sich um den Prozess des Zeichnens der zwischen den Keyframes vorhandenen Frames, um die Bewegung gleichmäßiger zu gestalten. Bei unserem Ball sind es die Rahmen, die den Anstieg und Abfall zwischen diesen drei Hauptpunkten zeigen.
Mehr dazwischen bedeutet mehr Frames und eine flüssigere Animation!
Animierte Emotes mit Bild für Bild
Auch wenn die Erstellung von Einzelbild-Emotes mehr Zeit in Anspruch nimmt, lohnt es sich für animierte Emotes. Sie müssen nicht so detailliert oder lang sein wie normale Animationen. Solange sie Emotionen zeigen, machen sie ihren Job!
Es würde lange dauern, auf jedes Detail der Bild-für-Bild-Technik einzugehen. Es gibt viel zu besprechen, etwa die 12 Animationsprinzipien und wie man eine gute Szene macht. Das würde diesen Artikel sehr lang machen und könnte zu viel sein. Über diese weiteren Details sprechen wir später in einem anderen Artikel. 😉
Konzentrieren wir uns zunächst darauf, diese animierten Emotes mit der Frame-by-Frame-Technik zu erstellen!
Was wir tun werden
Bevor wir uns mit der Erstellung von Emotes mit der Frame-by-Frame-Technik befassen, erfahren Sie hier, was wir tun werden! (Ich finde)
1. Arbeitsbereich einrichten
Wir bereiten unsere Animationsleinwand vor.
2. Skizzieren und Timing
Planen Sie unsere Animation anhand von Skizzen und legen Sie das richtige Timing fest.
3. Strichzeichnungen
Diese Skizzen in klare Linien umwandeln.
4. Farbgebung und Rendering
Fügen Sie Farben hinzu und verleihen Sie ihm ein poliertes Aussehen
5. Feinschliff
Ähm ... das werden wir später sehen, hehe 😋
1. Arbeitsbereich einrichten
Animationsleinwand einrichten
Wenn Sie die Schritte aus unseren vorherigen Tipps befolgt haben, wissen Sie, dass wir für diese Technik denselben Arbeitsbereich verwenden. Wenn Sie jedoch direkt zu diesem Abschnitt gesprungen sind oder eine Auffrischung benötigen, möchte ich eine kurze Zusammenfassung für Sie geben!
1. Öffnen Sie Clip Studio Paint und dann Datei > Neu.
2. Wählen Sie auf der Registerkarte „Projekt“ die Option „Animation“ und konfigurieren Sie die Animationsvoreinstellung wie folgt:
3. OK klicken
4. Wenn Ihre Timeline nicht angezeigt wird, öffnen Sie Fenster > Timeline
Animationsebene einrichten
Wenn Sie eine neue Leinwand erstellen, wird automatisch eine Animationsebene hinzugefügt und für Sie benannt. Es empfiehlt sich, diese Ebene umzubenennen, um ihren Zweck widerzuspiegeln. Wenn Sie beispielsweise Ihre Animation auf dieser Ebene skizzieren, können Sie sie in „Skizzenebene“ umbenennen.
Dies verschafft Ihnen einen großen Vorteil bei der Verwaltung Ihrer Animationszeitleiste!
Und das ist es! Ihr Arbeitsbereich ist bereit für die Bild-für-Bild-Animation!
Ebenenordner einrichten
Die Verwendung von Ebenenordnern ist bei Einzelbildanimationen von entscheidender Bedeutung. Mit ihnen können Sie mehrere Ebenen innerhalb einer einzigen Animationszelle oder eines einzelnen Animationsrahmens stapeln und so für Ordnung und Effizienz sorgen.
Hier erfahren Sie, wie Sie dies einrichten!
1. Wählen Sie Ihre Animationsebene aus
2. Erstellen Sie einen neuen Ebenenordner in der Ebenenpalette/im Ebenenfenster
3. Erstellen Sie eine neue Rasterebene und platzieren Sie sie im Ebenenordner
4. Weisen Sie Ihrem Animationsrahmen Ebenenordner-Cels zu
Hinweis: Wenn Sie Ihren Animationsframes Ebenenordner-Cels zugewiesen haben, duplizieren diese automatisch die Anzahl der Rasterebenen in diesem Ordner. Wenn Frame 1 also über einen Ebenenordner mit zwei Rasterebenen verfügt, verfügt dieser, wenn Sie einen neuen Frame wie Frame 2 hinzufügen, auch über zwei Rasterebenen, die Frame 1 widerspiegeln.
Schalten Sie Zwiebelschale ein
Mit diesem Tool können Sie frühere und nachfolgende Frames anzeigen und referenzieren, um weichere Übergänge zu erzielen. Es ähnelt dem Übereinanderschichten durchscheinender Zwiebelschalen und liefert ein „Geisterbild“ benachbarter Bilder, um die Arbeit des Animators zu leiten.
Sie können es einschalten, indem Sie einfach die Zwiebelschalen-Schaltfläche in der Timeline-Palette betätigen
2. Skizzieren und Timing
Skizzierung
Bei der auch als „Rough Animation“ bezeichneten Animation geht es um das Zeichnen grundlegender Bewegungen von Charakteren oder Dingen. Diese einfachen Zeichnungen zeigen die Haupthandlungen ohne detaillierte Betrachtungen. Sie helfen uns, ein Gefühl für die Bewegung zu bekommen und sie zu planen.
Zeitliche Koordinierung
Beim Timing in der Animation geht es darum, wie viele Frames für jede Bewegung verwendet werden, damit sie sich richtig anfühlt. Es hilft dabei, beispielsweise zu zeigen, wie schnell oder schwer etwas ist.
Wenn Sie meine Tipps zur statischen Bild- und Teileanimation befolgt haben, haben Sie es im Grunde nur beim Anpassen des Keyframes getan!
Schritt 0: Emotes-Konzept
Bevor wir mit dem Zeichnen beginnen, denken Sie über das Emote nach, das Sie erstellen möchten. Frag dich selbst:
1. Welches Gefühl oder welchen Ausdruck möchten Sie zeigen?
2. Wie wird es sich bewegen? Wie wird es beginnen und enden?
In meinem Fall werde ich ein schnelles und einfaches Emote erstellen, damit Sie es verstehen:
1. Ich möchte, dass mein Charakter zwinkert
2. Es wird sich von einem Lächeln 🙂 zu einem Augenzwinkern 😉 ändern.
Wenn Sie Ihr Ziel klar verstehen, verbessern Sie sowohl die Qualität als auch die Geschwindigkeit Ihrer Animation. Es ist wichtig zu wissen, was Sie anstreben!
Schritt 1: Animationsebene und Zelle erstellen
1. Erstellen Sie einen neuen Animationsordner/eine neue Ebene
2. Benennen Sie die Animationsebene in „Skizze“ um.
3. Fügen Sie neue Animations-Cels/Frames hinzu
Notiz:
1. Führen Sie diesen Schritt jedes Mal aus, wenn Sie neue Frames für Ihre Animation zeichnen möchten
2. Wenn Sie möchten, können Sie auch den Ebenenordner verwenden
Schritt 2: Skizzieren!
Da wir uns in der Skizzenphase befinden, können Sie gerne auf Ihrer Leinwand experimentieren und verschiedene Ideen erkunden! Vielleicht finden Sie eine bessere Pose für Ihren Charakter oder was auch immer 😎
Hinweis: Normalerweise verwende ich den G-Pen zum Skizzieren, Zeichnen und Kolorieren. Aber wählen Sie das Werkzeug, mit dem Sie sich am wohlsten fühlen!
Skizzenbrief
Bei jeder Änderung des Charakterausdrucks oder der Pose trägt das Hinzufügen einer zusätzlichen Hauptpose oder eines anderen Keyframes dazu bei, dass der Übergang des Charakters reibungsloser verläuft. In meinem Animationsfall werde ich also einen weiteren Keyframe zwischen dem Lächeln und dem Zwinkern der Figur hinzufügen 😗
Hier eine kurze Skizze und Zeitzuordnung der Animation:
Wie Sie auf dem Bild oben sehen können, habe ich jetzt 3 Keyframes:
1. Lächeln – Ausgangspose
2. Achtung – Wechseln Sie die Pose K1 zur Pose K3
3. Zwinkern – Endpose
Später werden wir einige Zwischenbilder (IB) hinzufügen, um die Bewegung unseres Charakters beim Wechseln von Schlüsselbildern flüssiger zu gestalten!
Keyframe skizzieren
Beginnen wir mit dem Skizzieren unseres Haupt-Keyframes, indem wir diese zwei einfachen Schritte befolgen:
1. Zeichnen Sie die Pose Ihres Startcharakters auf das erste Bild (Bild 1).
2. Zeichnen Sie die Pose Ihrer Übergangsfigur in das mittlere Bild (Bild 12).
3. Zeichnen Sie die Pose Ihres Endcharakters im letzten Bild (Bild 24).
Hinweis: Dies ist optional, aber Sie können jedes Ihrer Frames umbenennen (in meinem Fall K1, K2, K3), um die Zeitleiste besser zu organisieren. Nun, es liegt an dir!
Das erwartete Ergebnis sollte so aussehen:
Sieht gut aus, oder? 😉
Zwischendurch skizzieren
Fügen wir nun einige Zwischenbilder hinzu, damit der Übergang zwischen den Schlüsselbildern nahtlos aussieht, indem wir Folgendes tun:
1. Erstellen und zeichnen Sie Zwischenbilder für K1 und K2 in der Mitte dazwischen (Bild 6) mit der Anticipation-Technik, um den Charakter in Schwung zu bringen, bevor Sie die nächste Pose machen.
2. Erstellen und zeichnen Sie Zwischenbilder für K2 und K3 in der Mitte dazwischen (Bild 18) mit der Squash-Technik, um beim Zwinkern nach dem Heads-Up eine charakterliche Wirkung zu erzielen.
Das erwartete Ergebnis wäre so:
Wie Sie an der groben Animation sehen können, die wir erstellen, sieht sie immer noch zu abgehackt aus, um sie als fertig zu bezeichnen. Um dieses Problem zu lösen, müssen wir also mehr Zwischenrahmen hinzufügen, zwischen den Zwischenrahmen, die wir erstellt haben! (verstanden?) 😇
Zwischendurch das Extra hinzufügen!
Diese zusätzlichen Zwischenbilder unterscheiden sich von unseren vorherigen, bei denen Antizipations- und Squash-Techniken zum Einsatz kamen. Für diese Frames zeichnen wir einfach Linien, die fließend vom Keyframe zum Original dazwischen übergehen.
1. Erstellen und zeichnen Sie zusätzliche Zwischenbilder in der Mitte jedes Keyframes und das Original dazwischen. Beschriften wir jedes Extra dazwischen mit „e“
Hier ist das erwartete Ergebnis!
Momentane Geschwindigkeit
Verlangsamt
Das passiert bei jedem Frame 👀
Die Gesamtzahl der Frames, die wir gezeichnet haben, beträgt 9 Frames, das heißt:
1. 3x Keyframes / Hauptposen
2. 2x Zwischenrahmen
3. 4x Extra-Zwischenrahmen
Wenn Ihnen die grobe Animation etwas seltsam vorkommt, liegt das daran, dass wir das Timing noch nicht genau abgestimmt haben. Das Ziel dieser Skizzierphase besteht darin, das richtige Zeichnen von Keyframes und In-Betweens zu erlernen! Machen Sie sich also keine Sorgen mehr, denn wir kommen zum Timing-Teil! 😎
Hinweis: Der Skizzenteil ist nicht die beste Bewegung Ihres Charakters. Möglicherweise möchten wir einige unnötige Frames löschen oder einen neuen Frame hinzufügen, wenn wir das Timing anpassen!
Schritt 3: Timing!
Das Anpassen des Timings ist der ziemlich schwierige Teil, wenn es darum geht, Dinge zu animieren, selbst für mich! Es erfordert viel Übung, das beste Timing für Ihre Animation kennenzulernen und zu spüren, denn jede andere Bewegung oder Pose erfordert auch ein anderes Timing!
Sie können diesen Schritt nicht genau wiederholen (es sei denn, Sie verwenden meinen spezifischen Charakter als Referenz). Vertrauen Sie stattdessen Ihrem Instinkt und passen Sie den Zeitpunkt an Ihre eigene Vision an. Passen Sie die Bewegung des Charakters an, bis sie sich genau richtig anfühlt!
Hier sind einige Tipps, die Sie befolgen können, um das richtige Timing für Ihre Emotes zu finden:
1. Bestimmen Sie die Geschwindigkeit der Bewegungen Ihres Charakters.
-Wenn die Bewegung von langsam zu schnell geht, platzieren Sie die Rahmen näher beieinander.
-Wenn die Bewegung von schnell zu langsam geht, verteilen Sie die Frames etwas weiter.
2. Ändern, löschen oder fügen Sie sogar einen neuen Rahmen hinzu, wenn sich Ihre Charakterbewegung nicht richtig anfühlt.
Da ich dieses Tutorial gleichzeitig erstelle, mache ich auch die Animation und das Zeichnen. Ich habe einige unnötige Frames, die gelöscht werden müssen, und einige Frames, die hinzugefügt werden müssen.
Hinweis: Zu viele oder zu wenige Frames können sich negativ auf den Fluss und die Klarheit Ihrer Animation auswirken.
Hier ist meine Zeitleiste mit angepasstem Timing und der Änderung einiger Frames
Hier ist eine Illustration für den Rahmen, den ich gelöscht und hinzugefügt habe
1. Wie Sie dem Bild oben entnehmen können, habe ich drei unnötige Frames gelöscht:
1. e2
2. e3
3. e4
Ich habe diesen Rahmen entfernt, weil er den natürlichen Bewegungsfluss meiner Figur störte. Es ist wichtig, jedes Bild in Ihrer Animation sorgfältig zu überprüfen, um alle Bilder zu identifizieren und zu beseitigen, die zu Inkonsistenzen führen oder die Bewegung unnatürlich erscheinen lassen könnten.
2. Ich habe K22- und K33-Frames zur Timeline hinzugefügt!
aber warum sieht es bei K2 und K3 gleich aus? Das liegt daran, dass ich diese Frames einfach dupliziert habe, um einen Überlappungs- und Sprungeffekt zu erzielen, indem ich die duplizierte Zeichnung wie folgt gedehnt habe:
Wählen Sie einen Rahmen aus, den Sie strecken möchten > STRG + Umschalt-T, um in den freien Transformationsmodus zu wechseln > Wählen Sie den oberen Knoten aus und strecken Sie ihn leicht nach oben
Überlappungseffekt
Auf dem Bild oben können Sie sehen, wie der Rahmen dazu führt, dass sich die Figur während der „Kopf hoch“-Bewegung überlappt. Dadurch wird die Bewegung übertrieben und dadurch dramatischer!
Bounce-Effekt
Nach der „Kopf hoch“-Geste werden Sie feststellen, dass beim Zwinkern meiner Figur ein Hüpfeffekt entsteht, wenn sie ihren Kopf schnell nach unten bewegt. Dies verleiht der Animation Dynamik!
Und hier ist das Endergebnis!
Vor
(Dumme Ahh-Bewegung 💀 )
Nach
(Endlich eine echte Bewegung 😎 )
Schritt 4: Machen Sie eine Pause und bewundern Sie Ihre grobe Animation ✨
Sie sind offiziell mit dem Skizzieren und Timing fertig! Gut gemacht! ✨
Natürlich ist es noch nicht fertig! Wir müssen dafür sorgen, dass es schöner aussieht, indem wir glatte Strichzeichnungen hinzufügen und niedliche Farben hinzufügen, um die richtigen Emotes zu erstellen!
Warum nehmen Sie sich nicht die Zeit, Ihre fertige Skizzenanimation zu bewundern und zu überprüfen?
So wie ich es gerade getan habe 🥹🥹🥹
3. Strichzeichnungen
Nachdem wir nun während der Skizzier- und Timing-Phase die gewünschte Bewegung erreicht haben, ist es an der Zeit, unsere Animation mit glatten und präzisen Linien zu verfeinern!
Schritt 1: Animationsebene einrichten
1. Reduzieren Sie die Deckkraft der Skizzenanimationsebene auf 30
2. Erstellen Sie eine neue Animationsebene über der Skizzenebene und benennen Sie sie in Lineart um.
3. Erstellen Sie einen neuen Ebenenordner auf der linearen Animationsebene
4. Weisen Sie dem Animationsrahmen die Ebenenordner-Cels zu
Nachdem Sie Ihre Animationsebene für Lineart eingerichtet haben, fahren wir mit dem nächsten Schritt fort!
Schritt 2: Den Lineart machen
Nachdem wir die Animationsebene eingerichtet haben, zeichnen wir unsere Lineart darauf!
Hier sind einige Tipps, die Ihnen während des Prozesses helfen könnten:
Werkzeuge:
1. Wählen Sie Ihre bevorzugten Stift- oder Pinselwerkzeuge aus, die zu Ihren Zeichenstilen passen (die Sie immer in Ihrer Zeichnung verwenden). In meinem Fall verwende ich G-Pen.
3. Stellen Sie sicher, dass Sie eine einheitliche Stift- oder Pinselgröße haben!
4. Die Aktivierung des Stabilisators an Ihrem Stift wird Ihnen beim Streichen Ihrer Linie erheblich helfen
5. Fügen Sie Ihrem Ebenenordner weitere Rasterebenen hinzu, damit Sie Ihre Charakterteile separat zeichnen können
6. Verwenden Sie die Transformationswerkzeuge, um die Position, Form usw. Ihrer Zeichnung zu ändern
Tipps:
1. Für einen glatteren und selbstbewussteren Look verwenden Sie lange und kontinuierliche Striche statt kurzer und abgehackter Striche.
2. Machen Sie Pausen, zoomen Sie regelmäßig heraus, um das Gesamtbild zu sehen, und stellen Sie sicher, dass alles verhältnismäßig und konsistent ist.
3. Seien Sie geduldig. Wenn eine Linie nicht richtig aussieht, zögern Sie nicht, sie rückgängig zu machen und es erneut zu versuchen. Streben Sie nach der besten Qualität, auch wenn es einige Versuche erfordert.
4. Bereinigen Sie alle überlappenden Linien oder Unvollkommenheiten, sobald Sie fertig sind, um Ihrer Animation ein elegantes Aussehen zu verleihen.
5. Fühlen Sie sich frei, die Posen der Charaktere anzupassen und der Animation Frames hinzuzufügen.
6. Sehen Sie sich den Fortschritt Ihres sauberen Linearts an, indem Sie die Sichtbarkeit der Skizzenebene ein- und ausschalten.
Und das sind die Lineart-Tipps, die ich Ihnen jetzt geben kann
Viel Glück und viel Spaß beim Lineart! 😘
Hier ist die linearisierte Version meines Charakters!
Schritt 3: Machen Sie eine Pause und bewundern Sie Ihre lineare Version Ihrer Animation ✨
Sie sind offiziell mit dem Lineart fertig! Fantastisch! ✨
Großartige Arbeit, die wir auf unserer Reise mit animierten Emotes bis hierher geschafft haben! Skizzieren, Anpassen des Timings und Perfektionieren der Strichzeichnungen können die anspruchsvollsten Aspekte der Animation sein. Nachdem wir diese Schritte nun hinter uns haben, können wir uns dem spaßigen Teil widmen: dem Ausmalen! Lasst uns diese Zeichnungen zum Leben erwecken!🤩
Aber warum nehmen Sie sich vorher nicht noch einmal die Zeit, Ihre fertige Skizzenanimation zu bewundern und zu überprüfen?
So wie ich es gerade (wieder) getan habe🥹🥹🥹
4. Färben und Rendern
Die Art und Weise, wie wir unsere Zeichnungen in Animationen kolorieren und rendern, hängt von der Komplexität der Zeichnung selbst ab. Da wir jedoch Emotes animieren, die ein einfaches Design haben und nur wenige Frames zum Ausmalen benötigen, sollte dieser Teil der unterhaltsamste und einfachste sein!
Schritt 1: Animationsebene einrichten
1. Erstellen Sie eine neue Animationsebene unter der Lineart-Ebene und benennen Sie sie in Farbe um.
2. Erstellen Sie einen neuen Ebenenordner auf der Farbanimationsebene
3. Weisen Sie dem Animationsrahmen die Ebenenordner-Cels zu
Nachdem Sie nun Ihre Animationsebene für Farbe eingerichtet haben, fahren wir mit dem nächsten Schritt fort!
Schritt 2: Grundfarbe
In diesem Teil des Farbschritts verwenden wir das Füllwerkzeug für die Grundfarbe unserer Animation! Es gibt zwei Möglichkeiten, die Grundfarbe festzulegen:
1. Möglichkeit: Füllwerkzeug verwenden
1. Stellen Sie sicher, dass Sie Ihre Farbebene und Ihren Rahmen ausgewählt haben
2. Wählen Sie in der Symbolleiste Füllwerkzeug aus
3. Wählen Sie in den Einstellungen des Füllwerkzeugs die Option „Andere Ebenen verweisen“.
Dadurch können Sie das Füllwerkzeug basierend auf den Grenzen einer anderen aktiven Ebene verwenden.
4. Wählen Sie Ihre bevorzugte Farbe
5. Verwenden Sie das Füllwerkzeug, um Ihre Leinwand einzufärben
6. Erledigt!
2. Möglichkeit: Verwendung des Lasso-Werkzeugs
1. Stellen Sie sicher, dass Sie Ihre Farbebene und Ihren Rahmen ausgewählt haben
2. Wählen Sie in der Symbolleiste Auswahlbereich aus
3. Wählen Sie Lasso
4. Wählen Sie Ihre bevorzugte Farbe
5. Zeichnen Sie mit dem Lasso-Werkzeug den spezifischen Bereich auf Ihrer Leinwand, den Sie mit Farbe füllen möchten, und wählen Sie ihn aus.
6. Es erscheint ein Popup. Wählen Sie dann das Farbeimer-Symbol (oder das Füllsymbol) aus.
Und so verleihen Sie Ihrer Animation eine Grundfarbe! Jetzt müssen Sie nur noch den gleichen Vorgang für jeden erstellten Rahmen wiederholen!
Hier ist mein Charakter mit der Grundfarbe!
Wenn wir diesen Schritt abgeschlossen haben, können wir unseren Charakter klar erkennen!
Kommen wir zum nächsten!
Schritt 3: Rendern
Der Renderschritt umfasst das Hinzufügen von Sekundärfarben, Schattierungen und Hervorhebungen. Hier sind die Dinge, die Sie tun müssen:
Schattenlinie
Das Skizzieren von Schattenlinien für jeden Keyframe gewährleistet eine konsistente und genaue Schattierung während des Rendervorgangs. Das bedeutet, dass es sich um den Rand handelt, wenn Sie Farbe auf Ihre Renderebene anwenden. So geht's:
1. Erstellen Sie eine neue Animationsebene über Ihrem Charakter-Linear und nennen Sie sie Schattenlinie
2. Zeichnen Sie die Schattenlinie Ihres Charakters in jedes Bild. (Verwenden Sie eine Kontrastfarbe für eine bessere Sicht)
Hinweis: Sie können dies auch auf andere Dinge anwenden, beispielsweise für die Hervorhebung Ihres Charakters
Hier ist diese Schattenlinie, wenn sie auf meinen Charakter angewendet wird ✨
Da mein Charakter ein Schleim ist, muss ich die Schattenlinie ganz anders gestalten als bei anderen Charakterdesigns! (Als wäre der Schatten im Inneren seines Körpers)
Rendern
Jetzt können wir unseren Rendervorgang starten, indem wir die folgenden Schritte ausführen:
1. Erstellen Sie eine neue Animationsebene unter der Schattenlinienebene und nennen Sie sie „Rendern“.
2. Fügen Sie einen neuen Ebenenordner hinzu und weisen Sie ihn dem Render-Ebenenrahmen zu
3. Wählen Sie die Render-Ebene aus und färben Sie dann den Schattenbereich mit dem Füllwerkzeug ein.
(Stellen Sie sicher, dass die Option „Füllen“ auf „Andere Ebenen verweisen“ steht.)
4. Machen Sie es für jeden Frame
5. Wenn Sie mit der Verwendung der Schattenlinie fertig sind, können Sie die Sichtbarkeitsschaltfläche ausschalten oder bei Bedarf löschen
Voila! Hier ist das Endergebnis unserer Animation!
Wir können es jetzt als erledigt bezeichnen! Aber wie ich bereits auf der ersten Seite der Frame-by-Frame-Animation erwähnt habe, werden wir noch den letzten Schliff geben! 😎
5. Der letzte Schliff
Der letzte Schliff kann variieren; Sie können Ihre Animation verbessern, indem Sie Spezialeffekte, einen Hintergrund oder andere Elemente hinzufügen, von denen Sie glauben, dass sie Ihr animiertes Stück aufwerten werden!
Hier ist mein letzter Schliff für meine animierten Emotes mit Glitzereffekt! ✨
MAX LEVEL ERWORBEN! GLÜCKWUNSCH! ✨
Sie beherrschen die Kunst der Bild-für-Bild-Animation beim Erstellen animierter Emotes! Mit diesem Erfolg sind Sie nun bereit, neue kreative Wege zu beschreiten und Ihre Fähigkeiten weiter zu verbessern. Die Welt der Animation wartet sehnsüchtig auf Ihr nächstes Meisterwerk! 🚀
Exportieren Ihrer animierten Emotes
Nachdem Sie mit mir durch die verschiedenen Phasen der Erstellung animierter Emotes gereist sind, haben Sie sich mehr als nur Fähigkeiten angeeignet. Nehmen Sie als Andenken die animierten Emotes mit, die wir gemeinsam erstellt haben! Schließlich ist es ein Beweis für Ihre harte Arbeit und Ihr Engagement. Genießen! 🌟
So beanspruchen Sie Ihr animiertes Emote:
1. Passen Sie den Start- und Endpunkt Ihrer bevorzugten Animation an
2. Öffnen Sie Datei > Exportieren > Animation > Animiertes GIF…
3. Wählen Sie den Zielordner aus, in dem Sie Ihre animierten Emotes speichern möchten.
Es erscheint ein Popup-Fenster, in dem Sie die Exporteinstellungen ändern können:
1. Breite und Höhe, die Größe Ihrer animierten Emotes in Pixel
2. Exportbereich, wie lange Frame Sie exportieren möchten
3. Bildrate, auf Maximum eingestellt (24 FPS)
4. Der Export mit Dithering oder transparentem Hintergrund bleibt Ihnen überlassen
5. OK
Juhu! Sie haben Ihre animierten Emotes beansprucht! ✨
Anstecknadel „Animationsbeherrschung“.
Jetzt haben Sie Ihr Andenken an die harte Arbeit, mit mir zu animieren. Warum holen Sie sich hier nicht etwas von Ihrem Titel? Welches bekommst du? 👀
Schließen
Meine Reise, meine Erfahrungen mit animierten Emotes zu teilen, ist zu Ende. Es war mir eine Freude, Sie durch den Prozess zu führen, und ich hoffe wirklich, dass Sie ihn aufschlussreich fanden. 🥺 💖
Denken Sie bei Ihren eigenen Animationsabenteuern immer daran, neugierig zu bleiben, häufig zu üben und – was am wichtigsten ist – den Prozess zu genießen! Ich wünsche Ihnen viel Glück bei all Ihren kreativen Unternehmungen.
Bis zum nächsten Mal! ✨ ✨ ✨
Dieser Beitrag gefällt
Kommentar