Einfache Zeichenanimation

3.445

Mana1057

Hallo!

Ich zeige Ihnen, wie Sie eine einfache Animation erstellen, ohne Ihre Zeichnung zu sehr zu zerschneiden oder zu zerstückeln. Ich werde den Großteil der Umgebung animieren, um die Stimmung der Animation zu erzeugen, ohne den Animationsprozess selbst zu sehr zu belasten.

Das endgültige Bild sieht so aus:

Ich werde zeigen, wie man Lichter, Schatten und Glanzlichter animiert.

Ich werde auch eine einfache Augenanimation und einige Kameraanimationen zeigen.

Wir werden mit KEYFRAMES arbeiten und ich werde Ihnen einige Tipps und Tricks zeigen, wie man sie verwendet!

Diese Animationen sind sehr einfach zu erstellen und sowohl auf der PRO- als auch auf der EX-Version von Clip Studio Paint anwendbar.

Ich werde für dieses Tutorial CLIP STUDIO PAINT PRO verwenden, Sie können auch EX verwenden, wenn Sie es haben.

Dies wird ein detaillierter Arbeitsablauf sein, ich entschuldige mich im Voraus für die Länge.

Lasst uns beginnen!

VORBEREITUNG

Nehmen Sie zunächst die Zeichnung zur Hand, die Sie animieren möchten.

Stellen Sie sich nun vor, was Sie in diesem Fall tun möchten, oder machen Sie einen Entwurf.

⭐ Ich möchte, dass die Pilze leuchten und vielleicht ein paar magische Sporen freisetzen.

⭐ Ich möchte, dass die Stereoanlage leuchtet

⭐ Und ich möchte, dass er blinkt

Wirklich einfache Animationen! Aber Sie müssen bedenken, dass Licht SCHATTEN erzeugt.

Und deshalb müssen wir auch hinzufügen

⭐ Schattenanimation

⭐ Und vielleicht Highlight-Animationen

Lasst uns mit der Animation beginnen!

ZEITPLAN

Öffnen Sie die Zeichnung, die Sie animieren möchten.

Gehen Sie dann zu unserer ZEITLEISTE. Wenn Sie Ihre Zeitleiste nicht finden können, finden Sie sie unter Fenster > Zeitleiste.

Klicken Sie nun auf [Neue Zeitleiste]

Die Einstellungen, die ich verwende, sind 8 Bilder pro Sekunde und 24 Wiedergabezeit

Bildraten geben an, wie viele Bilder pro Sekunde angezeigt werden, während Wiedergabezeit die gewünschte Dauer der Animation bestimmt.

Sie können [Wiedergabezeit/Bildrate = Sekunden] verwenden, also 24 Wiedergabezeit / 8 Bildrate sind 3 Sekunden.

Je höher die Bildrate, desto flüssiger ist die Animation.

ERINNERUNG: Clip Studio Paint PRO hat eine maximale WIEDERGABEZEIT von 24 Stunden, mehr ist nicht möglich. Wenn Sie eine längere Wiedergabezeit wünschen, empfehle ich die EX-Version.

Lasst uns mit der Animation beginnen!

>> Keyframe-Animation

Ich werde hierfür am häufigsten Keyframe-Animation verwenden.

Nur eine kurze Anmerkung dazu, was Keyframe-Animation ist:

Beim modernen oder digitalen Keyframing erstellen wir einen Start- und Endpunkt, ohne dass dazwischen Cels erstellt werden müssen.

Wenn Sie ein Keyframe von links beginnen und ein weiteres Keyframe nach rechts erstellen, müssen Sie keine Zwischenframes erstellen. Das erledigt es für Sie.

Je weiter die Keyframes voneinander entfernt sind, desto langsamer ist die Animation.

Je näher die Keyframes beieinander sind, desto schneller ist die Animation.

LICHTANIMATION – Sanfte Interpolation

Erstellen Sie eine [Neue Rasterebene] über Ihrer Zeichnung > benennen Sie diese in „Leuchtender Pilz“ um

Nehmen Sie jetzt Ihr [Farbverlauf]-Werkzeug > [Vordergrund zu transparent] > Halten Sie [ALT] auf Ihrer Tastatur gedrückt, um die Pipette zu verwenden und die gewünschte LICHTfarbe auszuwählen.

Oder nehmen Sie ein beliebiges Werkzeug, das als LICHT verwendet werden kann.

>> Kann ein normaler weicher Pinsel oder ein dekorativer Pinsel sein

Und klicken und ziehen Sie einfach Ihr Farbverlaufswerkzeug

Sie können jede beliebige FORM des Farbverlaufs verwenden, ich verwende [Kreis]

Ändern Sie Ihren MISCHMODUS in GLOW DODGE

