In diesem Tutorial zeige ich Ihnen, wie Sie ein Walkcycle erstellen ... ohne ein Walkcycle zu animieren. Ich weiß, das klingt komisch, aber es ist möglich, einen Charakter so aussehen zu lassen, als würde er gehen, ohne ihn tatsächlich laufen zu lassen.

 

Ich werde CLIP STUDIO PAINT EX für dieses Tutorial verwenden. Wenn Sie Clip Studio Paint Pro haben, können Sie diesem Tutorial trotzdem folgen, aber beachten Sie, dass Sie in dieser Version des Programms nur bis zu 24 Frames erreichen können.

 

Wenn Sie dieses Programm noch nie zuvor verwendet haben oder wenn Sie nicht an die Animationsseite der Dinge gewöhnt sind, werde ich dies Schritt für Schritt durchgehen, also zögern Sie nicht, mitzumachen, wenn Sie lernen möchten, wie es geht ein Walkcycle zu animieren - na ja, irgendwie!

 

Hier ist ein Link zur Videoversion dieses Tutorials.

Einrichten einer Datei für die Animation

Öffnen Sie Clip Studio Paint und wählen Sie Datei > Neu. Wählen Sie die Animationsoption. Das mag auf den ersten Blick etwas einschüchternd erscheinen, aber die einzigen Punkte, auf die Sie achten müssen, sind die Breite x Höhe und die Bildrate. Ich habe meine auf 1920 x 1080 eingestellt, da dies die üblichen Full-HD-Vorschaueinstellungen für die meisten Video-Sharing-Sites sind, und ich habe die Bildrate auf 24 Bilder pro Sekunde eingestellt.

 

Je nachdem, was/wie Sie animieren, können Sie die Bildrate beliebig einstellen, solange Sie das Video mit derselben Bildrate exportieren. In diesem Beispiel halte ich es bei 24 fps.

 

So verwenden Sie Keyframes

Wenn Sie sich in einer Animationsebene befinden, können Sie Keyframes aktivieren, indem Sie auf diese Schaltfläche klicken. Machen Sie sich keine Sorgen, wenn Sie die Taste erneut drücken und alle Ihre Bilder verschwinden. Sobald Sie Ihre Keyframes platziert haben, werden sie nicht gelöscht und es fungiert als Ein-/Aus-Schaltfläche. Wenn Ihre Keyframes deaktiviert sind, können Sie das Objekt auf der Ebene nach Belieben bearbeiten.

 

Neben der Schaltfläche "Keyframe hinzufügen" befindet sich eine Schaltfläche namens "Keyframe-Interpolation", die bestimmt, wie sich Ihre Animation bewegt. Die drei Optionen sind „Hold interoplation“ (wird als gelbe Raute auf der Zeitleiste angezeigt), „Linear Interoplation“ (grüne Raute) und „Smooth Interpolation“ (violette Raute).

 

• Hold Interpolation - Um ehrlich zu sein, verwende ich diese Funktion sehr selten, aber sie ist praktisch, wenn Sie schnell von einer Pose zur nächsten wechseln möchten. Ich verwende dies auch in meinen Animationen, wenn ich ohne Schwenk hineinzoomen möchte. (Beispiel für König Krähenbart hinzufügen)

 

• Lineare Interoplation - Ich verwende diese hauptsächlich, wenn ich möchte, dass sich eine Figur oder ein Objekt in einer geraden Linie von einem Punkt zum anderen bewegt. Ich finde, dass diese Option am besten mit einem scrollenden Hintergrund oder einem mechanischen Objekt wie zum Beispiel einem Förderband funktioniert.

 

• Glatte Interpolation - Dies ist diejenige, die ich die meiste Zeit verwende, da sie einen federnden, "nachlassenden" Effekt hat, der sie etwas natürlicher aussehen lässt als die anderen beiden Keyframe-Optionen.

 

 

Wenn Sie ein Objekt in den Keyframe-Einstellungen auswählen, werden Sie feststellen, dass sich in der Mitte ein kleines „Plus“-Zeichen befindet. Das ist der Ankerpunkt Ihres Objekts. Das bedeutet im Grunde, dass sich Ihr Objekt von hier aus bewegt. Wenn Sie also möchten, dass sich Ihr Objekt im Kreis dreht, stellen Sie sicher, dass es sich in der Mitte Ihres Objekts befindet. Wenn Sie möchten, dass es sich von einem bestimmten Punkt aus bewegt, sagen Sie, wenn ich wollte, dass der Stern auf die Seite fällt, würde ich das Pluszeichen zu einem an den Ecken bewegen.

 

Hintergrund scrollen

Sobald Sie die Grundlagen zur Verwendung der Keyframes kennen, ist es an der Zeit, sie in die Praxis umzusetzen. Für den ersten Teil der Animation benötigen Sie einen Hintergrund. Es ist am besten, einen Hintergrund zu haben, der rollt oder zumindest breiter als hoch ist. In meinem Beispiel habe ich es kopiert, eingefügt und horizontal gespiegelt, um es länger zu machen. Es läuft nicht perfekt, aber dies ist nur ein Übungsbeispiel.

 

