Mein Name ist Sarrah und dieses Tutorial behandelt drei wirklich nützliche Tipps zur Charakteranimation in Clip Studio Paint. Ich werde das Erstellen von Duplikaten von Animations-Cels, Lippensynchronisation und das Kombinieren von Einzelbildanimation mit Keyframe-Animation behandeln.

 

Am Ende werde ich diese Animation erstellt haben:

Jeder Abschnitt ist sowohl als Video- als auch als Textversion verfügbar, je nachdem, was Sie bevorzugen. Lassen Sie uns beginnen!

Tipp Nr. 1: Rahmen kopieren

Zunächst erfahren Sie, wie Sie ein Frame in Ihrer Animation duplizieren.

Ich habe die Grundlagen der Zeitleiste und der Animation in anderen Videos behandelt. Wenn Sie eine Einführung benötigen, sehen Sie sich meine YouTube-Playlist zur Animation in CSP oder die Animationstipps an, die ich über den unten stehenden Link auf Clip Studio Tips veröffentlicht habe.

Kopieren einer Cel-Ebene

Wenn Sie Ihrer Zeitleiste eine neue Animationszelle hinzufügen, ist diese leer.

Sie können natürlich die Onion-Skin-Ansicht aktivieren, um eine verblasste Ansicht des vorherigen Frames anzuzeigen, aber Sie müssten dieses neue Cel trotzdem neu zeichnen.

Gehen Sie stattdessen zur Ebenenpalette, klicken Sie mit der rechten Maustaste auf die Ebene, die Sie kopieren möchten, und wählen Sie „Ebene duplizieren“ aus.

Abhängig von Ihren CSP-Einstellungen erhalten Sie möglicherweise diese Meldung. Sie können nicht mehrere Ebenen mit demselben Namen in einem Animationsordner haben.

 

Wenn Sie diese Meldung erhalten, klicken Sie einfach auf „OK“.

Denken Sie dann unbedingt daran, der neuen Ebene (der obersten) einen eindeutigen Namen zu geben.

Neues Cel zur Timeline hinzufügen

Um diese neue Kopie als Cel zu Ihrer Zeitleiste hinzuzufügen, klicken Sie mit der rechten Maustaste und wählen Sie den Namen der Ebene aus der Liste links aus.

 

Sie können jetzt auf dem zweiten Cel zeichnen, ohne das erste zu beeinflussen.

In ausgewählte Ebene einfügen (CSP Ver 2.2.0)

Wenn Sie über Clip Studio Paint Version 2.2.0 oder höher verfügen, wurde eine weitere Option hinzugefügt: die Möglichkeit, in die ausgewählte Ebene einzufügen, anstatt beim Einfügen eine neue Ebene zu erstellen.

 

Hinweis: Ab CSP Version 3.0 ist diese Einstellung derzeit nur für Animationszellen verfügbar. Sie funktioniert nicht auf normalen Ebenen.

Gehen Sie zu Datei und wählen Sie Einstellungen.

Gehen Sie zum Abschnitt „Animation“. Ändern Sie das Dropdown-Menü „So fügen Sie in Cels ein“ in „In ausgewählte Ebene einfügen“. Klicken Sie auf „OK“.

Gehen Sie zu der Zelle, die Sie duplizieren möchten, und verwenden Sie zum Kopieren Strg+C.

Klicken Sie mit der rechten Maustaste auf die Zeitleiste und erstellen Sie eine neue LEERE Zelle.

Verwenden Sie zum Einfügen Strg+V, und Sie haben nun ein Duplikat des Bildes.

 

Mit jeder dieser Methoden können Sie Duplikate von Cels erstellen, auf denen Sie nun zeichnen können, ohne das Original zu beeinträchtigen.

Sie können dies beliebig oft wiederholen, um eine Animation wie dieses Augenblinzeln fertigzustellen.

 

So einfach ist das!

Tipp Nr. 2: Lippensynchronisation

Um die Synchronisierung von Audio und insbesondere Sprache mit Ihren Charakteranimationen zu erleichtern, können Sie eine Audiodatei in Clip Studio Paint importieren.

