Einfache Animation im traditionellen Tintenstil aus einer Illustration

4.898

viciaia

viciaia

Lassen Sie uns Ihrer Illustration etwas Nostalgie-Feeling verleihen, indem wir schüttelnde Tinte darauf hinzufügen, als ob sie wiederholt gezeichnet würde, um eine Animation im alten Stil zu erstellen. Dies kann eine gute Idee für eine Storytelling-Animation oder eine Flashback-Szene sein. (^_^)

Es ist sehr einfach, aus einer einzigen Illustration zu erstellen und benötigt nur wenige Keyframes. Sie können es auch mit der Clipstudio Paint Pro-Version erstellen, die eine Frame-Beschränkung auf 24 Frames hat.

Videoanleitung

Teil 1: Bereiten Sie Ihre Illustration vor

Hier ist der Prozess, den ich für meine Illustration vorbereitet habe, die in diesem Tutorial verwendet wurde.

Um diesen Effekt zu erzielen, muss Ihre Grafik einen Umriss auf der Vektorebene aufweisen. Wenn Sie diesen Effekt auf Ihre Illustration anwenden möchten, die nicht auf die Vektorebene eingefärbt wurde, müssen Sie sie möglicherweise entwerfen, bevor Sie mit dem nächsten Vorgang fortfahren.

 

Erstellen Sie eine neue Vektorebene und zeichnen Sie einfach alle Umrisse mit dem G-Pen darauf.

 

[Optional] Ich zeichne die Papierturbine auf eine separate Ebene für die spätere Rotationsbewegung.

Weitere Informationen zum Arbeiten mit der Vektorebene. Überprüfen Sie mein Tutorial:

Stellen Sie sicher, dass Sie Teile für die Animation gruppieren, wenn Sie später weitere Bewegungen ausführen möchten, um Verwirrung zu vermeiden.

Teil 2: Verwandeln Sie Ihre Tinte in einen traditionellen Tintenstil

Der Schlüssel zum Erstellen eines traditionellen Looks für Ihre Kunst besteht darin, Ihrer Tinte und Farbe etwas Textur zu verleihen.

Sie können den Pinsel mit der Einstellung in der unteren rechten Ecke des Werkzeugeigenschaftsfensters für ein stärker strukturiertes Aussehen anpassen. Das Popup-Fenster für zusätzliche Pinseleinstellungen wird angezeigt.

Wenn Sie ein mehr (oder weniger) grobes Aussehen wünschen, können Sie die [Stärke] der Pinselspitze und die [Abstand] des Pinselstrichs anpassen.

Ich erstelle eine neue Rasterebene und mache einige Strichtests auf der Leinwand, um die bevorzugte Einstellung zu finden.

Wenn Sie die Anpassung des Pinsels abgeschlossen haben, klicken Sie auf das Symbol für den duplizierten Pinsel, um eine Kopie des Pinsels mit dieser Einstellung zu erstellen.

Wählen Sie den Pinsel [Texturstift] aus und setzen Sie ihn mit dem Zurücksetzen-Symbol im Werkzeugeigenschaftenfenster auf die Standardeinstellung zurück. Dies vermeidet Verwirrung, wenn Sie den Standardpinsel erneut verwenden müssen.

Im nächsten Schritt werden wir diesen Pinsel auf unsere Tintenvektorebene anwenden.

 

Wählen Sie den neuen Pinsel aus und klicken Sie auf das Symbol für zusätzliche Einstellungen.

 

Gehen Sie im Detailbereich des Unterwerkzeugs zu Pinselform> Zur Voreinstellung hinzufügen

Wählen Sie auf der Vektorebene für die Tinte aus, und mit [Objektwerkzeug] können Sie die Tinteneinstellung im Bedienfeld [Werkzeugeigenschaften] sehen.

Sie können die Tintenfarbe und die Pinselform in diesem Bedienfeld ändern

