Einführung

Hallo, alle miteinander! Ich bin Kuramoris. In diesem Tutorial zeige ich Ihnen, wie Sie mit Keyframes eine einfache Animation in Clip Studio Paint erstellen.

 

Ich hoffe, dieses Tutorial wird Ihnen helfen, Ihre eigenen Animationen zu erstellen!

 

Videoanleitung

Hier können Sie sich das Video-Tutorial auf Englisch ansehen:

Das Video hat englische Untertitel für Ihre Bequemlichkeit. Sie können auch die automatische Übersetzung von Untertiteln in Ihre Sprache aktivieren.

Animation, die wir am Ende machen werden

Zwei Möglichkeiten zum Animieren

Normalerweise muss der Künstler bei 2D-Animationen Bild für Bild manuell zeichnen. Und für einen Anfänger, der noch nie versucht hat, etwas zu animieren, kann es schwierig sein. Stellen Sie sich vor: 24 Frames manuell zeichnen, um 1 Sekunde Animation zu erhalten!

Ich zeige Ihnen, wie Sie eine einfache Animation erstellen, bei der Sie nicht jedes Bild zeichnen müssen. Clip Studio Paint erledigt einen Teil der Arbeit für uns! Dazu erstellen wir eine Animation mit Keyframes.

 

Was ist Keyframe-Animation

Bei der Keyframe-Animation teilen wir Clip Studio Paint mit, wie ein Objekt auf einem der Frames positioniert werden soll und wie es auf einem der folgenden Frames positioniert (oder allgemein wie es transformiert werden soll) und alles dazwischen automatisch vom Programm erstellt.

 

Arten von Transformationen in der Keyframe-Animation

Wir können verschiedene Arten von Transformationen durchführen, wie zum Beispiel:

 

1. Position wechseln:

2. Größe ändern:

3. Drehen und Drehmittelpunkt ändern:

4. Transparenz ändern:

Und natürlich können wir sie alle kombinieren:

Die Transformation im Keyframe-Modus gilt für die gesamte Ebene. Wenn wir also mehrere Objekte animieren möchten, müssen sie auf verschiedenen Ebenen platziert werden.

 

Schritt für Schritt

Lassen Sie mich Ihnen zeigen, wie Sie Animationen mit Keyframes in Clip Studio Paint erstellen können.

 

Zuerst müssen Sie ein Bild zeichnen und es ein wenig vorbereiten.

Wie Sie im obigen Screenshot sehen können, habe ich einen separaten Ordner für den Jungen und einen separaten Ordner für das Mädchen. Sie müssen jedes Objekt, das sich bewegen soll, auf einer anderen Ebene platzieren. Zum Beispiel habe ich ihre Hand, ihr Kleid, ihre Beine, ihr Auge, ihren Kopf und ihre Flügel auf separaten Ebenen. Sie müssen auch die Teile des Bildes zeichnen, die in einem statischen Bild normalerweise nicht sichtbar sind, z. B. hinter der Hand.

 

Es gibt zwei Möglichkeiten, weiter zu gehen. Die erste Möglichkeit besteht darin, eine neue Animation zu erstellen, indem Sie das Menü Datei-> Neu verwenden, dann Animation auswählen und alle Ihre Objekte in eine neue Datei kopieren.

 

Aber ich werde eine Animation direkt in meiner Originaldatei erstellen. Schalten Sie dazu einfach die Timeline im Menü Windows -> Timeline ein. Klicken Sie dann auf die Schaltfläche „Neue Zeitleiste“. Siehe das Bild unten:

Im Popup-Fenster habe ich die Bildrate auf 24 Bilder pro Sekunde und die Wiedergabezeit auf 24 Bilder eingestellt. Ich verwende Clip Studio Paint PRO, also bin ich auf 24 Frames beschränkt, aber das reicht aus, um einfache GIFs zu erstellen. Wenn Sie keine Grenzen haben möchten, sollten Sie CLIP STUDIO PAINT EX verwenden.

Fangen wir an, das Mädchen zu animieren. Als erstes müssen Sie unseren Ordner auswählen und auf „Keyframes auf dieser Ebene aktivieren“ klicken.

Beachten Sie, dass wir jetzt auf keine Ebene in diesem Ordner zeichnen können. Das liegt daran, dass wir jetzt nur das Werkzeug „Objekt“ verwenden können.

Klicken Sie im ersten Frame auf die Schaltfläche „Keyframe hinzufügen“:

Wählen Sie dann einen beliebigen anderen Rahmen aus und verschieben Sie mit dem Werkzeug „Objekt“ alle Ebenen in diesem Ordner etwas höher. Ein neuer Keyframe wird automatisch hinzugefügt.

Ich möchte, dass das Mädchen im letzten Frame in der gleichen Position ist wie im ersten. Klicken Sie mit der rechten Maustaste auf den ersten Keyframe, wählen Sie „Kopieren“, klicken Sie mit der rechten Maustaste auf den letzten Frame und wählen Sie „Einfügen“.

Wenn Sie durch die Frames klicken, sehen Sie, dass Clip Studio Paint Zwischenframes hinzugefügt hat und sich das Mädchen jetzt reibungslos bewegt. Lassen Sie uns auf "Spielen" klicken und sehen!