Importieren eines Audioclips

Zuerst benötigen Sie einen Audioclip. Dieser kann im Format .wav, .mp3 oder .ogg vorliegen.

Gehen Sie zum Menü „Datei“, bewegen Sie den Mauszeiger über „Importieren“ und wählen Sie „Audio“.

Wählen Sie die Datei aus und klicken Sie auf „Öffnen“.

Es wird als neue Ebene auf der Zeitleiste angezeigt.

 

Da ich bei Bild 1 war, wird dort mein Audio importiert, aber Sie können den Clip auch anklicken und ziehen, um ihn zu verschieben. In diesem Fall möchte ich, dass er bei Bild 3 beginnt.

 

Sie können jetzt die Wellenform der Datei sehen und hören, wenn Sie auf „Wiedergeben“ drücken. Wenn Sie CSP Version 3.0 oder höher haben, können Sie jetzt den Abspielkopf verschieben, um zu hören, wie das Audio bei jedem Bild klingt.

Phoneme und Viseme

Um eine sprechende Figur zu animieren, müssen Sie nur wissen, wie ihr Mund bei jedem Laut aussieht.

Sie können dies tun, indem Sie ein Diagramm wie dieses als Leitfaden für Ihren Charakter erstellen. (Sie können mein Diagramm gerne herunterladen und als Leitfaden verwenden!)

 

Die einzelnen Laute der Sprache werden Phoneme genannt. Diese visuellen Darstellungen werden Viseme genannt. Wie Sie sehen, kann dasselbe Visem für mehrere Phoneme verwendet werden, z. B. A, E und I.

 

 

Es ist auch sehr hilfreich, einen Spiegel griffbereit zu haben, sodass Sie auf einen Blick sehen können, wie ein Geräusch klingt, wenn Sie Ihren Mund in diese Position bewegen.

Lippensynchronisation

Im einfachsten Fall geht es bei der Lippensynchronisation nur darum, dem Audioclip das richtige Visem zuzuordnen.

In meinem Beispiel lasse ich meine Figur den Satz „Hallo!“ sagen. Es ist wichtig, genau auf die Laute zu hören, anstatt über einzelne Buchstaben der Wörter nachzudenken.

Ich habe nur die Viseme gezeichnet, die ich für diesen Satz brauche. Jedes befindet sich auf einer anderen Ebene in einem Animationsordner, sodass ich sie überall auf der Zeitleiste hinzufügen kann.

Bild 1 beginnt mit einer neutralen Mundposition. Das „H“ in „Hi“ hat eigentlich kein eigenes Visem, sondern geht direkt in den langen „I“-Laut über. Es gibt ein ziemlich spezifisches Visem für „TH“-Laute, dann gehen wir zurück zum gleichen Visem wie „I“ für den „E“-Laut und beenden mit einem „R“-Laut. Schließlich kehre ich nach ein paar Bildern zu meiner neutralen Mundposition zurück.

 

So sieht die Animation aus:

Und hier ist eine verlangsamte Version, damit Sie die einzelnen Viseme sehen können, die ich verwendet habe:

Kieferbewegung

Bisher habe ich nur den Mund verändert, aber auch der Kiefer bewegt sich beim Sprechen ziemlich viel!

Natürlich wird in manchen Animationen aus stilistischen Gründen auf die Kieferbewegung verzichtet, wenn Sie aber Wert auf Realismus legen, sollten Sie auf jeden Fall auch den Kiefer bewegen.

Audio-Scrubbing und Viseme-Platzierung

Wie ich bereits erwähnt habe, ist es wichtig, nur auf die Geräusche zu hören, die gemacht werden, denn Akzente und die Geschwindigkeit, mit der jemand spricht, beeinflussen, welche Viseme Sie verwenden würden.

 

Die neue Audio-Scrubbing-Funktion, die mit CSP Version 3.0 eingeführt wurde, ist großartig, um genau zu bestimmen, welche Geräusche in welchen Frames vorkommen.

Beachten Sie unbedingt, dass der Mund bereits vor der Erzeugung des Lauts dessen Form festlegt. Daher möchten Sie das Visem häufig ein oder zwei Frames vor dem eigentlichen Laut platzieren.