Speichern Sie dieses Bild nun als PNG und importieren Sie es in Ihren Animationsarbeitsbereich. Wählen Sie dazu den Animationsordner aus, in den der Hintergrund eingefügt werden soll, klicken Sie auf Datei > Importieren > Bild und wählen Sie den Hintergrund aus, und er wird im Ordner angezeigt. Um es auf der Leinwand anzuzeigen, klicken Sie mit der rechten Maustaste auf das erste Bild und wählen Sie den Namen Ihrer Datei aus.

Um den Hintergrund einzurichten, ziehen Sie das Bild nach rechts und stellen Sie sicher, dass das Bild in das blaue Quadrat passt. Stellen Sie es sich wie den Sucher einer Kamera vor. Alles außerhalb des Quadrats ist beim Export nicht sichtbar, also denken Sie daran.

 

Um eine Figur hinzuzufügen, klicken Sie auf die Schaltfläche Neuer Animationsordner und stellen Sie sicher, dass sich die Ebene über dem Hintergrundordner befindet. Benennen Sie den Ordner „Charakter“ und klicken Sie auf die Schaltfläche „Neue Animationszelle“. Sie müssen nur eine Zeichnung machen, damit dieser Effekt funktioniert. Ich zeichne für dieses Beispiel eine sehr einfache Figur, aber Sie können Ihre so einfach oder so komplex gestalten, wie Sie möchten.

 

 

Nun, um den Hintergrund scrollen zu lassen. Blenden Sie Ihre Charakterebene aus, indem Sie auf das Augapfel-Symbol auf der linken Seite des Charakterordners drücken. Wählen Sie den Ordner „Hintergrund“, klicken Sie auf die Schaltfläche „Keyframes aktivieren“ und wählen Sie „Lineare Interpolation“. Ziehen Sie den roten Balken an den Anfang der Timeline und drücken Sie die Schaltfläche „Keyframe hinzufügen“. Ziehen Sie nun den roten Balken an das Ende der Zeitleiste. Klicken Sie im Werkzeugauswahlfenster auf die Schaltfläche „Objekt“, um den Hintergrund auszuwählen, halten Sie die Umschalttaste gedrückt und ziehen Sie den Hintergrund nach links.

 

Denken Sie daran, je weiter Sie den Hintergrund ziehen, desto schneller wird das Bild bei der Wiedergabe gescrollt. Dies hängt auch davon ab, wie lang das Bild ist. Experimentieren Sie also damit, wie weit der Hintergrund scrollen soll, um die richtige Geschwindigkeit für Ihre Animation zu erhalten. In diesem Beispiel habe ich den Hintergrund auf etwa die Hälfte gezogen, was zu einem langsameren Bildlauf führte.

Animieren des 'Walkcycle'

Um den betrügerischen, Hanna-Barbera-ähnlichen Walkcycle zu erstellen, ziehen Sie den roten Balken an den Anfang der Zeitleiste und überprüfen Sie das Augapfelsymbol, um Ihren Charakter sichtbar zu machen. Wie Sie sehen können, hat dies eine Illusion von Bewegung, aber es sieht eher so aus, als würden sie Absätze tragen, anstatt mit ihren eigenen zwei Füßen zu gehen.

 

Um dem Charakter also diesen federnden Walkcycle-Effekt zu verleihen, aktivieren Sie Keyframes auf der Charakterebene und wählen Sie Glatte Interpolation. Sie können Keyframes entweder manuell hinzufügen, indem Sie auf die Schaltfläche Keyframes hinzufügen klicken, oder sie können automatisch hinzugefügt werden, indem Sie das Bild auf der Leinwand verschieben. Fügen Sie im Zeichenordner einen Keyframe am Anfang der Timeline hinzu. Ziehen Sie dann den roten Balken auf Frame 5, wählen Sie „Objekt“ in der Symbolleiste und ziehen Sie die Figur leicht nach oben. Wie Sie sehen können, wurde dadurch automatisch ein Keyframe hinzugefügt, wenn die Keyframe-Option aktiviert ist. Ziehen Sie den roten Balken auf Frame 9 und ziehen Sie dann die Figur nach unten, direkt unter die Position, an der sie sich im ersten Frame befindet.

Anstatt diesen Vorgang manuell zu wiederholen, gibt es einen einfachen Trick, mit dem Sie die Bewegung gleichmäßiger gestalten können. Halten Sie die linke Maustaste gedrückt und ziehen Sie über die Keyframes, sodass sie hervorgehoben werden. Klicken Sie mit der rechten Maustaste auf den ersten Keyframe auf der Timeline und wählen Sie Kopieren. Gehen Sie dann zu Bild 12 und klicken Sie mit der rechten Maustaste auf „Einfügen“. Dadurch werden die Keyframes an ihrer genauen Position kopiert. Jetzt können Sie die Keyframes so lange einfügen, bis sie Ihre Timeline ausfüllen und in etwa so aussehen.

 

Sekundäre Bewegung

