Dieses Mal zeige ich Ihnen, wie Sie aus einem einzigen Bild die Animation einer laufenden Figur erstellen.

Da die Animation mithilfe von Keyframes erstellt wird, müssen nicht mehrere Bilder gezeichnet werden. Das Erstellen von Animationen ist daher ganz einfach.

Es gibt auch eine Videoversion, schauen Sie also bitte vorbei.

Punkte

Wenn Sie ein Anfänger in Sachen Animation sind, ist die Wahrscheinlichkeit geringer, dass Sie aufgeben, wenn Sie keinen der beschriebenen Schritte überspringen.

Die Erstellung einer Animation unterscheidet sich von der Erstellung einer Illustration. Wenn Sie einen Schritt überspringen, bewegt sich nichts. Wenn Sie also sorgfältig arbeiten, ist es einfacher, erfolgreich zu sein.

Den folgenden Kurs habe ich zuvor erstellt.

Der Inhalt dieses Kurses ist so, dass sogar Anfänger Anime erstellen können, aber der Kurs unten hat grundlegendere Inhalte.

Wenn Sie interessiert sind, schauen Sie sich bitte beide an.

Erstellen einer neuen Leinwand

Erstellen Sie zunächst eine neue Leinwand, indem Sie auf Datei > Neu gehen.

 

Klicken Sie unter Arbeitszweck auf die Schaltfläche Animation und erstellen Sie eine Datei mit den folgenden Einstellungen:

 

Originalgröße 1200 x 1080 72 dpi

 

Zeitleiste

 

Bildrate 10

 

Wiedergabezeit 50

 

 

Eine neue Leinwand für die Animation wurde erstellt.

Als Nächstes löschen Sie Ebene 1 aus dem Ebenenfenster, sodass nur der Ordner „Animation“ übrig bleibt.

Erstellen Sie als Nächstes einen Ordner.

Duplizieren Sie den Animationsordner, sodass er eine Ebenenstruktur wie diese hat.

Ändern Sie die Namen der Animationsordner wie unten gezeigt in „Personen“ und „Hintergrund“.

Öffnen Sie das Zeitleistenfenster: Drücken Sie Fenster > Zeitleiste.

Die Zeitleiste wurde angezeigt

Dieses Mal erstellen wir eine Gehbewegung mit einer Illustration wie dieser.

Wenn Sie sich nicht mit dem Zeichnen herumschlagen möchten, können Sie die Animation mit dem Bild eines Mädchens unten üben.

---

Anzeigen eines Bildes auf einer Leinwand

Hintergrund:1 > Platzieren Sie das gewünschte Hintergrundbild in Ordner 1.

Stellen Sie nun sicher, dass Ordner 1 das gewünschte Bild enthält.

Wenn sich im Ordner kein Bild befindet, wird es möglicherweise nicht auf der Leinwand angezeigt.

Wählen Sie den Hintergrundordner im Timeline-Fenster aus.

Klicken Sie bei ausgewähltem Hintergrundordner auf die im Bild unten gezeigte Schaltfläche.

Achten Sie genau auf das Popup-Fenster, wählen Sie „1“ und drücken Sie OK.

Das Bild wird auf der Leinwand angezeigt

Wiederholen Sie die obigen Schritte, um die Person anzuzeigen.

Legen Sie ein einzelnes Bild einer Person in den Ordner „Personen:1 > 1“.

Stellen Sie sicher, dass die Ebenen wie unten gezeigt konfiguriert sind.

Wie zuvor beim Anzeigen des Hintergrunds können Sie die Person anzeigen, indem Sie auf den im Bild unten gezeigten Teil drücken.

Wenn Sie Probleme beim Anzeigen eines Bilds auf der Leinwand haben, sehen Sie sich bitte dieses Tutorial an.

Die Schritte werden etwas ausführlicher erklärt.

Festlegen eines Keyframes

Von hier aus beginnen wir mit der Bewegung der Figur mithilfe von Keyframes.

Zuvor erklären wir kurz, was Keyframes sind.

Was sind Keyframes?

Wenn Sie beispielsweise eine Szene erstellen, in der eine Figur mit der Hand winkt, legen Sie die Anfangs- und Endposition der Hand als Keyframes fest.

Die Software erstellt dann automatisch die Bewegung dazwischen und erzeugt so eine flüssige Animation.

