Hallo!
Ich zeige dir, wie du eine einfache Animation erstellst, ohne deine Zeichnung zu sehr zu zerschneiden oder zu zerlegen. Ich werde den Großteil der Umgebung animieren, die die Stimmung der Animation erzeugt, ohne den Animationsprozess selbst zu überladen.
Das Endergebnis wird so aussehen:
Ich werde zeigen, wie man Lichter, Schatten und Glanzlichter animiert.
Ich zeige auch eine einfache Augenanimation und eine Kameraanimation.
Wir werden mit KEYFRAMES arbeiten und ich zeige dir einige Tipps und Tricks, wie man sie benutzt!
Diese Animationen sind sehr einfach zu erstellen und sowohl in der PRO- als auch in der EX-Version von Clip Studio Paint anwendbar.
Für dieses Tutorial werde ich CLIP STUDIO PAINT PRO verwenden, du kannst auch EX benutzen, wenn du es hast.
Dies wird ein detaillierter Workflow sein, ich entschuldige mich im Voraus für die Länge.
Lass uns anfangen!
VORBEREITUNG
Schnapp dir zuerst die Zeichnung, die du animieren möchtest.
Stell dir nun vor oder entwirf, was du tun möchtest, in diesem Fall;
⭐ Ich möchte, dass die Pilze leuchten und vielleicht magische Sporen freisetzen.
⭐ Ich möchte, dass das Stereo leuchtet
⭐ Und ich möchte, dass er blinzelt
Wirklich einfache Animationen! Aber du musst bedenken, dass Licht SCHATTEN erzeugt.
Und so müssen wir auch hinzufügen:
⭐ Schattenanimation
⭐ Und vielleicht Glanzlichter-Animationen
Lass uns mit dem Animieren beginnen!
ZEITLEISTE
Öffne die Zeichnung, die du animieren möchtest.
Gehen wir dann zu unserer ZEITLEISTE. Wenn du deine Zeitleiste nicht findest, ist sie unter Fenster > Zeitleiste
Klicke nun auf [Neue Zeitleiste]
Die von mir verwendeten Einstellungen sind 8 Einzelbilder pro Sekunde und 24 Wiedergabezeit.
Bildraten geben an, wie viele Bilder pro Sekunde angezeigt werden, während die Wiedergabezeit bestimmt, wie lang die gewünschte Animation sein soll.
Du kannst [Wiedergabezeit/Bildrate = Sekunden] verwenden, also sind 24 Wiedergabezeit / 8 Bildrate = 3 Sekunden.
Je höher die Bildrate, desto flüssiger wird die Animation sein.
HINWEIS: Clip Studio Paint PRO hat eine maximale WIEDERGABEZEIT von 24, mehr ist nicht möglich. Wenn du eine längere Wiedergabezeit möchtest, empfehle ich die EX-Version.
Lass uns mit dem Animieren beginnen!
>> Keyframe-Animation
Ich werde hierfür hauptsächlich Keyframe-Animationen verwenden.
Nur eine kurze Anmerkung dazu, was Keyframe-Animation ist:
Modernes oder digitales Keyframing ist, wo wir einen Start- und Endpunkt erstellen, ohne dass Zwischenzellen erstellt werden müssen.
Wenn du einen Keyframe von links beginnst und einen weiteren Keyframe nach rechts erstellst, brauchst du keine Zwischenframes zu erstellen. Das Programm erledigt das für dich.
Je weiter die Keyframes voneinander entfernt sind, desto langsamer wird die Animation sein.
Je näher die Keyframes beieinander liegen, desto schneller wird die Animation sein.
LICHTANIMATION – Weiche Interpolation
Erstelle eine [Neue Rasterebene] über deiner Zeichnung > benenne diese in „Leuchtender Pilz“ um.
Nimm nun dein [Verlaufswerkzeug] > [Vordergrund zu Transparent] > Halte [ALT] auf deiner Tastatur für die Pipette gedrückt und nimm die Farbe des LICHTS, das du haben möchtest.
Oder nimm ein beliebiges Werkzeug, das als LICHT verwendet werden kann.
Kann ein normaler weicher Pinsel oder ein dekorativer Pinsel sein.
Und klicke und ziehe einfach dein Verlaufswerkzeug.
Du kannst jede gewünschte VERLAUFSFORM verwenden, ich wähle [Kreis]
Ändere deinen MISCHMODUS auf LEUCHTEN-AUSWEICHEN
TIPP: Farbiges Ausweichen, Hinzufügen, Hinzufügen (Glühen), Überlagern, Weiches Licht und Hartes Licht funktionieren ebenfalls.
Stelle nun im Bereich deiner ZEITLEISTE sicher, dass du dich auf der Ebene „Leuchtender Pilz“ befindest, klicke auf [Keyframes für diese Ebene aktivieren]
TIPP: Du weißt, dass die Ebene jetzt für Keyframes bereit ist, wenn du nichts mehr auf der Ebene malen oder radieren kannst. Außerdem erscheint 'Transformieren' im Ebenennamen.
⭐ KLICKE auf das +, um zu erweitern, und klicke/wähle [Deckkraft] aus.
Überprüfe auch deine Keyframe-Interpolation, stelle sicher, dass du auf Weiche Interpolation eingestellt bist.
Nun, ganz am Anfang deiner Zeitleiste, Einzelbild 1 > Rechtsklick > [Keyframe hinzufügen]
⭐Dies setzt den Anfang unserer Zeitleiste mit 100 % Deckkraft für den Leuchtpilz fest.
Dann gehen wir vielleicht zu Einzelbild 7. Du kannst auch einen Deckkraft-Keyframe hinzufügen, indem du den Deckkraft-Regler auf der Registerkarte „Ebene“ verschiebst.
Füge weiterhin die gewünschten Keyframe-Animationen hinzu, das ist das Ergebnis, das ich erzielt habe.
Einzelbild 1, 13 und 24 haben 100% Deckkraft
Einzelbild 7 und 18 haben 23% Deckkraft
TIPP: Du kannst deinen letzten Keyframe ganz an das Ende ziehen, um die Animation nahtlos zu machen.
Das werde ich unter „Keyframe-Looping“ genauer erklären.
Nun sieht unser Bild so aus:
>> Keyframe-Looping
Der Trick bei einer Schleifenanimation besteht normalerweise darin, sicherzustellen, dass deine erste Bewegung dieselbe ist wie deine letzte Bewegung.
In diesem Fall arbeiten wir mit Keyframes, also müssen wir sicherstellen, dass unser erster und letzter Keyframe identisch sind.
Ich werde des Öfteren erwähnen, die ‚End-Keyframes an das Ende deiner Zeitleiste zu ziehen‘, und das dient dazu, eine nahtlose oder sich wiederholende Animation zu erstellen.
Siehe den allerersten Keyframe in der Zeitleiste, er liegt zwischen 0 und 1.
Es ist vorzuziehen, dass wir dasselbe mit dem letzten Keyframe tun, wenn wir eine Schleife erstellen möchten.
Hier ist der Unterschied, wenn du den letzten Keyframe nicht ganz an das Ende der Zeitleiste ziehst.
Es ist subtil, aber es stoppt am Ende für einen Frame.
Aber wenn wir den allerletzten Keyframe an das Ende der Zeitleiste ziehen,
bewegt er sich flüssiger, weil sie denselben Wert haben.
⭐ Stelle sicher, dass die Keyframes bei Einzelbild 1 und Einzelbild 24 die gleichen Werte haben.
Bei Einzelbild 1 haben wir die hintere Hälfte des ersten Keyframes erhalten.
Dann bei Einzelbild 24 haben wir die erste Hälfte desselben Keyframes erhalten.
Wenn die Animation in Schleife läuft – würde die Animation nahtlos aussehen.
Wenn du Schwierigkeiten hast, den Keyframe zu greifen, den du ganz an das Ende gezogen hast, verwende den GRAFIK-EDITOR und wähle den Keyframe aus.
Du kannst ihn ziehen, wohin du möchtest, und ihn auch löschen.
> Bearbeitung: Weitere Effekte hinzufügen
ZUSAMMENFASSUNG: Das ist unser letztes Ergebnis:
Was ist mit den anderen Pilzen??
Solltest du auch dafür neue Ebenen erstellen und erneut animieren?
NEIN! Wir können diese Ebene „Leuchtender Pilz“ immer noch bearbeiten!
Aber wenn du einfach so klickst – lässt es dich nicht.
🚫 Du kannst diese Ebene nicht bearbeiten, da sie derzeit für Keyframing verwendet wird.
Wenn du auf dieser Ebene zeichnen möchtest, musst du die [Keyframes für diese Ebene aktivieren] deaktivieren.
Klicke auf das Symbol, um sie zu deaktivieren.
KEINE SORGE!
Wir haben das Keyframing nur deaktiviert. Sobald wir es wieder aktivieren, erscheinen die Keyframes wieder.
DENKE DARAN, DIE EBENE NICHT ZU LÖSCHEN!
UND NICHT MIT EINER ANDEREN EBENE ZUSAMMENZUFÜHREN – die Keyframes verschwinden, wenn du sie mit einer anderen Ebene zusammenführst.
Nimm dein [Verlaufswerkzeug] oder ein beliebiges Werkzeug, um weitere Leuchteffekte hinzuzufügen.
Wenn du fertig bist, kehre zum Zeitleisten-Tab zurück > klicke auf [Keyframe für diese Ebene aktivieren]
Und deine Keyframes sind immer noch da!
Es sieht jetzt so aus:
Bevor wir den Rest animieren, sprechen wir kurz über Keyframe-Interpolationen.
>> Keyframe-Interpolationen
Keyframe-Interpolationen bestimmen, wie sich deine Keyframes oder Animationen bewegen.
Das ist wie das Zwischenzeichnen bei Zellanimationen.
Ich werde für dieses Tutorial zwei Keyframe-Interpolationen verwenden: weich und halten.
Hier ist der Unterschied bei allen Interpolationen:
⭐Weich – erzeugt eine flüssige Bewegung, sie bewegt sich im Grunde in einer Kurve – so wirkt es, als gäbe es einen Fluss, der sie irgendwie schneller, aber immer noch weich erscheinen lässt.
⭐Linear – erzeugt eine direkte Bewegung. Sie hat keinen Fluss und bewegt sich mit derselben Geschwindigkeit. Es ist wie eine lineare Bewegung – direkt auf den Punkt.
⭐Halten – sie bewegt sich Keyframe-zu-Keyframe. Sie hält den Keyframe bis zum nächsten Keyframe und dann zum nächsten.
Außerdem ändern deine Keyframes die Farbe, je nachdem, welche Interpolation du verwendet hast.
Weich ist lila, Linear ist grün und Halten ist gelb.
LICHTANIMATION – Halte-Interpolation
Lass uns diesmal die Stereo-Lichter mit der HALTE-Interpolation bearbeiten.
Erstelle eine [Neue Rasterebene] > benenne sie nach Belieben um.
*Ich habe sie ‚Speaker‘ genannt – ein Fehler! Es ist ein Ghettoblaster / Stereoanlage.
Nimm deinen Pinsel, ich habe einen [Weicher Pinsel] verwendet und einfach Farben in den Bereich gesetzt, den ich leuchten lassen möchte.
Ändere den Mischmodus deiner Ebene auf Hinzufügen (Glühen)
TIPP: Du kannst bei Bedarf auch Hinzufügen, Leuchten-Ausweichen und Farbiges Ausweichen verwenden.
Klicke nun auf [Keyframes für diese Ebene aktivieren], damit wir die Stereoleuchten animieren können.
Bitte ändere die Keyframe-Interpolation von Weich auf Halten.
Nun fügen wir einen Keyframe auf EINZELBILD 1 hinzu. Stelle sicher, dass du dich auf DECKKRAFT befindest.
Es ist ziemlich subtil, aber es gibt eine Farbänderung, wenn du auf das Transformationsmenü klickst.
Setze einen Keyframe bei Einzelbild 1; 100% Deckkraft
Dann bei Einzelbild 14, ändere die Deckkraft auf 0%
Einzelbild 15 bei 100% Deckkraft
Einzelbild 16 bei 0% Deckkraft
Mach das so oft du möchtest.
Und wenn du es abspielst, sieht es so aus
HALTE-Interpolationen HALTEN den Wert dieses Keyframes bis zum nächsten Keyframe
Im Gegensatz zur WEICHEN Interpolation, bei der der Wert des Keyframes flüssig bis zum nächsten Keyframe geändert wird.
> Bearbeitung: Tonwertkorrektur
Nehmen wir an, dir gefällt die Farbe – normalerweise gehen wir einfach zu Bearbeiten > Tonwertkorrektur > Farbton/Sättigung/Helligkeit, aber auf dieser Keyframe-Ebene können wir weder zeichnen noch Tonwertkorrekturen vornehmen.
Wenn wir auf dieser Ebene eine Tonwertkorrektur vornehmen möchten, müssen wir die [Keyframe für diese Ebene aktivieren] deaktivieren.
Und dann können wir die Farben mit Bearbeiten > Tonwertkorrektur > Farbton/Sättigung/Helligkeit bearbeiten.
Wenn du auf [Keyframe für diese Ebene aktivieren] klickst, sind die Keyframes immer noch vorhanden.
Und jetzt sieht es so aus:
SCHATTEN ANIMIEREN
Lass uns einen Schatten animieren!
Dies ist der Schatten hinter der Figur. Wenn das Licht vor ihm leuchtet, wird sein Schatten größer oder kleiner, je nachdem, wie groß das Licht vor ihm ist.
Erstelle eine [Neue Rasterebene] unter deinen LEUCHTENDEN Ebenen.
Benenne sie in Schatten um > Setze diese Ebene auf MULTIPLIZIEREN
Lass den Schatten die Figur überlappen.
Ich habe ihn für dieses Beispiel ROT gemacht, damit er sichtbar ist, aber später habe ich ihn auf Grau geändert.
Stelle erneut sicher, dass deine Ebene im Mischmodus MULTIPLIZIEREN ist.
Als Nächstes verwenden wir eine Maske. Klicke auf [Ebenenmaske erstellen]
Dadurch wird der Bereich ausgeblendet, den wir nicht möchten, ohne ihn vollständig zu löschen.
Und benutze einfach deinen [Radierer], um den Bereich auszublenden, der nicht von der Figur betroffen sein soll.
Wenn du nicht sehen kannst, was du radierst, Rechtsklick (auf das Ebenenmasken-Symbol) > Maskenbereich anzeigen
Fahre mit dem Radieren fort, und ich habe dieses Ergebnis erzielt:
Ich habe die ganze Figur maskiert, nur um sicherzugehen.
Um den Maskenbereich wieder zu entfernen; Rechtsklick (auf das Ebenenmasken-Symbol) > Maskenbereich anzeigen
Dadurch wird er deaktiviert.
Lass uns nun mit der Animation beginnen.
Stelle sicher, dass du dich auf der Schattenebene befindest, auf der Zeitleisten-Registerkarte > klicke auf [Keyframe für diese Ebene aktivieren]
Stelle sicher, dass du deine Keyframe-Interpolation wieder auf WEICH änderst.
Erweitere nun die Schattenebene, klicke auf das **>*-Symbol.
Stelle sicher, dass du auf POSITION bist.
Gehe zum [Bedienungswerkzeug] oder drücke O auf deiner Tastatur.
Transformationspunkte sollten auf deinem Bildschirm erscheinen.
Während du dich bei Einzelbild 1 befindest, wo das Licht groß ist,
klicke und ziehe das Bild ein wenig schräg vom Charakter weg.
Kopiere diesen Keyframe und füge ihn ein, wenn das Licht groß ist; Einzelbild 13 und Einzelbild 24.
Wenn das Licht klein ist; Einzelbild 7, ziehe den Schatten schräg nach unten.
Kopiere und füge diesen Keyframe in den anderen Frame ein, wo das Licht klein ist; Einzelbild 19.
Und wenn du fertig bist. Es wird so aussehen:
> Bearbeitung: Überarbeitung der Maske
Schau dir den Schatten genau an – du kannst sehen, dass er den Stein im Hintergrund und den Kiefer des Charakters überlappt.
Dieselbe Bearbeitung wie bei den letzten LICHT-Animationen: Mit ausgewählter Schattenebene deaktivieren wir die [Keyframe für diese Ebene aktivieren]
Und wir können unsere Maske überarbeiten.
Eine weitere Bearbeitung, die ich vornehmen möchte, ist das Glätten des Schattens.
Rechtsklick auf die Maske > [Maske aktivieren] (oder deaktivieren)
Dann [Alt]-klicken auf das Augensymbol der Ebene, um sie vorübergehend zu isolieren.
Ich benutze einfach meinen Weichzeichner-Pinsel, um die Schattierung zu glätten.
Dann [Alt]-klicke erneut auf das Augensymbol der Schattenebene, und die Schattenebene ist nicht mehr isoliert.
Rechtsklick auf die Maske > klicke auf [Maske aktivieren]
Dann klicken wir auf [Keyframes für diese Ebene aktivieren], unsere Keyframes blieben erhalten und als wir es abspielten...
EFFEKTE: Fliegende und verblassende Funken
Wir werden hier mehrere Transformationen verwenden: POSITION und DECKKRAFT
Als Nächstes erstellen wir einige Funken!
Erstelle eine [Neue Rasterebene] > benenne sie als Funken > Setze den Mischmodus auf Hinzufügen (Glühen)
Nimm nun deinen Funkenpinsel
Ich habe diesen Pinsel verwendet:
Und füge einfach einige Funken hinzu.
Als Nächstes animieren wir dies.
Klicke auf [Keyframes für diese Ebene aktivieren]
Stelle sicher, dass du auf WEICHE Interpolation eingestellt bist.
Bei Einzelbild 1 – Das Licht ist groß, füge einen Keyframe für DECKKRAFT – 100% Deckkraft hinzu.
Mach dasselbe bei Einzelbild 13 und 24, wo das Licht groß ist.
Dann, wenn das Licht klein ist, Einzelbild 7 – füge einen Keyframe für DECKKRAFT – 0% Deckkraft hinzu.
Mach dasselbe bei Einzelbild 19, wo das Licht klein ist.
Und es sollte so aussehen:
Als Nächstes arbeiten wir an der Bewegung, lassen wir die Funken nach oben schweben.
Erweitere die Funken-Ebene, indem du auf das >-Symbol klickst.
Stelle sicher, dass du auf POSITION bist.
Bei Einzelbild 1, das Licht ist groß, ziehe den Funken nach oben.
Ziehe ihn nur ein kleines Stück, stell es dir vor, als wäre es die Mitte der schwebenden Animation. Stelle sicher, dass du auf [Bedienungswerkzeug] bist, um die Funkenebene ziehen zu können.
Füge denselben Keyframe dem letzten Einzelbild hinzu, Einzelbild 24 – aber diesmal ziehe den letzten Keyframe bis ans Ende der Zeitleiste, dies macht die Animation flüssiger und nahtloser, wenn du eine Schleife erstellen möchtest.
Nun, wenn das Licht schwach ist, Einzelbild 7 – ziehe deine Funken nach oben.
Denk daran, dies ist auch der Frame, in dem die Deckkraft bei 0% liegt – im Grunde erstellen wir eine Animation, bei der es verschwindet, wenn es nach oben geht.
Einzelbild 8, Funken gehen nach unten.
Kopiere die Keyframes von Einzelbild 7 und Einzelbild 8 und füge sie in Einzelbild 17 und Einzelbild 18 ein.
Der Prozess und das Ergebnis sehen so aus:
Im Grunde haben wir Folgendes gemacht: Keyframe 1 und 24 sind die Mitte der Aktion.
Keyframe 7 und 17 sind die Funken, die nach oben gehen.
Keyframe 8 und 18 sind die Funken, die zur Ausgangsposition zurückkehren.
Und jetzt sieht die Animation so aus:
> Bearbeitung: Weitere Funken hinzufügen
Dies ist dasselbe wie bei [Bearbeitung: Weitere Effekte hinzufügen]
Stelle sicher, dass du dich auf der Funkenebene befindest und deaktiviere die [Keyframes für diese Ebene aktivieren].
Und füge einfach deine Funken hinzu.
Wenn du fertig bist, klicke einfach auf [Keyframes für diese Ebene aktivieren], und die Keyframes sind immer noch da.
Nun sieht unsere Animation so aus:
Denke daran, dass du jederzeit zurückgehen und deine Keyframes überarbeiten kannst.
Beispiel: Du möchtest die Funken bearbeiten, weil sie viel zu schnell, zu hoch sind.
Stelle sicher, dass POSITION ausgewählt ist und du dich am Keyframe befindest, den du bearbeiten möchtest – ziehe deine Funken, wie du möchtest.
> Bearbeitung: Einige Funken maskieren
Und das ist dasselbe wie bei der [Bearbeitung: Überarbeitung der Maske]
Beachte, wie einige Funken viel zu tief von den Pilzen fallen und einige zum Charakter gelangen.
Anstatt diese Funken zu löschen, maskieren wir sie einfach, damit sie in diesem Bereich nicht erscheinen.
Deaktiviere dein Keyframing erneut, klicke auf [Keyframe für diese Ebene aktivieren], damit wir es deaktivieren und an unserer Maske arbeiten können.
Klicke auf [Ebenenmaske erstellen], wenn erstellt > Rechtsklick auf diese Maske > Maskenbereich anzeigen
[Maskenbereich anzeigen] – Damit du sehen kannst, was du radierst.
Und wir können die Funken in diesem Bereich ausblenden, nimm deinen Radierer und beginne die Teile zu radieren/auszublenden, in denen du keine Funken haben möchtest.
Wenn du fertig bist, deaktiviere den [Maskenbereich anzeigen] und aktiviere erneut die [Keyframes für diese Ebene aktivieren].
Die Keyframes blieben erhalten und die Maske ist da.
GLANZLICHTER-ANIMATION
Dies ist das Glanzlicht auf der Figur und vielleicht auch etwas hartes Licht auf den Hintergrundelementen.
Erstelle eine [Neue Rasterebene] > benenne sie in GLANZLICHTER um > Setze den Mischmodus auf [Leuchten-Ausweichen]
TIPP: Du kannst Farbiges Ausweichen, Hinzufügen oder sogar Hinzufügen (Glühen) verwenden.
Und nimm einfach deinen Pinsel und erstelle einige Glanzlichter.
Ich verwende einen [weichen Pinsel] mit 80-100% Deckkraft, wechsle immer wieder hin und her.
⭐ TIPP: Wenn du eine Abkürzung zum Erstellen von Glanzlichtern für den Charakter möchtest – erinnerst du dich an die Maske, die wir für die SCHATTEN-Animation erstellt haben? Die können wir verwenden.
Halt [STRG] gedrückt und klicke dann auf diese Maske – was passiert ist, dass wir den WEISSEN Bereich ausgewählt haben, also kehren wir die Auswahl um, um den Charakter auszuwählen.
Klicke auf [Ausgewählten Bereich umkehren] > und beginne, deine Glanzlichter hinzuzufügen.
Um Glanzlichter zur Umgebung oder den Felsen hinzuzufügen, habe ich das Lasso-Werkzeug verwendet.
Erstelle eine Auswahl mit deinem Lasso-Werkzeug > und verwende einfach deinen Pinsel zum Ausmalen.
— weiche die Kanten bei Bedarf mit einem Weichzeichner-Pinsel ab
Wenn du mit den Glanzlichtern fertig bist, lass uns sie animieren.
Klicke auf [Keyframes für diese Ebene aktivieren]
Stelle sicher, dass du auf DECKKRAFT bist – mache die Animationen genauso wie bei den LEUCHTENDEN PILZEN.
Einzelbild 1, 13, 24 – 100% DECKKRAFT
Einzelbild 7 und 19 – 27% DECKKRAFT (oder weniger)
Wenn du fertig bist, sieht die Animation nun so aus:
AUGENANIMATION
Für diese Augenanimation werde ich nur zwei Bilder/Frames verwenden;
⭐ AUGEN OFFEN
⭐ AUGEN GESCHLOSSEN
Hauptsächlich, weil dies eine 3-Sekunden-Animation ist, sehr kurz und kaum wahrnehmbar, und mein Charakter hat auch sehr kleine Augen.
Zuerst muss ich meine Augen trennen und die fehlenden Bereiche neu zeichnen.
Ich habe das Lasso-Werkzeug verwendet, um die Augen zu KOPIEREN und auf eine andere Ebene einzufügen.
Gehe dann zurück zur Hauptillustrationsebene und beginne mit deinem Pinsel über das Auge zu malen mit dem Hautton des Charakters.
Erstelle dann eine [Neue Rasterebene] und zeichne das AUGEN GESCHLOSSEN
Und jetzt haben wir sowohl Augen offen als auch Augen geschlossen
Füge gerne weitere Zwischenaktionen/-frames hinzu, wenn du möchtest.
Du kannst Keyframes verwenden, um dies zu animieren, oder sogar Animationszellen.
Probieren wir beides aus!
> Augenanimation – Animationszellen [Kopieren & Einfügen]
Animationszelle ist das Zeichnen Frame für Frame, um eine Animation zu erstellen.
Wie eine Daumenkino-Animation!
Wir werden auf Zellen KOPIEREN und EINFÜGEN
Erstelle einen [Neuen Animationsordner] > benenne ihn in EYES_ANIM_CEL um.
Stelle sicher, dass du dich am Anfang deiner Zeitleiste befindest, dann klicke auf [Neue Animationszelle].
Eine leere Ebene mit der Bezeichnung 1 wird erscheinen.
Bevor wir mit dem Kopieren und Einfügen beginnen, gehe zu [Datei] > [Einstellungen] > [Animation]
Ändere deine Einstellung für Wie in Zellen einfügen – stelle sicher, dass sie auf In ausgewählte Ebene einfügen steht.
Klicke auf OK, wenn du FERTIG bist!
Das wird unser Kopieren und Einfügen erleichtern.
Zum Kopieren - mache deine Ebene AUGEN OFFEN sichtbar > nimm dein Lasso und wähle aus > STRG C zum Kopieren.
Zum Einfügen - Gehe zu deinem Animationsordner > Zelle 1 > Füge es dort ein.
Und mach dasselbe mit der nächsten Zelle; Augen geschlossen.
(Stelle sicher, dass du dich im Animationsordner befindest)
Wähle dein Einzelbild aus > Erstelle eine [Neue Animationszelle] > eine neue Zelle mit der Bezeichnung 2 wird erscheinen.
KOPIEREN - AUGEN GESCHLOSSEN
EINFÜGEN - in Zelle 2
Ich möchte, dass er noch ein wenig weiter blinzelt, also legen wir dieselbe Animation auf die nächsten Einzelbilder.
Weisen wir diese Zellen für die nächste Animation zu.
Stelle sicher, dass du dich am nächsten Einzelbild ohne Zelle befindest
Gehe zu [Animation] > [Spur bearbeiten] > [Mehrere Zellen zuweisen]
Für dieses Beispiel sind diese Einstellungen in Ordnung.
Wenn du wissen möchtest, was all diese Einstellungen bedeuten, empfehle ich dir, den untenstehenden Link zu überprüfen.
Wenn du auf OK klickst; erscheint eine Kopie der Zellen 1 und 2.
Wir haben im Grunde Zelle 1 und 2 zugewiesen, um in den nächsten Frames zu erscheinen.
Für das Ende der Animation möchte ich, dass seine Augen offen sind, also klicke auf [Zelle dem Einzelbild zuweisen].
Wähle Ebene 1 aus – das sind unsere offenen Augen, dann klicke OK.
Und wir haben unsere kleine Augenanimation mit Zellen.
> Augenanimation – Keyframes
Wenn du Keyframes verwenden möchtest, spielst du im Grunde mit der Deckkraft der Ebenen Augen offen und Augen geschlossen.
Um alles organisiert zu halten, lege deine Ebenen „Augen offen“ und „Augen geschlossen“ in einen Ordner.
Wähle deine Ebenen Augen offen und Augen geschlossen aus und klicke einzeln auf [Keyframes für diese Ebene aktivieren].
Ändere auch deine Keyframe-Interpolation auf HALTEN
Du kannst jede Keyframe-Interpolation verwenden, die du möchtest, ich bevorzuge jedoch HALTEN bei Augenanimationen, um sicherzustellen, dass es keine Änderungen zwischen den Einzelbildern gibt.
Wähle einen Einzelbild, bei dem das Blinzeln beginnen soll, ich wähle Einzelbild 15.
Füge einen Keyframe auf beiden hinzu:
Augen geschlossen – 0% Deckkraft
Augen offen - 100% Deckkraft
Nächster Einzelbild, Einzelbild 16
Augen geschlossen – 100% Deckkraft
Augen offen – 0% Deckkraft
Du kannst das so oft wiederholen, wie dein Charakter blinzeln soll, oder einfach die Keyframes auswählen > Rechtsklick > KOPIEREN > Zum nächsten leeren Einzelbild gehen > Rechtsklick > Einfügen.
Stelle sicher, dass du dasselbe mit dem anderen Auge machst.
Wenn du fertig bist, sieht es so aus:
Unsere Animation sieht so aus:
Kamera-Animation
Dieser Schritt ist optional!
Wir werden eine 2D-Kamera hinzufügen, dies ist deine Kamera!
Du kannst damit in deine Animation hinein- und herauszoomen, sie drehen und schwenken, und wir werden Keyframes verwenden, um sie zu manipulieren.
Um eine Kamera hinzuzufügen, gehe zu [Animation] > [Neue Animationsebene] > [2D-Kamera-Ordner]
Ein Ordner mit der Bezeichnung ‚Kamera 1‘ erscheint in deinem Ebenen-Tab > lege alle deine Ebenen, im Grunde alle deine Animationsebenen dorthin.
Du kannst deine Kamera-Transformationen in der Zeitleiste erweitern oder die Bedienung > Objekt-Werkzeugeigenschaft verwenden.
Ich werde nur etwas Einfaches machen, wie einen Kamerawackler, aber nicht extrem.
Beim [Skalierungsverhältnis] habe ich um 3 Werte hineingezoomt – wodurch es 97.0 wurde.
Ein Keyframe wird angezeigt, weil du die Werte geändert hast. Du kannst diesen Skalierungs-Keyframe löschen, da wir keine Skalierung animieren werden.
Dann klicke auf [Position] > ziehe das Transformationsfeld zum unteren rechten Bildschirmrand, weg von meinem Charakter.
Ein Keyframe sollte hinzugefügt werden, sobald du die Kamera bewegt hast.
Kopiere diesen Keyframe, klicke auf den Keyframe und halte [ALT] gedrückt, dann ziehe ihn auf den gewünschten Einzelbild. Ich habe ihn auf Einzelbild 24 gezogen.
Dann habe ich diesen End-Keyframe ganz an das Ende der Zeitleiste gezogen.
Für die mittlere Animation, gehe zu Einzelbild 13
Stelle sicher, dass du auf Bedienungswerkzeug > Objekt bist > Klicke auf das Transformationsfeld und ziehe es ein wenig nach oben – diagonal von unserem letzten Keyframe.
Die Kamerabewegung ist so platziert, dass sie die Bewegung des Schattens ergänzt, der diagonal in dieselbe Richtung auf- und absteigt.
Wenn du es abspielst, sieht es so aus;
Das blaue Quadrat, das du siehst, ist die Kamerabewegung.
Wenn du sehen möchtest, wie die Kameraansicht aussieht,
Gehe zu deinem [Bedienungswerkzeug] > unter [Objekt] > schaue in die Werkzeugeigenschaft.
Anzeigemodus:
Standardmäßig sind wir bei Feldhilfen anzeigen.
Du kannst das auf Kamera-Sichtfeld anzeigen ändern.
Jetzt sehen wir, was unsere Kamera sieht!
Animation exportieren
Wir exportieren endlich unsere Arbeit!
Du kannst dies in jedes gewünschte Format exportieren. Für dieses Beispiel wähle ich GIF.
Gehe zu [Datei] > [Animation exportieren] > [Animiertes GIF]
Fülle die Exporteinstellungen entsprechend deinen Anforderungen oder deiner Zeitleiste aus.
Für die Exportoption; Dithering
Dithering ist die Abstufung von Farben.
⭐ Dithering aktivieren, erhältst du einen Farbverlauf oder eine weiche Schattierung von Farben.
⭐ Dithering deaktivieren, erhältst du Flecken mit verschiedenen Farbschattierungen.
Schlussbemerkung
Vielen Dank fürs Lesen bis hierher!!
Die finale Animation sieht so aus:
Die Kamera ist optional, ohne Kamera sieht es so aus:
Sieht immer noch großartig aus!
Hier ist ein weiteres Beispiel für dieselben Techniken.
⭐Animiertes Licht und Glanzlichter
⭐ Einige Funken / fliegender Staub
⭐ Schatten-Deckkraft
⭐ Augenblinzeln
⭐ Kamerawackler
Wie man einfache fallende Blätter mit Keyframes erstellt:
[Beispiel, 8 Bilder/Sekunde, 24 Einzelbilder]
1. Zeichne deine Blätter in einer Kurve – zeichne sie so, als ob sie gerade mitten im Fallen wären.
2. Klicke auf [Keyframes für diese Ebene aktivieren]
3. Füge einen ROTATIONS- und POSITIONS-Keyframe in der Mitte der Animation hinzu – Einzelbild 13
——— Du fügst diesen Keyframe hinzu, damit du bereits weißt, dass ‚diese‘ Szene/Position die Mitte deiner Animation ist – wir haben sie speziell als Mitte der Aktion.
4. Gehe zu Einzelbild 1, drehe und positioniere deine Blätter, als ob sie von oben kämen.
*Es ist einfacher, wenn du zuerst ROTIERST und dann die POSITION anpasst, nachdem du die gewünschte Rotation erreicht hast.
5. Gehe zu Einzelbild 24, drehe und positioniere deine Blätter, als ob sie die Szene verlassen würden.
6. Wenn Blätter von den Seiten erscheinen und du die Keyframes nicht anpassen möchtest (weil dies auch die Geschwindigkeit der Animation ändert), verwende eine MASKE – dasselbe, was wir bei „SCHATTEN ANIMIEREN“ und „EFFEKTE: Fliegende und verblassende Funken“ gemacht haben.
Und so habe ich die Blätter gemacht!
Und selbst wenn du das Gesicht nicht animierst, verleihen die einfachen Animationen in der Umgebung und der Kamera der Illustration wirklich den Ton und die Emotion.
Das sieht sehr lang aus, ist aber eigentlich sehr einfach!
Nur mit Deckkraft spielen und dies und das ziehen.
Es ist eine einfache Animation, die deiner Illustration mehr Geschichte, mehr Gefühl verleiht.
Lichter und Schatten sind wirklich starke Elemente, die du nutzen solltest!
Ich hoffe, das hilft!
Ich hoffe auch, dass dies beim Arbeiten und Bearbeiten mit Keyframes hilft!
Vielen Dank fürs Lesen!
Dieser Beitrag gefällt
Kommentar