Einführung und Tutorial im Videoformat

In diesem Tutorial zeige ich Ihnen drei Möglichkeiten, wie Sie lustige animierte Effekte erstellen können, um Ihrer Kunst in Clip Studio Paint ein wenig Magie zu verleihen.

 

Ich werde die Erstellung dieser Blitz-, Feuer- und Funkel-Effekte behandeln, wobei jeder eine andere Art der Animation verwendet.

Hier ist das Tutorial im Videoformat. Eine vollständige Textversion finden Sie auch unten!

Wenn Sie eine Einführung in die Animation in Clip Studio Paint benötigen, schauen Sie sich mein Animation Overview-Tutorial an. Wenn Sie nicht sicher sind, wie Sie eine Animation für ein vorhandenes Kunstwerk einrichten, habe ich auch dafür ein Tutorial!

Elektrizität: Frame-by-Frame-Animation

Beginnen wir mit der Animation von Blitzen, Bild für Bild.

 

Dies ist eine meiner Illustrationen, die einen Zentauren darstellt, der die Kraft des Blitzes nutzt!

"Sturmkrieger" (2013) von Sarrah Wilkinson, AKA MsRedNebula

 

 

Hier habe ich die Effektebene entfernt und den Rest abgeflacht.

Ich erstelle eine neue Zeitleiste mit einer Bildrate von 6 und einer Wiedergabezeit von 6 Bildern.

 

HINWEIS: Wenn Sie das Zeitleisten-Panel nicht sehen, gehen Sie zum Menü Fenster und klicken Sie auf Zeitleiste.

Zuerst erstelle ich eine Ebene über meinem Kunstwerk, auf der ich einige Hilfslinien zeichne.

 

Das Festlegen einer Ebene als Entwurfsebene gibt ihr einen schönen visuellen Hinweis darauf, dass es sich um eine Arbeitsebene handelt, mit einem Bleistiftsymbol auf der rechten Seite und einem hellblauen Balken auf der linken Seite. Es bedeutet auch, dass sie nicht mit der Animation exportiert wird, selbst wenn ich vergesse, diese Ebene später auszublenden.

Unter dem Formwerkzeug wähle ich das Unterwerkzeug Ellipse und ändere diese Einstellungen:

 

Linie/Füllung: Linie erstellen

Seitenverhältnis-Typ: ☑ Aktiviert, mit der Option Angegebenes Verhältnis – Dies erzeugt immer einen perfekten Kreis.

 — Möglicherweise müssen Sie auf das Pluszeichen klicken und B: 1 und H: 1 angeben

Von der Mitte aus starten: ☑ Aktiviert

 — Wenn Sie diese Option nicht sehen, öffnen Sie die Unterwerkzeug-Details-Palette, indem Sie auf den Schraubenschlüssel in der Ecke klicken. Die Option „Von der Mitte aus starten“ finden Sie unter Formoperation. Klicken Sie auf das Augensymbol daneben, um es in Ihren Werkzeugeigenschaften anzuzeigen.

Winkel nach Fixierung anpassen: ☐ Deaktiviert

 

Die oben genannten Optionen ermöglichen es Ihnen, schnell und einfach einen Kreis von der Mitte aus zu zeichnen. Die anderen Optionen, wie die Pinselgröße, hängen von der Größe Ihres Kunstwerks ab.

 

HINWEIS: Das Formwerkzeug kann ein anderes Symbol anstelle eines Kreises anzeigen, je nachdem, welches Werkzeug Sie zuletzt verwendet haben. Es kann stattdessen wie ein Quadrat, eine Linie oder ein Polygon aussehen. Es ändert sich zu einem Kreis, wenn Sie das Unterwerkzeug Ellipse auswählen.

Wählen Sie Weiß im Farbrad aus.

Zeichnen Sie einen Kreis als Hilfslinie dafür, wo die Blitzkugeln erscheinen werden.

Ich reduziere auch die Deckkraft der Hilfslinien-Ebene auf 25 %, damit sie nicht stört.

Fügen Sie auf der Zeitleiste einen neuen Animationsordner hinzu und fügen Sie dann eine erste Animationszelle ein.

Jetzt bin ich bereit, meine Elektrizität zu zeichnen. Unter dem Stiftwerkzeug wähle ich das Unterwerkzeug G-Stift.

 