TIPP: Farbig abwedeln, Hinzufügen, Hinzufügen (Glühen), Überlagern, Weiches Licht und Hartes Licht funktionieren auch.

Stellen Sie nun sicher, dass Sie sich in Ihrem TIMELINE-Bereich auf der Ebene „Glowing Mushroom“ befinden, und klicken Sie auf [Keyframes auf dieser Ebene aktivieren]

TIPP: Sie wissen, dass die Ebene nun Keyframe-bereit ist, wenn Sie nichts auf der Ebene malen oder löschen können. Außerdem erscheint „Transformieren“ im Ebenennamen.

⭐ KLICKEN Sie auf +, um es zu erweitern, und klicken/wählen Sie [Deckkraft] aus.

Überprüfen Sie auch Ihre Keyframe-Interpolation und stellen Sie sicher, dass Sie auf Glatte Interpolation eingestellt sind.

Jetzt ganz am Anfang Ihrer Zeitleiste, Frame 1 > Rechtsklick > [Keyframe hinzufügen]

⭐Dadurch wird der Anfang unserer Zeitleiste mit 100 % Deckkraft auf den leuchtenden Pilz gesetzt

Dann gehen wir vielleicht zu Frame 7, Sie können auch einen Deckkraft-Keyframe hinzufügen, indem Sie die Deckkraftleiste auf der Registerkarte Ebene verschieben

Fügen Sie weiterhin die gewünschten Keyframe-Animationen hinzu. Dies ist das Ergebnis, das ich erhalten habe

Frame 1, 13 und 24 haben eine Deckkraft von 100 %

Frame 7 und 18 haben eine Deckkraft von 23 %

TIPP: Sie können Ihren letzten Keyframe ganz ans Ende ziehen, um die Animation nahtlos zu gestalten.

Ich werde das unter „Keyframe Looping“ genauer erklären.

Jetzt sieht unser Bild so aus:

>> Keyframe-Schleife

Normalerweise besteht der Trick bei der Erstellung einer Loop-Animation darin, sicherzustellen, dass die erste Bewegung mit der letzten Bewegung übereinstimmt.

In diesem Fall arbeiten wir mit Keyframes, also müssen wir sicherstellen, dass unser erster und letzter Keyframe identisch sind.

Ich werde ziemlich oft erwähnen, dass Sie „Ihre letzten Keyframes an das Ende Ihrer Timeline ziehen“, und das soll Ihnen dabei helfen, eine nahtlose oder sich wiederholende Animation zu erstellen.**

Sehen Sie sich den allerersten Keyframe in der Timeline an, er liegt zwischen 0 und 1**

Es ist vorzuziehen, dass wir dasselbe auch mit dem letzten Keyframe machen, wenn wir eine Schleife erstellen möchten

Der Unterschied besteht darin, dass Sie den letzten Keyframe nicht bis ans Ende der Zeitleiste ziehen.

Es ist subtil, aber es stoppt am Ende für einen Frame.

Aber wenn wir den allerletzten Keyframe am Ende der Zeitleiste herausziehen,

bewegt er sich flüssiger, weil sie den gleichen Wert haben

⭐ Stellen Sie sicher, dass die Keyframes bei Frame 1 und Frame 24 die gleichen Werte haben

Bei Frame 1 haben wir die letzte Hälfte des ersten Keyframes

Dann haben wir bei Frame 24 die erste Hälfte desselben Keyframes

Wenn die Animation in einer Schleife läuft, sieht die Animation nahtlos aus

Wenn Sie Schwierigkeiten haben, den Keyframe zu greifen, den Sie ganz am Ende gezogen haben, verwenden Sie den GRAFIKEN-EDITOR und wählen Sie den Keyframe aus.

Sie können es an die gewünschte Stelle ziehen und auch löschen.

> Bearbeiten: Weitere Effekte hinzufügen

ZUSAMMENFASSUNG: Das ist das Ergebnis:

Was ist mit den anderen Pilzen??

Sollten Sie für diese auch neue Ebenen erstellen und erneut animieren?

NEIN! Wir können diese Ebene „Leuchtender Pilz“ immer noch bearbeiten!

Aber wenn Sie einfach so klicken, wird es Ihnen nicht gestattet.

🚫 Sie können diese Ebene nicht bearbeiten, da sie derzeit für Keyframing vorgesehen ist.

Wenn Sie auf dieser Ebene zeichnen möchten, müssen Sie [Keyframes auf dieser Ebene aktivieren] deaktivieren.

Klicken Sie auf das Symbol, um es zu deaktivieren.

KEINE SORGE!

Wir haben gerade das Keyframing deaktiviert. Sobald wir es wieder aktivieren, werden die Keyframes wieder angezeigt.