Emotionen, Volumen, Augen und Augenbrauen

Lautstärke und Emotion lassen den Mund weiter öffnen. Andererseits kann es sein, dass sich der Mund beim Murmeln kaum bewegt.

 

Auch die Augen und Augenbrauen spielen bei emotionalem Sprechen eine große Rolle!

Tipp Nr. 3: Kombinieren Sie Einzelbild- und Keyframe-Animation

In Clip Studio Paint stehen zwei Animationsarten zur Verfügung: Einzelbildanimation und Keyframe-Animation. Sie können beide auch kombinieren, um Ihre Charakteranimationen zum Leben zu erwecken!

Ich werde den Animationsprozess hier nicht Schritt für Schritt durchgehen. Wenn Sie nicht sicher sind, wie Sie in Clip Studio Paint animieren, lesen Sie zuerst mein Tutorial „Animationsübersicht“!

Schneller Überblick

Bei der Einzelbildanimation handelt es sich um mehrere Cels in einem Animationsordner, und jedes Cel wird auf einem oder mehreren Frames in der Zeitleiste platziert.

Für die Keyframe-Animation hingegen ist kein Animationsordner erforderlich. Sie wird zum Animieren von Position, Rotation, Skalierung und Deckkraft verwendet. Sie legen einfach die Start- und Endbilder fest, die sogenannten Keys, und das Programm interpoliert alles dazwischen automatisch.

Sie können Keyframes nur zu einer einzigen Ebene oder zu einem ganzen Ordner und den darin enthaltenen Ebenen hinzufügen, wodurch Sie mehrere Bewegungen miteinander verketten können.

Kombinieren von Keyframe- und Frame-by-Frame-Animation

Was Sie jedoch möglicherweise nicht wissen, ist, dass Sie Keyframes auch zu Animationsordnern hinzufügen können!

Ich habe meiner Figur etwas Farbe verliehen! Um die Dinge für dieses Beispiel zu vereinfachen, befindet sich der Kopf zusammen mit all meinen Lippensynchronisations- und Blinzelanimationen jetzt in einem einzigen Animationsordner namens „Kopf“.

 

Ich habe außerdem Hals und Schultern in eine separate, stationäre Ebene namens „Körper“ verschoben.

Wenn ich es jetzt abspiele, können Sie die Einzelbildanimation des Kopfes meiner Figur sehen.

Hinzufügen von Keyframes

Ich wähle den Animationsordner „Kopf“ aus und klicke auf Keyframes auf dieser Ebene aktivieren.

Um eine Ebene oder einen Ordner mit aktiviertem Keyframe zu steuern, gehen Sie zum Operationswerkzeug und wählen Sie das Unterwerkzeug „Objekt“ aus.

Ich stelle sicher, dass ich mich im ersten Bild befinde, und verschiebe den Rotationspunkt meines Kopfes nach unten an die Stelle, an der der Hals damit verbunden wäre.

Jede Aktion, die das Objekt ändert (z. B. das Verschieben des Rotationszentrums), führt dazu, dass in diesem Ordner ein Keyframe angezeigt wird.

Als Nächstes bewege ich den Abspielkopf zu Frame 9 und neige dann das Kopfobjekt, wodurch ein weiterer Keyframe angezeigt wird.

Wenn ich die Animation jetzt abspiele, sehen Sie sowohl meine Einzelbildanimation als auch die Kopfneigung aus den Keyframes.

Warum kann ich die Frames nicht bearbeiten?

Möglicherweise haben Sie bemerkt, dass Sie Ebenen mit aktivierten Keyframes nicht bearbeiten können.

Klicken Sie einfach auf Ebenen mit aktiven Keyframes bearbeiten, wodurch Keyframes vorübergehend deaktiviert werden, damit Sie Anpassungen vornehmen können. Klicken Sie einfach erneut darauf, wenn Sie fertig sind.

 

Hinweis: Tatsächlich können Sie Keyframes einfach vollständig deaktivieren und Ihre Änderungen vornehmen. Wenn Sie erneut auf Keyframes auf dieser Ebene aktivieren klicken, werden sie wieder angezeigt.