Ich verwende eine kleine Pinselgröße – in diesem Fall 10px – und behalte die Farbe Weiß bei. Ich verwende auch ein Grafiktablett zum Zeichnen, wodurch das Stiftwerkzeug je nach Stiftdruck spitzer zuläuft.

Ich zeichne Elektrizität gerne mit geraden Linien und zufälligen Winkeln, die aus meiner Kreishilfslinie heraus- und hineinragen. Kleinere Gabelungen zweigen ab und verjüngen sich allmählich, bis sie verschwinden.

Dann erstelle ich einen zweiten Frame und mache alles noch einmal! Da Blitze so chaotisch sind, möchte ich mir den vorherigen Frame nicht ansehen – ich zeichne einfach jedes Mal ein neues Muster, das meiner Kreishilfslinie folgt.

 

Ich werde dies für jede Hand in den verbleibenden Frames wiederholen.

Um den Effekt abzuschließen, erstelle ich einen zweiten Animationsordner, um einige Glüheffekte hinzuzufügen. Auf Frame 1 füge ich eine Animationszelle zu diesem neuen Ordner hinzu.

Wechseln Sie zum Airbrush-Werkzeug, wählen Sie das Unterwerkzeug Weich aus und machen Sie den Pinsel groß genug, um die Hand abzudecken.

Wählen Sie eine sehr hellblaue Farbe.

Malen Sie einen weichen Glüheffekt um jede Hand.

Ebenen-Mischmodi mit Animationsordnern

Ich möchte, dass meine Glüheffekte den Mischmodus Addieren (Leuchten) verwenden.

 

Wenn Sie jedoch einfach versuchen, den Mischmodus der Ebene auf Addieren (Leuchten) zu setzen, passiert nichts!

 

Dies liegt daran, dass der Mischmodus von Animationsordnern standardmäßig auf Normal eingestellt ist. Wenn der Mischmodus eines ORDNERs Normal ist, wirken sich die Mischmodi einzelner Ebenen darin nur auf andere Ebenen im selben Ordner aus. Das Einstellen des Mischmodus des Ordners auf Durchleiten ermöglicht es den Mischmodi, durchzudringen und die darunter liegenden Ebenen zu beeinflussen.

 

Sie haben zwei Optionen:

Sie können entweder den Mischmodus des Ordners auf Durchleiten ändern, um den Effekt anzuzeigen – oder einfach jede Ebene auf Normal lassen und stattdessen den gesamten Ordner auf Addieren (Leuchten) ändern.

 

Beide Wege funktionieren, aber in diesem Fall, da ich weiß, dass alle Ebenen im Ordner den Mischmodus Addieren (Leuchten) verwenden sollen, ist es einfacher, den Ordner selbst auf Addieren (Leuchten) einzustellen.

Ich habe mit dem Airbrush auf jedem Frame ein leicht unterschiedliches Glühen gemalt. Wie beim Blitz habe ich es auf jedem Frame sehr locker und zufällig gehalten, um eine chaotische Variation zu erzielen. Ich habe auch einige subtile reflektierte Glüheffekte auf dem Körper des Zentauren hinzugefügt.

 

Beachten Sie, dass die Hilfslinien, die ich auf meiner Entwurfsebene erstellt habe, nicht mit der Animation exportiert wurden – eine nützliche Funktion.

 

Damit ist diese Animation fertig!

Flamme: Sequenzielle Animation mit Zwiebelschicht

Bewegungen in einer Sequenz zu animieren ist etwas komplexer, aber die Zwiebelschichtfunktion hilft dabei. Jetzt spielen wir mit dem Feuer!

"Warum Baby-Drachen keine schönen Spielzeuge haben können" (2023 Neuauflage) von Sarrah Wilkinson, AKA MsRedNebula.

 

In dieser Illustration zeige ich, warum junge Drachen möglicherweise nicht-brennbare Spielzeuge benötigen. :)

Hier habe ich die Feuereffekte entfernt, damit ich sie animieren kann, und alle verbleibenden Ebenen abgeflacht, um sie aus dem Weg zu räumen.