DENKEN SIE ABER DARAN, DIE EBENE NICHT ZU LÖSCHEN!

UND VERBINDEN SIE SIE NICHT MIT EINER ANDEREN EBENE - die Keyframes verschwinden, wenn Sie sie mit einer anderen Ebene verschmelzen

Holen Sie sich Ihr [Gradient]-Werkzeug oder ein beliebiges anderes Werkzeug, mit dem Sie weitere Glüheffekte hinzufügen möchten

Wenn Sie fertig sind, kehren Sie zur Registerkarte „Zeitleiste“ zurück und klicken Sie auf [Keyframe auf dieser Ebene aktivieren].

Und Ihre Keyframes sind immer noch da!

Jetzt sieht es so aus:

Bevor wir den Rest animieren, sprechen wir kurz über Keyframe-Interpolationen

>> Keyframe-Interpolationen

Keyframe-Interpolationen bestimmen, wie sich Ihre Keyframes oder Animationen bewegen.

Das ist wie das Dazwischen bei Cel-Animationen.

Ich werde für dieses Tutorial zwei Keyframe-Interpolationen verwenden, „Smooth“ und „Hold“.

Hier ist der Unterschied bei allen Interpolationen:

⭐Smooth – macht eine sanfte Bewegung, es bewegt sich im Grunde in einer Kurve – es sieht also so aus, als gäbe es einen Fluss, der es irgendwie ziemlich schneller, aber immer noch sanft macht.

⭐Linear – macht eine direkte Bewegung. Es hat keinen Fluss und bewegt sich mit derselben Geschwindigkeit. Es ist wie eine lineare Bewegung – direkt auf den Punkt.

⭐Hold – es bewegt sich von Keyframe zu Keyframe. Es hält den Keyframe zum nächsten Keyframe und zum nächsten.

Außerdem ändern Ihre Keyframes ihre Farbe, je nachdem, welche Interpolation Sie verwendet haben

„Smooth“ ist lila, „Linear“ ist grün und „Hold“ ist gelb

LICHTANIMATION – Interpolation halten

Lassen Sie uns dieses Mal mit der HOLD-Interpolation an den Stereolichtern arbeiten.

Erstellen Sie eine [Neue Rasterebene] > benennen Sie sie nach Wunsch um

*Ich habe sie „Lautsprecher“ genannt – mir ist ein Fehler unterlaufen! Es ist eine Boombox/Stereoanlage.

Nehmen Sie Ihren Pinsel, ich habe einen [Weichen Pinsel] verwendet und einfach Farben um den Bereich aufgetragen, der leuchten soll.

Ändern Sie den Mischmodus Ihrer Ebene in „Hinzufügen (Leuchten)“

TIPP: Sie können „Hinzufügen“, „Leuchten abwedeln“ und „Farbe abwedeln“ verwenden, wenn Sie möchten.

Klicken Sie nun auf [Keyframes auf dieser Ebene aktivieren], damit wir die Stereolichter animieren können.

Bitte ändern Sie die Keyframe-Interpolation von „Glatt“ auf „Halten“.

Jetzt fügen wir einen Keyframe zu FRAME 1 hinzu. Stellen Sie sicher, dass Sie sich auf DECKKRAFT befinden.

Es ist ziemlich subtil, aber es gibt eine Farbänderung, wenn Sie auf das Transformationsmenü klicken.

Setzen Sie einen Keyframe bei Frame 1; 100 % Deckkraft

Ändern Sie dann bei Frame 14 die Deckkraft auf 0 %

Frame 15 bei 100 % Deckkraft

Frame 16 bei 0 % Deckkraft

Wiederholen Sie dies so oft Sie möchten

Und wenn man es spielt, sieht es so aus

HOLD-Interpolationen HÄLT den Wert dieses Keyframes bis zum nächsten Keyframe

Im Gegensatz zur SMOOTH-Interpolation, bei der der Wert des Keyframes sanft bis zum nächsten Keyframe geändert wird

> Bearbeitung: Tonwertkorrektur

Angenommen, Ihnen gefällt die Farbe nicht – normalerweise gehen wir einfach zu Bearbeiten > Tonwertkorrektur > Farbton/Sättigung/Leuchtkraft, aber auf dieser Keyframe-Ebene können wir weder zeichnen noch eine Tonwertkorrektur vornehmen.

Wenn wir eine Tonwertkorrektur auf dieser Ebene durchführen möchten, müssen wir die Option [Keyframe auf dieser Ebene aktivieren] deaktivieren.

Und dann können wir die Farben mit Bearbeiten > Tonwertkorrektur > Farbton/Sättigung/Leuchtkraft bearbeiten.

Wenn Sie auf [Keyframe auf dieser Ebene aktivieren] klicken, sind die Keyframes immer noch vorhanden.