Verketten mehrerer Keyframe-Animationen

Erinnern Sie sich, dass ich die Verkettung von Animationen erwähnt habe? Auch Einzelbild-Animationsordner können in die Kette einbezogen werden.

Ich habe beispielsweise eine subtile Animation hinzugefügt, bei der sich die Finger ein wenig spreizen, wenn ich mit der Hand winke.

Hand ist ein Animationsordner, der die Animation der bewegten Finger enthält, während Unterarm eine eigene Ebene ist.

 

Im zweiten Bild können Sie sehen, dass ich beide zu einem einzigen übergeordneten Ordner mit dem Namen Arm hinzugefügt habe.

Nachdem ich den übergeordneten Ordner „Arm“ ausgewählt habe, klicke ich auf „Keyframes auf dieser Ebene aktivieren“.

Mithilfe des Objekt-Subtools verschiebe ich den Drehmittelpunkt nach unten außerhalb des Bildschirms, dorthin, wo der ganze Arm rotieren würde.

 

Tipp: Achten Sie unbedingt auf den Keyframe, der auf der Zeitleiste erscheint!

Zuerst bewege und drehe ich den Arm in seine Ausgangsposition in Frame 1.

Dann fahre ich mit dem Abspielkopf zu Frame 7 und bewege den Arm etwas über seine endgültige Position hinaus.

 

Dadurch füge ich der Animation etwas Überschwingen hinzu, um die Bewegung hervorzuheben. Mehr dazu erkläre ich in meinem Tutorial zu animierten Emotes:

Zum Schluss verschiebe ich es ein wenig zurück in seine endgültige Ruheposition ein paar Frames später bei Frame 9.

Das sieht ziemlich gut aus, aber das Handgelenk ist steif, also animieren wir auch die Hand.

Wenn ich den Animationsordner mit der Hand auswähle, beachten Sie, dass die Schaltfläche Keyframes auf dieser Ebene aktivieren ausgegraut ist.

 

WICHTIG: Da im übergeordneten Ordner bereits Keyframes aktiviert sind, werden sie für untergeordnete Ordner automatisch aktiviert.

In Frame 1 verschiebe ich den Drehpunkt der Hand an ihre Basis.

 

Beachten Sie erneut den Keyframe, der automatisch angezeigt wird.

Wie beim Arm drehe ich die Hand in ihre Ausgangsposition in Bild 1.

Dann gehe ich zum Ende der Animation und drehe sie an die gewünschte Position im Bild 9.

Zum Schluss werde ich bei dieser Bewegung auch in Frame 7 ein kleines Überschwingen einbauen.

 

Tipp: Dieses Mal habe ich das mittlere Überschwingen-Frame zuletzt gemacht, nur um zu zeigen, dass es eigentlich egal ist, in welcher Reihenfolge Sie Ihre Animation einrichten!

Jetzt haben Sie drei animierte Bewegungen, die miteinander verkettet sind:

 

1 - Keyframes, die den Arm bewegen

2 - Keyframes, die das Handgelenk bewegen (das sich mit dem Arm bewegt)

3 - Die Einzelbildbewegung der Hand

Zum Schluss habe ich mit denselben Techniken noch ein paar weitere Bewegungen hinzugefügt. Der Körper hat jetzt eine kleine Bewegung, die auch den Kopf bewegt, und am Ende lasse ich die Hand nach unten fallen.

 

Das sind einige einfache Möglichkeiten, um Ihren Charakteranimationen viel Bewegung und Leben zu verleihen!

Abschluss

Dies ist ein ziemlich einfaches Beispiel, aber ich hoffe, es hilft Ihnen zu sehen, wie viel Sie mit den großartigen Animationstools von Clip Studio Paint machen können.

 

Folgen Sie mir unbedingt unter @MsRedNebula auf Twitter, Instagram, Bluesky oder Mastodon, um zu sehen, wann ich neue Tutorials ankündige. Sie können mir auch hier auf Clip Studio Tips folgen oder meinen YouTube-Kanal abonnieren.

 

Viel Spaß beim Animieren!