Wie beim Blitz beginne ich damit, eine Ebene zu erstellen, um meine Hilfslinie zu skizzieren. Ich ändere ihre Deckkraft auf 25 % und setze sie als Entwurfsebene fest, da sie nur für diese Arbeitsskizze gedacht ist.

Auf dieser Ebene skizziere ich die Basis und die allgemeine, konische Form meiner Flamme. Diesmal verwende ich Schwarz, da es auf diesem Stück leichter zu sehen ist.

Als Nächstes richte ich die Animation ein, indem ich eine Zeitleiste erstelle. In diesem Fall beträgt die Zeitleiste 12 Bilder pro Sekunde und ist 12 Bilder lang.

Dann füge ich einen Animationsordner und die erste Zelle hinzu.

Sie können ganze Ordner als Entwurf festlegen, sodass alle darin enthaltenen Ebenen ebenfalls als Entwurfsebenen betrachtet werden. Ich werde diesen gesamten Animationsordner als Entwurf festlegen, damit ich ihn verwenden kann, um Frame-by-Frame-Hilfslinien für die Feueranimation zu erstellen.

 

Auch dies verhindert, dass diese Ebenen mit Ihrer Animation exportiert werden, wenn Sie vergessen, sie auszuschalten. Es ist auch einfach ein schöner visueller Hinweis darauf, dass dies Arbeitsebenen sind und nicht Teil Ihres endgültigen Kunstwerks.

 

Hier ist nun ein großartiger Trick zum Animieren von Feuer!

Stellen wir uns vor, eine Blase steigt aus dem Kopf des Teddybären auf. Zeichnen Sie eine Halbkugel auf die erste Zelle.

 

Ich gehe dann zu Frame 7 und füge dort eine Zelle hinzu, dann zeichne ich einen kleinen Kreis oben, der das Ende des Pfades dieser Blase darstellt.

 

Hinweis: Ich verwende wieder das Unterwerkzeug Ellipse, um die Kreise einfach zu zeichnen.

Bei Frame 3 füge ich eine neue Zelle hinzu, um die Blase dazwischen zu zeichnen.

 

Dazu schalten Sie die Zwiebelschichtfunktion ein, indem Sie auf der Zeitleiste auf Zwiebelschicht aktivieren klicken.

Ich schalte die Kunstwerke für den Moment aus, damit Sie es besser sehen können.

 

Das Aktivieren der Zwiebelschicht ermöglicht es Ihnen, die vorherige Zelle in Blau und die nächste Zelle in Grün zu sehen.

Ich zeichne die mittlere Blase etwas unterhalb der Mitte zwischen den beiden, weil ich möchte, dass sich ihr Fortschritt beim Aufsteigen etwas beschleunigt.

Mit der Zwiebelschichtfunktion füge ich weiterhin die restlichen Blasen für diese erste Sequenz hinzu.

 

Ich werde dieses Muster wiederholen, indem ich eine neue Blase auf den Frames 5 und 9 beginne, wobei die erste auf Frame 11 endet und die zweite zurück zum Anfang schleift, um auf Frame 3 zu enden.

 

Zur Variation habe ich auch die Pfade der Blasen, die auf den Frames 5 und 9 beginnen, leicht gekrümmten Pfaden folgen lassen. Das ist völlig optional!

Sehen Sie das Feuer schon? Wenn nicht, haben Sie Geduld mit mir – kein Wortspiel beabsichtigt! Es wird gleich mehr Sinn ergeben.

Als Nächstes erstelle ich einen neuen Animationsordner über den Hilfslinien und füge die erste Zelle hinzu.

 

Ich schalte auch die Kunstwerke wieder ein, damit das Feuer im Kontext sichtbar ist.

Für die Grundfarbe wähle ich ein gesättigtes Rot-Orange.

Für die Grundfarbe wähle ich ein gesättigtes Rot-Orange. Ich zeichne die Flamme mit dem Unterwerkzeug G-Stift und einer großen Pinselgröße, in diesem Fall 80.

 

Auf der ersten Zelle bilden Sie einen Kegel um die Basis, wobei die Blase als Hilfslinie dient. Feuer verjüngt sich, je weiter es von seiner Brennstoffquelle entfernt ist. Ignorieren Sie die andere Blase oben, dazu komme ich gleich.

 

Tipp: Halten Sie die Form locker und unregelmäßig. Vermeiden Sie perfekte Symmetrie. Wie Elektrizität ist Feuer chaotisch!