Und jetzt sieht es so aus:

Schatten animieren

Lassen Sie uns etwas Schatten animieren!

Dies ist der Schatten hinter der Figur. Während das Licht vor ihr leuchtet, wird ihr Schatten größer oder kleiner, je nachdem, wie groß das Licht vor ihr ist.

Erstellen Sie eine [Neue Rasterebene] unter Ihren LEUCHTENDEN Ebenen.

Benennen Sie sie in Schatten um > Stellen Sie diese Ebene auf MULTIPLY ein.

Lassen Sie den Schatten über das Zeichen überlappen.

Ich habe ihn für dieses Beispiel ROT gemacht, damit er sichtbar aussieht, habe ihn aber später in Grau geändert.

Stellen Sie erneut sicher, dass Ihre Ebene im MULTIPLY-Mischmodus ist.

Als Nächstes verwenden wir eine Maske. Klicken Sie auf [Ebenenmaske erstellen].

Dadurch wird der Bereich, den wir nicht möchten, ausgeblendet, ohne ihn vollständig zu löschen.

Und verwenden Sie einfach Ihren [Radiergummi], um den Bereich auszublenden, der nicht auf die Figur wirken soll.

Wenn Sie nicht sehen können, was Sie löschen, klicken Sie mit der rechten Maustaste (auf das Symbol der Maskenebene) > Maskenbereich anzeigen

Ich habe weiter gelöscht und das Ergebnis war:

Ich habe den ganzen Charakter maskiert, nur um sicherzugehen.

Um den Maskenbereich zu entfernen: Rechtsklick (auf das Maskenebenensymbol) > Maskenbereich anzeigen

Dadurch wird er deaktiviert.

Jetzt beginnen wir mit der Animation.

Stellen Sie sicher, dass Sie sich auf der Schattenebene befinden, klicken Sie auf der Zeitleistenregisterkarte auf [Keyframe auf dieser Ebene aktivieren].

Stellen Sie sicher, dass Sie Ihre Keyframe-Interpolation wieder auf GLATT ändern.

Erweitern Sie nun die Schattenebene und klicken Sie auf das Symbol >

Stellen Sie sicher, dass Sie sich auf POSITION befinden

Gehen Sie zu [Operationstool] oder drücken Sie O auf Ihrer Tastatur

Transformationspunkte sollten auf Ihrem Bildschirm erscheinen

Während bei Bild 1, wo das Licht groß ist,

Klicken Sie auf das Bild und ziehen Sie es ein wenig von der Figur weg - diagonal

Kopieren Sie diesen Keyframe und fügen Sie ihn ein, wenn das Licht groß ist; Frame 13 und Frame 24

Wenn das Licht dann klein ist (Bild 7), ziehen Sie den Schatten nach unten – diagonal.

Kopieren Sie dieses Keyframe und fügen Sie es in das andere Bild ein, in dem das Licht klein ist (Bild 19).

Und wenn Sie fertig sind, sieht es so aus:

> Bearbeitung: Überarbeitung der Maske

Schauen Sie sich den Schatten genau an – Sie können sehen, dass er den Stein auf der Rückseite und den Kiefer der Figur überlappt

Gleiche Bearbeitung wie zuletzt bei den LICHT-Animationen, mit ausgewählter Schattenebene, deaktivieren Sie [Keyframe auf dieser Ebene aktivieren]

Und wir können unsere Maske überarbeiten

Eine weitere Änderung, die ich gerne vornehmen würde, ist, den Schatten zu glätten.

Klicken Sie mit der rechten Maustaste auf die Maske > [Maske aktivieren] (oder deaktivieren Sie sie)

Klicken Sie dann mit [Alt] auf das Augensymbol der Ebene, um sie für eine Weile zu isolieren

Ich benutze einfach meinen Weichzeichnerpinsel, um die Schattierung zu glätten

Klicken Sie dann erneut mit [Alt] auf das Augensymbol der Schattenebene, und die Schattenebene ist nicht mehr isoliert.

Klicken Sie mit der rechten Maustaste auf die Maske > klicken Sie auf [Maske aktivieren]

Dann klicken wir auf [Keyframes auf dieser Ebene aktivieren], unsere Keyframes bleiben erhalten und als wir sie abgespielt haben...

EFFEKTE: Fliegende und verblassende Funken

Wir werden hier mehrere Transformationen verwenden, POSITION und OPACITY

Als nächstes machen wir ein paar Glitzer!

Erstellen Sie eine [Neue Rasterebene] > nennen Sie sie Glitzer > Stellen Sie den Mischmodus auf Hinzufügen (Leuchten)

Nehmen Sie jetzt Ihren Glitzerpinsel