Keyframes sind eine praktische Funktion, mit der Sie Dinge wie die oben beschriebenen tun können.

 

Kommen wir nun zum Hauptthema zurück.

Wählen Sie zunächst das Objektwerkzeug im Werkzeugfenster aus.

Keyframes aktivieren

Schauen Sie sich das Zeitleistenfenster genau an.

Wählen Sie den Ordner „Personen“ aus.

Klicken Sie auf den Teil, der im Bild unten angezeigt wird.

Diese Schaltfläche aktiviert Keyframes für die Ebene.

Sie haben jetzt Keyframes für die Ebene aktiviert.

 

 

Wenn Sie Keyframes aktivieren, wird ein Fadenkreuz angezeigt, wie im Bild dargestellt.

Wenn Sie das Fadenkreuz nicht sehen, vergewissern Sie sich, dass Sie im Werkzeugfenster das Objektwerkzeug ausgewählt haben.

Jetzt können Sie ganz einfach eine Gehbewegung erstellen.

Erstellen einer Gehbewegung mithilfe von Keyframes

Klicken Sie um den im Bild unten gezeigten Bereich herum.

Mit anderen Worten: Achten Sie darauf, das erste Bild auszuwählen.

Grundsätzlich gilt: Wenn Sie die Zeitleiste bis zu diesem Punkt nicht einmal berührt haben, befindet sie sich standardmäßig in diesem Zustand.

Beachten Sie jedoch, dass sie aus diesem Zustand verschwindet, wenn Sie die Zeitleiste auch nur ein wenig berühren.

 

Sehen Sie sich das zweite Bild unten genau an und stellen Sie sicher, dass es keine Unterschiede zu Ihrem eigenen Arbeitsbildschirm gibt.

Für Anfänger kann sogar ein Balken an einer leicht anderen Position dazu führen, dass die Animation nicht richtig läuft.

Kehren Sie zum Leinwandbildschirm zurück und verschieben Sie das Kreuzteil.

Das Kreuzteil kann mit dem Objektwerkzeug verschoben werden.

Achten Sie darauf, es mit der Mitte des Zeichens auszurichten.

Das Bild bewegt sich vom Kreuz aus, daher ist das Ausrichten des Kreuzes ein wichtiger Vorgang.

Wichtige Punkte

Achten Sie darauf, das Fadenkreuz an dieser Stelle auf die Figur auszurichten. Der Versuch, das Fadenkreuz später auf die Figur auszurichten, schlägt fehl.

Achtung!

Wenn Sie Keyframes aktivieren, können Sie nicht zeichnen.

Wenn Sie erneut zeichnen möchten, deaktivieren Sie bitte Keyframes.

Wenn Sie das Kreuz mit dem Objektwerkzeug verschieben, wird im Zeitleistenfenster eine Markierung wie die folgende angezeigt.

Klicken Sie anschließend auf den Teil unten, um den roten Balken zu verschieben.

In Bezug auf die Frame-Nummer ist dies Frame 31.

 

 

Stellen Sie als Nächstes sicher, dass das Objektwerkzeug aktuell ausgewählt ist.

Sehen Sie sich in diesem Zustand das Fenster „Werkzeugeigenschaften“ an.

Sie sollten eine Option für die Vergrößerung sehen.

Stellen Sie die Vergrößerung auf 105 horizontal und 105 vertikal ein.

Bewegen Sie den roten Balken, wie im Bild unten gezeigt, zurück an den Anfang der Zeitleiste (erstes Bild) und drücken Sie die dreieckige Wiedergabetaste, um die Bewegung zu überprüfen.

Sie sollten sehen können, dass die Person mit der Zeit größer wird.

Eine Auf- und Abbewegung erzeugen

Als Nächstes erstellen wir die Auf- und Ab-Schwingbewegung, die beim Gehen auftritt.

Erstellen Sie einen neuen Ordner und platzieren Sie den Ordner „Personen“ darin.

Achten Sie darauf, dass Sie den Ordner „Hintergrund“ nicht darin platzieren.

Stellen Sie sicher, dass Sie eine Ebenenstruktur wie diese erstellen.

Lassen Sie den neu erstellten Ordner im Ebenenfenster ausgewählt.