Wenn Sie auf die Option Pinselform klicken, können Sie den registrierten Pinsel sehen, auswählen und der Pinsel wird sofort auf die Vektortinte angewendet.

Sie können mit dieser Option auch die Pinselgröße und die Pinseldynamik anpassen

Um mehr über die Pinseldynamik zu erfahren. Sehen Sie sich hier mein Tutorial über traditionelles Einfärben an:

Hier finden Sie auch die Option zur Tintenanpassung.

Passen Sie den [Abstand]-Wert des Strichs an, damit der Tintenfluss gleichmäßiger aussieht

 

Sie müssen die erste Option für die [Lücke] auswählen, um die Balkenanpassung zu aktivieren.

 

Die Anpassung kann jedoch einige Bereiche aufweisen, die unordentlich aussehen (Es hängt davon ab, wie Sie mit der Tinte arbeiten, je sauberer Strich die Anpassung erleichtert)

Die Korrektur ist mit dem Werkzeug [Linienstärke anpassen] im Unterwerkzeug [Linie korrigieren] einfach

Sie können die Tintenfarbe auch ändern, indem Sie die Farbe im Farbkreis auswählen.

 

[Optional] Ich wende den Weichzeichnungseffekt auch auf Farbebenen an, damit sie weicher aussehen.

 

Wählen Sie alle Farbebenen aus, klicken Sie mit der rechten Maustaste und führen Sie sie zusammen

 

Dann verwischen Sie es mit dem Menü [Filter> Unschärfe> Gaußsche Unschärfe]

Teil 3: Erstellen Sie einen animierten Tinteneffekt

Traditionell erstelle ich die Animation in diesem Stil so. Das Leben, bevor ich die Vektorebene kenne, ist für mich eine zeitaufwändige Aufgabe. Ich füge immer diese kleine Bewegung der Wiederholungslinie hinzu, damit die sich nicht bewegende Szene interessant aussieht.

Je mehr Bilder pro Sekunde Sie geben, desto schneller werden die Bewegungen. Manchmal passt der langsamere Satz mehr zum Thema der Geschichte.

 

Klicken Sie im Zeitleistenfenster auf das Symbol Neue Zeitleiste erstellen. (Wenn Sie dieses Bedienfeld nicht haben, können Sie es unter [Fenster > Zeitleiste] öffnen.)

 

Wenn Sie die Clipstudio Paint Pro-Version verwenden, ist die Wiedergabezeit auf 24 Frames begrenzt.

Dies bedeutet, dass Sie die Bildrate auf 1 fps einstellen können und Ihre Animation für 24 Bilder bis zu 24 Sekunden dauern kann.

 

2 fps für 24 Bilder = 12 Sekunden

4 fps für 24 Bilder = 6 Sekunden

8 fps für 24 Bilder = 3 Sekunden

12 fps für 24 Bilder = 2 Sekunden

 

Ich empfehle immer 4-8 fps für GIF-Animationen, und 1-2 fps werden für den Kunstprozess empfohlen, der Animationen zeigt.

 

Erstellen Sie einen neuen Animationsordner.

Ziehen Sie die Tintenebene in den Animationsordner.

 

Doppelklicken Sie, um die Ebene umzubenennen (Dies ist optional, aber ich empfehle dies, da beim Duplizieren der Ebene auch die Bestellnummer für die Ebenen generiert wird)

Weisen Sie den Keyframe der Leinwand zu, indem Sie den Animationsordner auswählen und auf das Symbol für die Auswahl der Ebene klicken (oder mit der rechten Maustaste auf die Zeitachse klicken, um sie festzulegen).

Duplizieren Sie die Ebene, indem Sie sie auf das Symbol [Neue Ebene] ziehen. Die Ebenennummer wird automatisch generiert.

Legen Sie fest, dass die Ebene auf der Timeline angezeigt wird.

Wählen Sie die Ebene mit dem [Objekt]-Werkzeug aus und passen Sie die Tinte so an, dass sie sich vom Originalrahmen unterscheidet.