Ich habe diesen Pinsel verwendet:

Und fügen Sie einfach etwas Glitzer hinzu

Als nächstes animieren wir das.

Klicken Sie auf [Keyframes auf dieser Ebene aktivieren]

Stellen Sie sicher, dass Sie die SMOOTH-Interpolation aktiviert haben.

Fügen Sie bei Frame 1 – Das Licht ist groß – einen Keyframe bei OPACITY – 100 % Opazität hinzu. Machen Sie dasselbe mit Frame 13 und 24, wo das Licht groß ist.

Wenn dann das Licht klein ist, Frame 7 – fügen Sie einen Keyframe bei OPACITY – 0 % Opazität hinzu.

Machen Sie dasselbe mit Frame 19, wo das Licht klein ist.

Und es sollte so aussehen:

Als nächstes arbeiten wir an der Bewegung, lassen die Funken nach oben gehen

Erweitern Sie die Funkeln-Ebene, indem Sie auf das Symbol > klicken

Stellen Sie sicher, dass Sie sich auf POSITION befinden

Bei Frame 1 ist das Licht groß, ziehen Sie das Funkeln nach oben

Ziehen Sie es nur ein kleines Stück, stellen Sie sich vor, es wäre die Mitte der schwebenden Animation Stellen Sie sicher, dass Sie sich auf [Operation Tool] befinden, um die Funkeln-Ebene ziehen zu können

Fügen Sie dem letzten Frame, Frame 24, denselben Keyframe hinzu – aber ziehen Sie dieses Mal den letzten Keyframe unbedingt an das Ende der Zeitleiste, damit die Animation flüssiger und nahtloser wird, wenn Sie eine Schleife erstellen möchten

Wenn das Licht nun schwach ist, Frame 7 – ziehen Sie Ihre Funken nach oben

Denken Sie daran, dass dies auch der Frame ist, in dem die Deckkraft bei 0 % liegt – im Grunde erstellen wir eine Animation, in der sie verschwindet, während sie nach oben ging.

Frame 8, Funken gehen nach unten.

Kopieren Sie die Keyframes von Frame 7 und Frame 8 und fügen Sie sie in Frame 17 und Frame 18 ein.

Der Vorgang und das Ergebnis sehen folgendermaßen aus:

Im Grunde haben wir Folgendes gemacht: Keyframe 1 und 24 sind die Mitte der Aktion

Keyframe 7 und 17 sind die Funkeln, die nach oben gehen

Keyframe 8 und 18 sind die Funkeln, die in die Ausgangsposition zurückkehren

Und jetzt sieht die Animation so aus:

> Bearbeiten: Weitere Sparkles hinzufügen

Dies ist dasselbe wie [Bearbeiten: Weitere Effekte hinzufügen]

Stellen Sie sicher, dass Sie sich auf der Sparkle-Ebene befinden, und deaktivieren Sie [Keyframes auf dieser Ebene aktivieren]

Und fügen Sie einfach Ihre Sparkles hinzu

Wenn Sie fertig sind, klicken Sie einfach auf [Keyframes auf dieser Ebene aktivieren] und die Keyframes sind immer noch da.

Jetzt sieht unsere Animation so aus:

Denken Sie daran, dass Sie immer noch zurückgehen und Ihre Keyframes überarbeiten können.

Beispiel: Sie möchten die Funken bearbeiten, weil sie viel zu schnell und zu hoch sind.

Stellen Sie sicher, dass POSITION ausgewählt ist und Sie sich am Keyframe befinden, den Sie bearbeiten möchten – ziehen Sie Ihre Funken, wie Sie möchten

> Bearbeiten: Einige Glitzerpartikel maskieren

Und das ist dasselbe wie [Bearbeiten: Maske überarbeiten]

Beachten Sie, dass einige Funken von den Pilzen viel zu weit nach unten gehen und andere zum Charakter.

Anstatt diese Funken zu löschen, maskieren wir sie einfach, damit sie in diesem Bereich nicht erscheinen.

Deaktivieren Sie Ihr Keyframing erneut, klicken Sie auf [Keyframe auf dieser Ebene aktivieren], damit wir es deaktivieren und an unserer Maske arbeiten können.

Klicken Sie auf [Ebenenmaske erstellen], wenn sie erstellt ist > Rechtsklick auf diese Maske > Maskenbereich anzeigen

[Maskenbereich anzeigen] - damit Sie sehen können, was Sie löschen.

Und wir können die Funken in diesem Bereich verbergen. Nehmen Sie Ihren Radiergummi und beginnen Sie, die Teile zu löschen/verbergen, die kein Funkeln haben sollen.

Wenn Sie fertig sind, deaktivieren Sie [Maskenbereich anzeigen] und aktivieren Sie erneut [Keyframes auf dieser Ebene aktivieren]