Behalten Sie nun das Zeitleistenfenster im Auge.

Klicken Sie auf den mit ② markierten Teil im Bild unten. Dadurch wird der rote Balken zum ersten Frame zurückgesetzt.

Klicken Sie anschließend auf den mit ③ markierten Teil, um den Keyframe zu aktivieren.

Mit den obigen Schritten können Sie doppelte Keyframes auf den „Personenordner“ und den „Ordner“ anwenden.

Dies ist eine praktische Methode, also merken Sie sie sich gut für später.

 

 

Nach dem vorherigen Schritt sollte das D-Pad nun wieder auf der Leinwand erscheinen.

 

Bewegen Sie das Kreuz in die Mitte des Charakters.

 

Wenn Sie sich das Element „Ordner“ im Zeitleistenfenster ansehen, sollten Sie bestätigen können, dass ein Keyframe festgelegt wurde.

Jetzt müssen Sie nur noch die Werkzeugoptionen nutzen, um die Figur im richtigen Moment auf und ab zu schütteln und so die Laufanimation zu vervollständigen.

Wir werden der Zeitleiste Keyframes hinzufügen.

 

Bewegen Sie den roten Stick wie im Bild unten gezeigt zum gewünschten Frame.

Drücken Sie die Taste mit der Aufschrift „Klick“ im Bild unten, um einen Keyframe hinzuzufügen.

 

Bewegen Sie den roten Stick, drücken Sie die Keyframe-Taste und fügen Sie nacheinander 13 Keyframes hinzu, wie im Bild unten gezeigt.

Wenn Sie Keyframes wie im Bild unten gezeigt hinzufügen können, war Ihr Vorgang erfolgreich.

Damit es leichter zu erkennen ist, habe ich die Keyframes, mit denen wir arbeiten werden, gelb markiert.

Indem wir die Eigenschaften der im Bild unten gelb markierten Keyframes anpassen, erzeugen wir die Aktion, das Bild nach oben und unten zu verschieben.

Klicken Sie auf einen der gelb markierten Keyframes. Lassen Sie das Objekteigenschaften-Werkzeug ausgewählt.

Bitte achten Sie genau auf das Fenster „Werkzeugeigenschaften“.

Wir werden den Y-Positionswert im Fenster „Werkzeugeigenschaften“ ändern.

Fügen Sie dem aktuellen Y-Wert 17px hinzu.

Mit anderen Worten: Wenn der aktuelle Y-Wert 540 ist, ändern Sie ihn auf 557.

Legen Sie dies für alle Keyframes fest, die im Bild unten gelb dargestellt sind. (Ändern Sie die Y-Position auf 557px)

Sie müssen die blauen Keyframes nicht berühren.

Dadurch können wir eine schwankende Auf- und Ab-Bewegung beim Gehen erzeugen.

Zeitleisten-Sekundenanpassung

Passen Sie als Nächstes die Anzahl der Sekunden auf der Zeitleiste an.

 

Behalten Sie das Zeitleistenfenster im Auge, drücken Sie auf die Auslassungspunkte und öffnen Sie Zeitleiste > Einstellungen ändern.

Stellen Sie den Endrahmen auf 30 ein.

Klicken Sie auf die Wiedergabetaste, um das Video abzuspielen

Wenn es sich wie unten gezeigt bewegt, wurde die Gehbewegung erfolgreich erstellt.

Achtung!

 

Keyframes können beim Abspielen auf einem Tablet sehr groß sein und einfrieren.

 

Wählen Sie in diesem Fall Datei > Animation exportieren und speichern Sie die Filmdatei.

 

Überprüfen Sie das Video, indem Sie sich die exportierte Filmdatei ansehen.

Der entscheidende Punkt in diesem Tutorial ist, dass separate Keyframes für die allmähliche Ausdehnung der Figur gesetzt werden, wenn sie auf Sie zugeht, und für das Auf- und Abschwingen der Figur beim Gehen.

Durch die zweimalige Überlappung der Keyframes haben wir es einfacher gemacht, später Feineinstellungen vorzunehmen.

---

Fortschrittlich

Durch das Hinzufügen eines Differenzbildes können Sie die Gehbewegung noch realistischer wirken lassen.

Eine Anleitung zum Hinzufügen von Bildern finden Sie in diesem Tutorial.