Die Hauptoptionen, die ich immer verwende, um die Tinte einzustellen, sind:

Schlaganfall > Lücke

Pinselspitze > Dicke / Winkel

 

Duplizieren Sie, um das dritte Bild zu erstellen, und wiederholen Sie die Schritte zur Tintenanpassung

 

(Ich habe die Bestellung zufällig gemacht, um Wiederholungsmuster zu vermeiden, aber dies ist optional)

 

Jetzt können Sie einige Fehler auf der Tinte bekommen.

 

Aber es sieht noch nicht nach der auf der Szene gezeichneten Wiederholung aus.

 

Damit es eher wie eine Wiederholungszeichnung aussieht, passen Sie die Linienstärke des Freihand-Keyframes mit dem Werkzeug [Linienbreite anpassen] im Unterwerkzeug [Korrekturlinie] an.

 

Hinweis: Aktivieren Sie die Option [Ganze Zeile verarbeiten] nicht, damit sie nur in dem Bereich angezeigt wird, auf dem Sie die Korrektur malen.

 

Verwenden Sie das Werkzeug [Pinch vector line], um die Linie etwas aus ihrer ursprünglichen Position heraus zu biegen

 

[Wichtig] Nur ein bisschen!!

 

Noch ein Hinweis: Ich bevorzuge den Modus [kein festes Ende], damit sich die Linie frei bewegen kann.

 

Wiederholen Sie es für jeden Keyframe und Sie können den sehr einfachen Effekt mit geschüttelter Tinte für Ihre Kunst erhalten !!

Teil 4: Animation mit Tinteneffekt

In diesem Schritt werde ich der Szene etwas mehr Bewegung hinzufügen, z. B. Papierturbine und Augenzwinkern.

 

Dateiobjekt für die Papierturbine erstellen, Rechtsklick auf den Ebenenordner und [Dateiobjekt > Ebene in Dateiobjekt konvertieren]

 

Stellen Sie den Bereich auf [Zeichenbereich] ein und speichern Sie dann die Datei.

Öffnen Sie das Dateiobjekt. Das Bild wird am Ebenenrand beschnitten

Fügen Sie einen Bereich für den vorgestellten Kanteneffekt hinzu, gehen Sie zu [Bearbeiten> Leinwandgröße ändern]

Wenn Sie zu jeder Dimension 20 Pixel hinzufügen, können Sie auch die Vorschau zusätzlicher Kanten sehen.

Wenden Sie den Unschärfeeffekt auf die Farbebene an. Durch den zusätzlichen Bereich der Leinwand kann sich der Unschärfebereich ausbreiten.

Wenden Sie die Tintentextur mit dem [Objekt]-Tool an

Speichern Sie die Datei und kehren Sie zum Originalbild zurück. Sie können sehen, dass die Tinte der Turbine nicht zur Gesamtzeichnung passt.

Um die Arbeit mit der Tintenanpassung zu erleichtern, ziehen Sie das Canvas-Bedienfeld und docken Sie es an der Seite an.

Jetzt können Sie die Tinte bearbeiten und sie wird beim Speichern in der Turbinendatei auf dem Originalbild angezeigt. (Verwenden Sie Strg+S, um Zeit zu sparen)

Erstellen Sie eine neue Zeitachse und wiederholen Sie die Schritte zum Erstellen einer Tintenanimation.

 

Hinweis: Stellen Sie sicher, dass die Bildrate mit der des Hauptbilds übereinstimmt.

 

Die Animation wird jedoch nicht auf dem Hauptbild angezeigt (da es das Objekt als nicht animiertes Objekt speichert), müssen Sie es erneut als animiertes Dateiobjekt importieren.

 

Gehen Sie zu [Datei > Importieren > Dateiobjekt erstellen] und wählen Sie die Turbinendatei aus.

 

Verschieben Sie die Datei mit dem [Objekt]- oder [Verschieben]-Werkzeug an ihre Position. Löschen Sie dann die alte Objektdatei.