Die Keyframes sind geblieben und die Maske ist da

HIGHLIGHT-ANIMATION

Dies ist das Highlight auf der Figur und möglicherweise auch etwas hartes Licht auf den Hintergrundelementen.

Erstellen Sie eine [Neue Rasterebene] > benennen Sie sie in HIGHLIGHTS um > Stellen Sie den Mischmodus auf [Leuchten/Abwedeln]

TIPP: Sie können Farbig abwedeln, Hinzufügen oder sogar Hinzufügen (Glühen) verwenden.

Nehmen Sie einfach Ihren Pinsel und erstellen Sie einige Glanzlichter.

Ich verwende einen [Weichen Pinsel] mit 80-100 % Deckkraft und wechsle hin und her.

⭐ TIPP: Wenn Sie eine Abkürzung zum Erstellen von Glanzlichtern für die Figur brauchen – erinnern Sie sich an die Maske, die wir für die SCHATTEN-Animation erstellt haben? Die können wir verwenden.

Halten Sie [STRG] gedrückt und klicken Sie dann auf diese Maske – was passiert ist, ist, dass wir den WEISSEN Bereich ausgewählt haben, also invertieren wir ihn, um die Figur auszuwählen.

Klicken Sie auf [Ausgewählten Bereich umkehren] > und beginnen Sie, Ihre Glanzlichter hinzuzufügen.

Um der Umgebung oder den Felsen Glanzlichter zu verleihen, habe ich das Lasso-Werkzeug verwendet.

Treffen Sie eine Auswahl mit Ihrem Lasso-Werkzeug > und verwenden Sie einfach Ihren Pinsel zum Ausmalen.

– mildern Sie die Kanten bei Bedarf mit einem Weichzeichner-Pinsel*

Wenn Sie mit den Highlights fertig sind, animieren wir es

Klicken Sie auf [Keyframes auf dieser Ebene aktivieren]

Stellen Sie sicher, dass Sie die DECKKRAFT eingestellt haben – machen Sie die Animationen mit den LEUCHTENDEN PILZEN gleich

Frame 1, 13, 24 – 100 % DECKKRAFT

Frame 7 und 19 – 27 % DECKKRAFT (oder weniger)

Wenn Sie fertig sind, sieht die Animation nun folgendermaßen aus:

AUGENANIMATION

Für diese Augenanimation werde ich nur zwei Bilder/Frames verwenden:

⭐ AUGEN GEÖFFNET

⭐ AUGEN GESCHLOSSEN

Vor allem, weil dies eine 3-Sekunden-Animation ist, sehr kurz und nicht wahrnehmbar, und weil mein Charakter auch sehr kleine Augen hat.

Zuerst muss ich meine Augen trennen und die fehlenden Bereiche neu zeichnen.

Ich habe das Lasso-Werkzeug verwendet, um die Augen zu KOPIEREN und in eine andere Ebene einzufügen.

Dann gehe zurück zur Hauptillustrationsebene und beginne mit deinem Pinsel über das Auge zu malen, indem du den Hautton der Figur verwendest

Dann erstelle eine [Neue Rasterebene] und zeichne das AUGE NAH

Und jetzt haben wir sowohl Eye Open als auch Eye Close

Fügen Sie zwischen den Aktionen/Frames gerne noch mehr hinzu, wenn Sie möchten.

Sie können Keyframes oder sogar Animation Cels verwenden, um dies zu animieren.

Versuchen wir beides!

> Augenanimation – Animationszellen [Kopieren & Einfügen]

Animation Cel zeichnet Frame für Frame, um eine Animation zu erstellen.

Wie eine Daumenkino-Animation!

Wir werden in Cels KOPIEREN und EINFÜGEN

Erstellen Sie einen [Neuen Animationsordner] > benennen Sie ihn in EYES_ANIM_CEL

Stellen Sie sicher, dass Sie sich am Anfang Ihrer Zeitleiste befinden, und klicken Sie dann auf [Neue Animationszelle].

Eine leere Ebene mit der Bezeichnung 1 wird angezeigt.

Bevor wir mit dem Kopieren und Einfügen beginnen, gehen Sie zu [Datei] > [Einstellungen] > [Animation]

Ändern Sie So fügen Sie in Cels ein – stellen Sie sicher, dass In ausgewählte Ebene einfügen aktiviert ist

Klicken Sie auf OK, wenn Sie FERTIG sind!

So wird das Kopieren und Einfügen einfacher

Zum Kopieren - machen Sie die Ebene „AUGEN ÖFFNEN“ sichtbar > holen Sie sich Ihr Lasso und wählen Sie > STRG C zum Kopieren