Das sieht jetzt gut aus, aber es gibt einen zusätzlichen Schritt, den Sie unternehmen können, um Ihrer Animation etwas mehr Leben einzuhauchen. Wir werden ein kleines Haarbüschel hinzufügen und das auf einer separaten Ebene animieren. Klicken Sie auf „Neuer Animationsordner“ und dann auf „Neue Animationszelle“. Stellen Sie sicher, dass Sie Keyframes auf der Zeichenebene deaktivieren, um diesen Vorgang ein wenig zu vereinfachen. Zeichnen Sie die Haare und fügen Sie eine neue Animations-Cel hinzu. Um sicherzustellen, dass das Haar gleichmäßig fließt, klicken Sie auf die Schaltfläche Zwiebelhaut aktivieren, damit Sie das vorherige Bild einfach nachzeichnen können. Ich wollte einen hüpfenden Effekt erzielen, wenn sich die Figur auf und ab bewegt, also zeichnete ich das hüpfende Haarbüschel in fünf separaten Zeichnungen.

 

Um das Timing zu bearbeiten, wählen Sie den Frame aus, an dem er in der Timeline beginnt, und ziehen Sie ihn an seine neue Position. Anstatt dieselbe Bewegung noch einmal zu zeichnen, halten Sie die linke Maustaste gedrückt und ziehen Sie den Mauszeiger über die Rahmen. Klicken Sie mit der rechten Maustaste auf das erste Bild und klicken Sie auf Kopieren. Klicken Sie dann mit der rechten Maustaste auf das letzte Bild und klicken Sie auf Einfügen. Tun Sie dies so oft, wie es in die Zeitleiste passt, und die Bewegung wird wiederholt.

Ein zusätzlicher Vorteil beim Einfärben der Rahmen besteht darin, dass die Farbe auch kopiert und eingefügt wird, sodass Sie nicht jeden einzelnen Rahmen einfärben müssen. Diese Schleife hat zum Beispiel 24 Frames, aber ich musste nur fünf Zeichnungen kolorieren, was viel Zeit spart.

 

Apropos Zeitersparnis beim Kopieren + Einfügen, vielleicht ist Ihnen ein Problem aufgefallen, wenn ich die Keyframes wieder auf die Zeichenebene drehe. Der Charakter springt, aber die Haare bleiben an der gleichen Stelle. Glücklicherweise müssen Sie die Keyframes nicht manuell auf der Haarebene platzieren. Alles, was Sie tun müssen, ist, die Keyframes auf der Haarebene zu aktivieren, die Keyframes aus der Charakterebene auszuwählen und sie so in die Haarebene einzufügen. Und es passt sich automatisch der Bewegung des Charakters an.

 

Exportieren Ihres Videos

Jetzt müssen Sie nur noch Ihre Animation exportieren. Gehen Sie zu Datei > Animation exportieren. Hier sind die beiden Optionen, die ich normalerweise verwende, als GIF oder als Film exportieren.

Wenn die Animation keinen Ton hat oder relativ kurz ist, wähle ich GIF. Wenn die Animation länger ist und Ton hat, exportiere ich sie als Film. Um als GIF zu exportieren, wählen Sie animiertes GIF, wählen Sie eine Datei zum Speichern und benennen Sie sie nach Belieben. Dann erhalten Sie ein Einstellungsfeld. Stellen Sie bei einem sich wiederholenden GIF sicher, dass die Anzahl der Schleifen auf „Unbegrenzt“ eingestellt ist. Die Bildrate können Sie für ein GIF-Bild beliebig einstellen. Experimentieren Sie mit diesem Abschnitt so, wie es Ihnen am besten gefällt. Ich bleibe nur für dieses Beispiel bei 24 fps.

Um als Video zu exportieren, klicken Sie auf Film, wählen Sie eine Datei zum Speichern aus, benennen Sie sie und Sie können sie entweder als MP4- oder als AVI-Datei speichern. Ich habe meine als MP4 gespeichert. Ein Dialogfeld mit den Exporteinstellungen wird angezeigt. Obwohl ich in diesem Tutorial keine 2D-Kameraeffekte verwendet habe, lasse ich diese Option für alle Fälle aktiviert. Ich halte auch die Breite und Höhe gleich. In Bezug auf die Bildrate ist es beim Exportieren eines Videos am besten, diese auf denselben fps zu halten, in denen Sie animiert haben. Angenommen, Sie würden mit 12 Bildern pro Sekunde animieren, das Video aber mit 24 Bildern pro Sekunde exportieren, es würde nicht exportiert wie Sie es im Programm sehen und das Timing wäre aus.

Wenn Sie jedoch die Bildrate im Programm ändern möchten, gehen Sie zu Animation > Zeitleiste > Bildrate ändern, bevor Sie als Video exportieren. Stellen Sie einfach sicher, dass sowohl die Bildrate im Programm als auch die Exporteinstellungen genau die gleiche Zahl sind.

 

Fazit

Und das ist ein Wrap! Ich hoffe, dieses Video hat Ihnen geholfen, die Animationsfunktionen von Clip Studio zu verstehen, und Sie dazu inspiriert, eigene Animationen zu erstellen. Habe Spaß!