Die Tintenanimation für die Turbine wird auf dem Hauptbild angezeigt

Fügen Sie der Turbine die Rotationsbewegung hinzu, wählen Sie die Objektebene aus und aktivieren Sie den Ebenen-Keyframe.

Setzen Sie den Keyframe-Typ auf [Lineare Interpolation] und fügen Sie ihn am Anfang und am Ende der Timeline hinzu.

Sie können den Rotationswert für den Keyframe festlegen, indem Sie ihn mit dem [Objekt]-Werkzeug auswählen und den Wert im [Werkzeugeigenschaft]-Bedienfeld anpassen.

Hier bewegt sich die Turbine gegen den Uhrzeigersinn:

Der erste Keyframe wird also auf 360 Grad gesetzt und der letzte Frame kann auf 90-Grad-Schritte gesetzt werden: 270, 180, 90, 0 (da die Turbine an 4 Seiten symmetrisch ist, wird also alle 90 Grad das gleiche Bild angezeigt es dreht sich)

Wenn Sie es schnell drehen möchten, setzen Sie das letzte Bild auf 0, es wird in 6 Sekunden um 360 Grad gedreht. (Bildrate 4)

 

In meinem letzten Tutorial habe ich die Rotation genauer erklärt:

Ziehen Sie den letzten Keyframe etwas zurück, um den Lückenframe zwischen der Schleife zu entfernen.

Und fertig ist die Turbine!!

Erstellen Sie für die Augen einen neuen Animationsordner und wenden Sie die Tintenanimation wie eine andere Tinte an

Für blinkende Animation. Zeichne extra 2 Rahmen dafür

Aktivieren Sie die Zwiebelschale zum einfachen Zeichnen des Keyframes

Für die Farbe der Augen habe ich sie in einen separaten Animationsordner gelegt, da sich die Farbe nur beim Blinzeln ändert, der Rest eines anderen Keyframes sind alle gleich.

Wiederholen Sie den Keyframe, um die Tintenanimation zu erstellen

Ich wiederhole diesen Schritt auch mit Katzenblinzeln ^w^)/

 

Hier ist das Ergebnis, eine sehr einfache traditionelle Tintenanimation

 

Wenn Sie das Gefühl haben, dass die Bewegung zu langsam für Sie ist, können Sie die Framerate Ihres Kunstwerks ganz einfach ändern, indem Sie auf [Animation > Timeline > Change frame rate] gehen.

Überprüfen Sie nicht, ob die Gesamtzahl des Rahmens geändert wird

Wichtig: Sie müssen auch die Bildrate des animierten Objekts in der Szene ändern.

Das Ergebnis mit Framerate: 8 Bilder pro Sekunde

Teil 5 : Der letzte Schliff mit Papierstruktur und Kameraeffekt

In diesem Schritt wenden wir mehr Effekte auf die Illustration wie Aquarellpapier und Kameraverwacklungen an, damit sie eher wie handgemalte Keyframes aussieht.

Legen Sie die Papierstruktur auf den Bildschirm. Hier verwende ich die Standardstruktur von Clipstudio: Zeichenpapier. Wenn Sie jedoch mit dem Standardmaterial nicht zufrieden sind, finden Sie in Clipstudio-Assets viele Papierstrukturen.

 

Sie finden die Zeichnungspapierstruktur im Materialbedienfeld. Ziehen Sie das Asset einfach per Drag & Drop auf die Leinwand.

 

(Stellen Sie sicher, dass Sie die oberste Ebene auswählen, bevor Sie das Material auf die Leinwand ziehen, damit die Textur über allen Ebenen erscheinen kann)

 

Ändern Sie die Größe des Materials mit dem [Objekt]-Werkzeug

 

Ändern Sie den Mischmodus der Ebene, hier verwende ich den Modus [Linearer Brennen], um den Schatten der Textur auf dem Bild zu vermischen. Passen Sie dann die Deckkraft an, um sie heller zu machen.