Zum Einfügen - Gehen Sie zu Ihrem Animationsordner > Cel 1 > Fügen Sie es dort ein

Und machen Sie dasselbe mit der nächsten Cel: Augen schließen

(Stellen Sie sicher, dass Sie sich im Ordner Animation befinden)

Wählen Sie Ihren Rahmen aus > Erstellen Sie eine [Neue Animations-Cel] > eine neue Cel mit der Bezeichnung 2 wird angezeigt

KOPIEREN - AUGEN SCHLIESSEN

EINFÜGEN - in Cel 2

Ich möchte, dass er noch ein bisschen weiterblinzelt, also fügen wir die gleiche Animation den nächsten Bildern hinzu.

Weisen wir diese Zellen der nächsten Animation zu.

Stellen Sie sicher, dass Sie sich im nächsten Bild ohne Zelle befinden.

Gehen Sie zu [Animation] > [Spur bearbeiten] > [Mehrere Zellen zuweisen]

Für dieses Beispiel sind diese Einstellungen in Ordnung

Wenn Sie wissen möchten, was all diese Einstellungen bedeuten, empfehle ich Ihnen, den folgenden Link zu überprüfen

Wenn Sie auf OK klicken, wird eine Kopie von Cel 1 und 2 angezeigt.

Wir haben Cel 1 und 2 grundsätzlich so zugewiesen, dass sie in den nächsten Frames erscheinen.

Am Ende der Animation möchte ich, dass er seine Augen öffnet, also klicke auf [Cel dem Frame zuweisen]

Wähle Ebene 1 – das sind unsere geöffneten Augen – und klicke dann auf OK

Und wir haben unsere kleine Augenanimation mit Cels

> Augenanimation – Keyframes

Wenn Sie Keyframes verwenden möchten, spielen Sie im Grunde mit der Deckkraft der Ebenen Auge offen und Auge geschlossen.

Um die Übersicht zu behalten, legen Sie Ihre Ebenen „Augen offen“ und „Augen geschlossen“ in einen Ordner.

Wählen Sie Ihre Ebenen „Augen offen“ und „Augen geschlossen“ aus und klicken Sie einzeln auf [Keyframes auf dieser Ebene aktivieren]**.

Ändern Sie außerdem Ihre Keyframe-Interpolation in HALTEN

Sie können jede beliebige Keyframe-Interpolation verwenden, ich bevorzuge jedoch HALTEN bei AUGEN-Animationen, um sicherzustellen, dass zwischen den Frames keine Änderungen vorgenommen werden.

Wählen Sie ein Bild aus, bei dem Sie das Blinken starten möchten. Ich gehe zu Bild 15.

Fügen Sie bei beiden ein Keyframe hinzu:

Augen geschlossen – 0 % Deckkraft

Augen geöffnet – 100 % Deckkraft

Nächstes Bild, Bild 16

Augen geschlossen – 100 % Deckkraft

Augen geöffnet – 0 % Deckkraft

Sie können das so oft wiederholen, wie Ihre Figur blinken soll, oder einfach die Keyframes auswählen > Rechtsklick > KOPIEREN > Zum nächsten leeren Frame wechseln > Rechtsklick > Einfügen

Stellen Sie sicher, dass Sie dasselbe mit dem anderen Auge machen.

Wenn Sie fertig sind, sieht es so aus:

Unsere Animation sieht folgendermaßen aus:

Kameraanimation

Dieser Schritt ist optional!

Wir werden eine 2D-Kamera hinzufügen, das ist Ihre Kamera!

Sie können damit in Ihre Animation hinein- und herauszoomen, sie drehen und schwenken und wir werden Keyframes verwenden, um sie zu bearbeiten.

Um eine Kamera hinzuzufügen, gehen Sie zu [Animation] > [Neue Animationsebene] > [2D-Kameraordner]

Auf der Registerkarte „Ebenen“ wird ein Ordner mit der Bezeichnung „Kamera 1“ angezeigt > legen Sie alle Ihre Ebenen, im Grunde alle Ihre Animationsebenen, dort oben ab.

Sie können Ihre Kameratransformationen in der Zeitleiste erweitern oder die Operation > Objektwerkzeugeigenschaft verwenden.

Ich versuche es nur mit etwas Einfachem, wie Kamerawackeln, aber nicht extrem.

Beim [Skalierungsverhältnis] habe ich es um 3 Werte vergrößert – also 97.0

Ein Keyframe wird angezeigt, weil Sie die Werte geändert haben. Sie können diesen Skalierungs-Keyframe löschen, weil wir die Skalierung nicht animieren werden.

Klicken Sie dann auf [Position] > ziehen Sie das Transformationsfeld an das untere rechte Ende des Bildschirms, weg von meiner Figur.