Lassen Sie uns nun ihre Flügel animieren. Ich wähle die Ebene mit den Flügeln aus (das geht auf der Timeline oder im Fenster mit Ebenen), dann gehe ich zum ersten Frame und füge einen Keyframe hinzu. Ich werde die Flügel in den nächsten Frames drehen, daher ist es wichtig, den Rotationspunkt im ersten Frame festzulegen. Wir müssen dieses kleine Kreuz nur zu dem Punkt bewegen, um den sich ihre Flügel drehen werden.

Gehen Sie dann zu einem anderen Rahmen und drehen Sie die Flügel ein wenig.

Wiederholen Sie dies: Gehen Sie zu einem anderen Frame und drehen Sie die Flügel.

 

Vergessen Sie nicht, dass Sie Keyframes einzeln oder mehrere auf einmal kopieren können: Markieren Sie sie mit der Maus, rechte Maustaste, Kopieren, rechte Maustaste, Einfügen. Jetzt winkt das Mädchen mit den Flügeln. Animation abspielen, um das Ergebnis zu sehen! Es ist ganz einfach, oder? :)

 

In ähnlicher Weise werde ich Animationen für andere Teile des Bildes hinzufügen: Lassen Sie ihre Arme leicht auf und ab bewegen und ihre Beine ein wenig bewegen.

Wenn Ihnen das Ergebnis nicht gefällt, können Sie einen beliebigen Keyframe aus der Zeitleiste auswählen und die Position Ihres Bildes auf der aktuellen Ebene bearbeiten.

Sie können auch die Keyframes selbst verschieben, indem Sie sie einfach greifen und ziehen.

Sie können Keyframes löschen, indem Sie mit der rechten Maustaste auf einen von ihnen klicken (oder Sie können mehrere auf einmal auswählen) und "Löschen" auswählen.

Sie können alle Keyframes auf der Ebene löschen, indem Sie mit der rechten Maustaste darauf klicken und „Alle Keyframes löschen“ auswählen.

 

Jetzt lassen wir das Mädchen mit den Augen blinzeln.

 

Ich habe zwei separate Ebenen für geöffnete und geschlossene Augen.

Zuerst muss ich die Ebene mit geschlossenem Auge auswählen und zum ersten Frame gehen. Wenn Sie auf die Schaltfläche „Plus“ klicken, können Sie Keyframes für die Deckkrafteigenschaft sehen.

Keyframes für die Deckkraft unterscheiden sich von den anderen Transformationen, die wir auf die Ebene anwenden können. Wir können den Deckkraftwert in der Werkzeugeigenschaftenpalette oder in der Ebenenpalette einstellen. Ich setze die Deckkraft der geschlossenen Augenebene auf 0.

Für die offene Augenebene gehe ich auch zum ersten Frame, die Deckkraft sollte dort bereits auf 100 eingestellt sein, also sollte ich auf die Schaltfläche „Keyframe hinzufügen“ klicken.

Sagen wir jetzt, wir gehen zu Frame 8, ich möchte, dass sie hier ihr Auge schließt. Dazu muss ich die Deckkraft für die Ebene mit offenem Auge auf 0 und für die Ebene mit geschlossenem Auge auf 100 ändern. Wir werden sehen, dass ihr Auge auf diesem Rahmen geschlossen ist.

 

Danach muss sie ein paar Frames später ihr Auge wieder öffnen, also erstelle ich einfach neue Keyframes auf Frame 10 für die Ebenen mit geöffneten und geschlossenen Augen. Wenn wir diese Animation abspielen, wird das Mädchen mit den Augen blinzeln, aber da sich die Opazitätseigenschaft fließend ändert, sieht es nicht gut aus.

Vielleicht müssen Sie genauer (und langsamer) hinsehen, um zu sehen, wie die Transparenz einer Ebene in eine andere übergeht:

Um das Problem zu beheben, ändern wir den Keyframe-Interpolationstyp. Wählen Sie alle Keyframes auf der Ebene aus, klicken Sie mit der rechten Maustaste und wählen Sie „Keyframe wechseln, um Interpolation zu halten“.

In den meisten Fällen sieht die standardmäßige glatte Interpolation hübscher und natürlicher aus, aber für diese Augenanimation ist die Hold-Interpolation besser geeignet.

 

Jetzt erfolgt die Änderung der Deckkraft sofort:

Danach mache ich eine ähnliche Animation für den Jungen.

 

Animation exportieren

Um unsere Animation zu speichern, klicken Sie auf Datei -> Animation exportieren. Normalerweise möchten Sie es als GIF-Datei oder als Videodatei exportieren.

 

Ich werde es als GIF exportieren.

 

Dies ist die Animation, die ich am Ende bekommen habe:

Sie können auch einen Hintergrund auf einer separaten Ebene hinzufügen, um das GIF noch interessanter aussehen zu lassen.

Ich hoffe, dieses Tutorial wird Ihnen helfen, Ihre eigene Animation zu erstellen. Vielen Dank fürs Lesen!