Fügen Sie eine zweite Zelle hinzu. Diesmal zeichne ich immer noch die Basis, aber ich klemme sie ein wenig ein, bevor ich sie aufspreize, um der Form meiner Blasenführung zu folgen.

Dasselbe gilt für die dritte Zelle: Klemmen Sie sie etwas mehr ein und machen Sie die Flamme kleiner, um zur Blase zu passen.

 

Hinweis: Ich habe die Zwiebelschicht immer noch aktiviert. Sie ist an dieser Stelle nicht unbedingt erforderlich, kann aber hilfreich sein.

Bei der vierten Zelle wird das Einklemmen ziemlich extrem.

Dann, auf Zelle 5, bricht die obere Flamme ab und ich beginne von vorne mit einer ähnlichen Form wie im ersten Frame.

Die kleine abgeklemmte Flamme schrumpft für ein paar Frames weiter, bevor sie vollständig verschwindet, während ich den Zyklus wiederhole.

 

Ich werde weitermachen, bis alle Frames gefüllt sind, und dabei nicht vergessen, zurückzuschleifen und die oberen Flammen zu den ersten paar Zellen hinzuzufügen.

Wenn ich die Animation abspiele, können Sie sehen, wie das Feuer Gestalt annimmt!

An dieser Stelle verbringe ich gerne etwas Zeit damit, meine Flammenformen zu verfeinern und mit derselben Technik einige kleinere, sekundäre Flammen hinzuzufügen.

Für den helleren inneren Teil der Flamme wähle ich eine gelbe Farbe.

Diesmal bevorzuge ich das weiche Airbrush-Unterwerkzeug.

Ich deaktiviere auch die Zwiebelschicht und schalte die Hilfslinien aus; sie werden nicht mehr benötigt.

 

Ich werde auf jeder Ebene eine Innenseite malen, die eine ähnliche Form wie die Flammenkontur hat. Sie können dafür einen separaten Animationsordner erstellen, aber ich male direkt auf die vorhandenen Flammenzellen. Das bleibt Ihnen überlassen.

Als Nächstes wechsle ich zum Radiergummi-Werkzeug mit dem Unterwerkzeug Weicher Radiergummi.

Ich werde es verwenden, um den unteren Teil der Flamme etwas zu verwischen, um sie zu verblenden.

Schließlich füge ich einen neuen Animationsordner oben hinzu und füge eine Zelle ein.

Dieser Ordner ist für einige Glüheffekte gedacht, wie ich es beim Blitz getan habe. Ich werde den Mischmodus des Ordners auf Addieren (Leuchten) ändern.

 

Tipp: Vergessen Sie nicht, dass Sie jeden Animationsordner benennen können. Es ist in Ordnung, wenn Sie nur wenige solcher Ordner haben, aber stellen Sie sich vor, Sie hätten ein Dutzend oder mehr!

Mit demselben weichen Airbrush und derselben Farbe, die ich für den hellen inneren Teil der Flamme verwendet habe, male ich auf jeder Zelle einige subtile Glüheffekte und Highlights.

 

Verwenden Sie Ihr Tablet mit sehr leichtem Druck, oder Sie können die Deckkraft des gesamten Ordners reduzieren, wenn Ihre Glüheffekte zu intensiv sind.

Und da haben Sie es – ein armer, unschuldiger Teddybär in Flammen!

Funkeln: Keyframes, Tweening und Datei-Objekte

Für einige Bewegungen ist es einfacher, die Zwischenframes dem Computer zu überlassen. Keyframes ermöglichen es Ihnen, Bewegung, Rotation und sogar Deckkraft einfach zu animieren.

 

Keyframe-Animationen können sehr komplex werden, daher plane ich, später ein ganzes Tutorial dazu zu widmen.

 

Zuerst benötigen Sie eine Funkelgrafik. Wenn Sie bereits eine verwenden möchten, großartig! Wenn nicht, habe ich hier einen kostenlosen Download von Clip Studio Assets zur Verfügung gestellt:

 

Oder, wenn Sie sehen möchten, wie ich es gemacht habe, können Sie meinem hier verlinkten kurzen Tutorial folgen:

Beginnen Sie mit der Funkelgrafik auf einer eigenen quadratischen Leinwand. Fügen Sie einen temporären schwarzen Hintergrund auf einer eigenen Ebene hinzu (oder verwenden Sie einfach die Papierebene von Clip Studio Paint in Schwarz). Dies erleichtert das Erkennen.

 

Ich verwende eine 1200px mal 1200px Leinwand, aber es spielt keine Rolle, solange sie quadratisch ist und das Funkeln die gesamte Leinwand ziemlich ausfüllt.

Erstellen Sie eine Zeitleiste mit einer Bildrate von 12. Ich möchte, dass meine Animation 12 Frames lang ist, aber ich werde die Wiedergabezeit tatsächlich auf 13 setzen. Sie werden gleich sehen, warum.

Keyframe-Animationen erfordern keinen Animationsordner und können auf jeder Ebene oder jedem Ordner erstellt werden.

 

Stellen Sie sicher, dass die Funkel-Ebene aktiv ist und der Abspielkopf auf dem ersten Frame steht, und klicken Sie dann auf Keyframes auf dieser Ebene aktivieren.

Wenn Sie Keyframes aktivieren, werden Sie feststellen, dass Sie die Ebene nicht mehr normal bearbeiten können. Sie wird jetzt als Objekt behandelt, um sie zu animieren, gehen Sie zu Operation und wählen Sie das Objekt-Werkzeug.

 

Tipp: Sie können Keyframes ausschalten, um die Ebene bei Bedarf zu bearbeiten. Sie sind immer noch da, wenn Sie Keyframes wieder einschalten.

Zuerst füge ich eine Rotation hinzu. Wenn der Abspielkopf auf dem ersten Frame steht, klicken Sie hier, um einen Keyframe hinzuzufügen.

Bewegen Sie den Abspielkopf zum letzten Frame. Verwenden Sie dann das Objekt-Werkzeug, um das Bild um 90 Grad zu drehen. Halten Sie die Umschalttaste gedrückt, um die Rotation auf 45-Grad-Schritte zu fixieren.

 

Zwei Dinge sind zu beachten. Wir haben eine Änderung vorgenommen, die dazu führte, dass Clip Studio Paint automatisch einen neuen Keyframe hinzufügte. Außerdem wird ein Keyframe immer vor dem Abspielkopf hinzugefügt, deshalb habe ich diese Zeitleiste 13 Frames lang gemacht.

Wenn ich auf Wiedergabe drücke, bewegt sich das Programm zwischen der Rotation am Start-Keyframe und der Rotation am Ende.

Als Nächstes ändere ich die Größe meines Funkelns.

 

Kehren Sie zu Frame 1 zurück. Klicken und halten Sie einen Eckanker und halten Sie vor dem Verschieben die Alt-Taste gedrückt, um die Größe um den zentralen Drehpunkt herum zu ändern.

Wenn ich jetzt durch die Animation scrolle, werden Sie sehen, dass sie mit der Zeit größer wird, weil die Skalierung bereits im letzten Frame per Keyframe festgelegt wurde.

 

Ich möchte jedoch, dass sie mit der gleichen Größe beginnt und endet.

Klicken Sie auf der Zeitleiste neben dem Ebenennamen auf die kleine Plus-Schaltfläche für weitere Optionen und dann auf den Pfeil, der daneben erscheint, um jeden Transformations-Keyframe separat anzuzeigen.

Bewegen Sie den Abspielkopf zu Frame 13. Wählen Sie den letzten Keyframe auf der Skalierungsverhältnis-Linie aus und löschen Sie ihn, indem Sie auf Keyframe löschen klicken.

 

Die Größenänderung ist nun verschwunden.

 

Klicken Sie nun auf Keyframe hinzufügen, um dies als neue Endgröße festzulegen, während die zuvor hinzugefügte Rotation beibehalten wird.

Gehen Sie nun zu Frame 7 und machen Sie das Funkeln größer. Die Transformations-Keyframes werden automatisch hinzugefügt.

So sieht die Animation jetzt aus:

Schließlich ändere ich die Deckkraft des Funkelns im Laufe der Zeit.

 

Gehen Sie zu Frame 1 und setzen Sie die Deckkraft der Ebene auf 0.