Sobald Sie die Kamera bewegt haben, sollte ein Keyframe hinzugefügt werden.

Kopieren Sie diesen Keyframe, klicken Sie auf den Keyframe, halten Sie [ALT] gedrückt und ziehen Sie ihn dann zu dem gewünschten Frame. Ich habe ihn zu Frame 24 gezogen.

Ziehen Sie dann diesen End-Keyframe ganz ans Ende der Zeitleiste.

Für die mittlere Animation gehen Sie zu Frame 13

Stellen Sie sicher, dass Sie sich im Operationstool > Objekt befinden > Klicken Sie auf das Transformationsfeld und ziehen Sie 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 die gleiche Richtung auf und ab geht

Wenn Sie es spielen, sieht es so aus:

Das blaue Quadrat, das Sie sehen, ist die Bewegung der Kamera.

Wenn Sie sehen möchten, wie der Blickwinkel der Kamera aussieht,

Gehen Sie zu Ihrem [Operationstool] > unter [Objekt] > schauen Sie in die Tool-Eigenschaft

Anzeigemodus:

Standardmäßig sind wir bei Feldführungen anzeigen

Sie können das in Sichtfeld der Kamera anzeigen ändern.

Jetzt sehen wir, was unsere Kamera sieht!

Animation exportieren

Endlich exportieren wir unsere Arbeit!

Sie können dies in jedes gewünschte Format exportieren, für dieses Beispiel verwende ich GIF

Gehen Sie zu [Datei] > [Animation exportieren] > [Animiertes GIF]

Füllen Sie die Exporteinstellungen entsprechend Ihren Anforderungen oder Ihrem Zeitplan aus.

Für die Exportoption: Dithering

Dithering ist die Abstufung von Farben.

⭐ Aktivieren Sie Dithering, Sie erhalten einen Farbverlauf oder eine sanfte Schattierung der Farben

⭐ Deaktivieren Sie Dithering, Sie erhalten Flecken mit unterschiedlichen Farbtönen

Schlussbemerkung

Danke, dass Sie bis hierher gelesen haben!!

Die fertige Animation sieht folgendermaßen aus:

Die Kamera ist optional, ohne Kamera sieht es so aus:

Sieht immer noch toll aus!

Hier ist ein weiteres Beispiel für die gleiche Technik

⭐Animiertes Licht und Glanzlichter

⭐ Einige Funken/fliegender Staub

⭐ Schattenopazität

⭐ Augenblinzeln

⭐ Kamerawackeln

So erstellen Sie einfache fallende Blätter mithilfe von Keyframes:

[Beispiel, 8fps 24 Frames]

1. Zeichnen Sie Ihre Blätter in einer Kurve – zeichnen Sie sie, als ob sie gerade fallen würden.

2. Klicken Sie auf [Aktivierte Keyframes auf dieser Ebene]

3. Fügen Sie in der Mitte der Animation einen ROTATE- und POSITION-Keyframe hinzu – Frame 13

——— Sie fügen diesen Keyframe hinzu, damit Sie bereits wissen, dass „diese“ Szene/Position die Mitte Ihrer Animation ist – wir haben das speziell als die Mitte der Aktion gezeichnet.

4. Gehen Sie zu Frame 1, drehen und positionieren Sie Ihre Blätter, als kämen sie von oben.

*Es ist einfacher, wenn Sie zuerst DREHEN und dann die POSITION anpassen, nachdem Sie die gewünschte Drehung erreicht haben.

5. Gehen Sie zu Frame 24, drehen und positionieren Sie Ihre Blätter, als würden sie die Szene verlassen.

6. Wenn einige Blätter von den Seiten erscheinen und Sie die Keyframes nicht anpassen möchten (weil sich dadurch auch die Geschwindigkeit der Animation ändert), verwenden Sie MASKE – dasselbe, was wir mit „SCHATTEN ANIMIEREN“ und „EFFEKTE: Fliegende und verblassende Glitzereffekte“ gemacht haben.

Und so habe ich die Blätter gemacht!

Und selbst wenn Sie das Gesicht nicht animieren, bestimmen die einfachen Animationen der Umgebung und der Kamera den Ton und die Emotion der Illustration.

Das sieht sehr lang aus, ist aber eigentlich ganz einfach!

Spielen Sie einfach mit der Deckkraft und ziehen Sie dies und das.

Es ist eine einfache Animation, die Ihrer Illustration mehr Geschichte, mehr Gefühle verleiht.

Licht und Schatten sind wirklich starke Elemente, die Sie nutzen sollten!

Ich hoffe, das hilft!

Ich hoffe auch, dass dies beim Arbeiten und Bearbeiten mit Keyframes hilft!

Danke fürs Lesen!

Dieser Beitrag gefällt