Die Texturfarbe ist standardmäßig in Graustufen. Dadurch kann der Farbton des Bildes zu dunkel werden.

Ändern Sie die Ebenenfarbe der Textur, damit sie natürlicher aussieht.

 

Klicken Sie auf das Symbol [Ebenenfarbe], wählen Sie die hellere Farbe (als Schwarz) und wenden Sie sie auf das Bedienfeld [Ebeneneigenschaften] an

 

Geben Sie dem Papier auch etwas Bewegung, erstellen Sie einen neuen Animationsordner und legen Sie die Texturebene hinein. (ich benenne es auch um)

Duplizieren Sie die Texturebene und bewegen/drehen Sie das Objekt, um die Textur zu bewegen.

Passen Sie auch die Deckkraft an, um einen leichten Glitch-Effekt zu erzielen.

Sie müssen den Mischmodus für den Animationsordner auf [Durch] setzen, um den Mischeffekt der Ebene auf die Leinwand anzuwenden. Wenn Sie es nicht festlegen, wird die Ebene auf dem Bildschirm als Mischmodus [Normal] angezeigt.

Wiederholen Sie den angezeigten Keyframe.

Leichtes Rauschen der Papierstruktur hinzugefügt

Ziehen Sie die Ebene für einen zusätzlichen Lichteffekt auf das Symbol [Neuer Ordner]. (oder drücken Sie [Strg+g])

Sie müssen auch den Mischmodus des Ordners auf [Durch] einstellen.

Im Ordner können Sie eine mit Farbe gefüllte Ebene hinzufügen und den Modus auf [Hinzufügen (Glühen)] einstellen, um zusätzliches Licht auf den Bildschirm zu bringen

Um die Vignette hinzuzufügen, erstellen Sie eine neue Ebene und malen Sie die Kante mit weicher Airbrush

Stellen Sie den Ebenenmischmodus auf [Linear Burn] und passen Sie die Deckkraft an

Sie erhalten einen einfachen Vignette-Effekt (dunkle Ecke)

Um eine verwackelte Kamera zu erstellen, erstellen Sie einfach einen neuen 2D-Kameraordner und legen Sie alle Ebenen hinein.

Passen Sie die Kamera ein wenig (nur ein wenig) auf der Timeline an, um einen Fehler in der Kamera zu erzeugen

(der Keyframe wird automatisch auf der Timeline des Kameraordners erstellt)

 

Sie können zur realen Kameraansicht wechseln, indem Sie auf dieses Symbol klicken

 

Optional: Sie können auch später mit dem weichen Airbrush- und Ebenenmodus [Add(Glow)] im Kameraordner einen zusätzlichen Lichteffekt hinzufügen add

Sie können auch den Keyframe der Ebene aktivieren und die Deckkraft des Effekts anpassen, um Variationen des Lichtvolumens zu erzeugen.

Fertig!!

Sie können den Farbton auch einfach ändern, indem Sie die Korrekturebene [Farbverlaufskarte] verwenden.

Sie können den Farbverlauf selbst anpassen oder die Voreinstellung auswählen, um den Farbton des Bildes zu ändern.

Passen Sie die Deckkraft nach unten an, um die Effektfarbe zu reduzieren. Der Effekt wird auf alle darunter liegenden Ebenen angewendet

Alter Filmmodus in 10 Sekunden fertig ^^

Sie können auch mehr über die Verlaufskarte in meinem Tutorial erfahren:

Ich hoffe, mein Tutorial gibt Ihnen eine Vorstellung davon, wie Sie Ihre Kunst präsentieren können. Mit nur wenigen Bearbeitungen müssen Sie den Keyframe nicht wiederholt zeichnen ^ ^

 

Viel Spaß beim Animieren und bitte bleiben Sie gesund und sicher, bis zum nächsten Tutorial.

Kommentar

Neu

Neu! Offizielle Tutorials