Sie werden bemerken, dass ein neuer Deckkraft-Keyframe erscheint.

Gehen Sie zu Frame 7 und ändern Sie es auf 100 %, dann zu Frame 13 und ändern Sie es zurück auf 0.

Und voila! Wir haben ein Funkeln!

 

Jetzt zeige ich Ihnen etwas wirklich Cooles, das Sie damit machen können.

 

Zuerst müssen wir die Datei vorbereiten, um sie als Datei-Objekt zu verwenden.

Löschen Sie den schwarzen Hintergrund. (Ausblenden reicht nicht aus, Sie müssen ihn an dieser Stelle löschen.)

Stellen Sie sicher, dass Sie die Datei im .clip-Format von Clip Studio speichern.

 

Sie können diese Datei nun schließen und ein Bild öffnen, dem Sie Funkeln hinzufügen möchten.

"Winziger Dieb" (2010) von Sarrah Wilkinson, AKA MsRedNebula

 

Hier ist eine meiner Illustrationen mit einem Haufen Schatz. Lassen wir es funkeln!

Hier ist das Bild, bei dem die Funkel-Effekte entfernt wurden, damit sie animiert werden können, und wie zuvor habe ich das Kunstwerk abgeflacht, damit es nicht viel Platz auf der Zeitleiste einnimmt.

Ich werde eine Zeitleiste mit einer Bildrate von 12 und einer Wiedergabezeit von 24 erstellen.

Gehen Sie zu Datei - Importieren und wählen Sie Datei-Objekt erstellen.

Navigieren Sie zu dem Ort, an dem Sie Ihr Funkeln gespeichert haben, wählen Sie es aus und klicken Sie auf Öffnen.

Diese Benachrichtigung kann erscheinen, wenn Sie in der Vergangenheit nicht auf 'Nicht wieder anzeigen' geklickt haben. Sie enthält nützliche Informationen zur Verwendung von Datei-Objekten in Clip Studio Paint.

 

Klicken Sie auf OK.

 

Normalerweise würden Sie die gerade importierte Datei sehen können, aber schauen Sie sich das an.

Da die Datei eine Animation enthält, wird sie automatisch mit all ihren Frames importiert!

Gehen Sie zum Operation-Werkzeug, wobei das Unterwerkzeug Objekt ausgewählt ist.

Verwenden Sie das Objekt-Werkzeug, um das Funkeln zu verschieben und in der Größe zu ändern.

Klicken Sie mit der rechten Maustaste auf die Funkel-Ebene und wählen Sie Ebene duplizieren.

 

Sie haben dann ein zweites Funkeln, das Sie an einen anderen Ort verschieben und in der Größe ändern können, und auf der Zeitleiste verschieben können, damit es zu einem anderen Zeitpunkt abgespielt wird.

Um eines der Funkeln an den Anfang der Zeitleiste zurückzuschleifen, klicken Sie mit der rechten Maustaste darauf und wählen Sie Clip teilen. Verschieben Sie dann die erste Hälfte an das Ende Ihrer Animation und die zweite Hälfte an den Anfang.

Mit ein paar weiteren hinzugefügten Funkeln ist hier mein Endergebnis.

Ein kurzer Hinweis zum Exportieren Ihrer Animationen

Alle Optionen zum Exportieren Ihrer Animation finden Sie im Menü Datei, unter Animation exportieren.

 

Sie können als Bildsequenz, animiertes GIF, animiertes PNG oder als Filmdatei im AVI- oder MP4-Format exportieren.

 

Das Exportieren von Animationen behandle ich detaillierter in meinem Animation Overview-Tutorial:

Fazit

Das war's!

 

Hoffentlich hat Ihnen dieses Tutorial den Einstieg in die Erstellung lustiger animierter Effekte in Clip Studio Paint erleichtert. Markieren Sie mich @MsRedNebula auf Twitter oder Instagram und zeigen Sie mir Ihre Animationen.

 

Animation ist ein großes Thema, und es gibt noch viel mehr, worüber ich sprechen kann. Folgen Sie mir hier auf Clip Studio Tips für weitere Inhalte oder abonnieren Sie meinen YouTube-Kanal. Lassen Sie mich wissen, ob es etwas gibt, das ich behandeln soll.

 

Viel Spaß und viel Erfolg beim Animieren!