Der Ebenen-Keyframe in Clip Studio war schon immer mein Favorit, und es gibt unendlich viele Ideen, Kunst zu schaffen. In diesem Tutorial zeige ich Ihnen, wie Sie eine animierte Papierpuppe im Gothic-Lolita-Stil erstellen, die einfacher Tuschekunst Leben einhaucht. Eine gute Idee für traditionell gestaltete Karten, die in sozialen Netzwerken/Communities gepostet oder für Storytelling-Videos verwendet werden können.

Dieses Tutorial ist auch mit Clip Studio Pro und Ex kompatibel. Wenn Sie sich noch nicht an die Animationsfunktion von Clip Studio gewöhnt haben, können Sie es ausprobieren.

 

Der Prozess kann auch für die Animation in Live2D angepasst werden.

Video-Tutorial

Schauen Sie sich das Video an, um den Prozess in Aktion zu sehen

Das Designelement

Ich entwerfe einfach die Skizzenpose einer Hexe in einem Gothic-Lolita-Kleid, die auf einem magischen Besen reitet

Gothic Lolita ist eine Mode, die von den westlichen Krinolinenkleidern des 19. Jahrhunderts inspiriert ist.

 

Einige ikonische Merkmale des Gothic-Lolita-Stils sind dunkle Stofftöne, mysteriöse oder religiöse Symbole, Totenköpfe, Spitze und Rüschen.

Versuchen Sie, Dinge zu kombinieren, bis Sie ein Design haben, das Ihnen gefällt. Möglicherweise müssen Sie Referenzen aus dem Internet suchen.

 

Für den Hintergrund füge ich ein wenig gotische Architektur hinzu; Sie können sie nach Referenzen zeichnen oder aus den Clip Studio Assets unter dem Stichwort „Gothic“ herunterladen.

Digitales Tuschen im traditionellen Stil

Um der Tusche ein traditionelles Aussehen zu verleihen, verwende ich den texturierten Stift im Stift-Unterwerkzeug.

Sie können den Druck im Pop-up-Fenster für die Pinselgrößendynamik konfigurieren.

Die Tuscheanpassung für digitale Gemälde hängt hauptsächlich vom Druck der Stiftspitze ab.

Klicken Sie einfach auf die Diagrammlinie, um sie anzupassen

Einige Beispiele für Einstellungen des Stiftdruckdiagramms

Eine gute Konfiguration des Stiftdrucks wird Sie weniger ermüden, wenn Sie Ihre Hand mit Druck beim Zeichnen einer vollständigen Tuschearbeit (die viele Striche und Druckkontrolle erfordert) steuern, und verlängert auch die Lebensdauer Ihrer Stiftspitze.

Die Druckeinstellung hängt jedoch von der Person ab; manche Menschen haben eine härtere Strichdruckhand und manche eine leichtere Hand. Um Ihre eigene Konfiguration zu finden, versuchen Sie, einige grundlegende Formen zu tuschen.

 

Dies ist meine Konfiguration. Ich habe einen harten Strichdruck, wenn ich den Eingabestift halte, daher stelle ich die Ausgabe etwas geringer als gewöhnlich ein, damit es für mich einfacher ist, die dünnen Linien zu zeichnen.

Sie können auch eine weitere Konfiguration im Voraus einrichten, indem Sie das Kontrollkästchen aktivieren, um die Konfiguration zu aktivieren.

Und die Stabilisierung fügt Ihren Strichen eine kleine Verzögerung hinzu, um die Tusche glatt zu machen

Und wenn Sie beim Ausprobieren ein Durcheinander anrichten, können Sie von vorne beginnen, indem Sie auf das Symbol zum Zurücksetzen der Konfiguration klicken >_<“

Jetzt haben Sie den Lieblingsstift, der wie ein traditioneller Stift funktioniert, Zeit, den Tuschevorgang zu beginnen!!

Schritt 1: Konturen tuschen

Für die Konturen arbeite ich auf der Vektorebene, damit sie später leichter bearbeitet werden können (und auch gut für die Trennung von Teilen in der Animation).

 

Färben Sie die Skizzenlinie mit Ebenenfarben und reduzieren Sie die Deckkraft.

 

Erstellen Sie dann die Vektorebene

Beginnen Sie, die Konturen zu zeichnen. Im traditionellen Tuschestil müssen wir die Tusche auf jeder Linie sauber kontrollieren, was Zeit braucht, aber mit der Vektorebene können wir die Konturen grob zeichnen und später bearbeiten.

Stellen Sie sicher, dass Sie den Vektor-Radiergummi für den Linienbereinigungsprozess aktivieren

Passen Sie die Strichstärke mit [Linienbreite anpassen] im Unterwerkzeug [Linie korrigieren] an

Fügen Sie den Umrissen Dicke hinzu

Ich habe auch die dicken Stellen gemalt, wo es Schlagschatten geben sollte.

Und dünnere Linien bei einigen Details wie den Falten von Kleidung.

Auf dem Navigator und an den unteren Rändern der Leinwand können Sie die Leinwandrotation verwenden, um den Winkel Ihrer Hände anzupassen, als ob Sie das Papier beim traditionellen Tuschen drehen würden.

Ich beende immer zuerst die Gesamtumrisse und fülle dann später die Details aus. Dadurch wirken Formen wie Anatomie oder Kleidung klar und es wird einfacher, Fehler zu erkennen, bevor die Details hinzugefügt werden.

 

Die Korrektur der Form in diesem Schritt ist einfacher als nach dem Hinzufügen von Details.

Für die Details erstellen Sie eine neue Ebene und skizzieren die Details, wie z.B. Rüschen.

Erstellen Sie dann eine neue Vektorebene und tuschen Sie sie.

 

Tipp: Stellen Sie die Ebenenfarbe auf die Konturenebene ein, um Verwirrung zu vermeiden.

Löschen Sie die überlappenden Teile aus der Konturenebene.

Wenn Sie fertig sind, verschieben Sie die Detailebene über die Konturenebene, wählen Sie dann beide Ebenen aus und führen Sie sie zusammen (halten Sie die Umschalttaste gedrückt und klicken Sie auf beide Ebenen, dann Rechtsklick und > Ausgewählte Ebenen zusammenführen).

Beachten Sie, dass das Menü nicht anklickbar ist, wenn die Ebene nicht in verbundener Reihenfolge ist.

Die fertige Kontur.

Für weitere Details zum Zeichnen von Rüschen und Stoffdetails empfehle ich dieses Tutorial von Mortinfamia. Die Schritte sind sehr einfach zu befolgen ^ ^

Schritt 2: Tuscheschattierung

In Farbgrafiken können wir dem Bild einfach Dimensionen hinzufügen, indem wir Licht und Schatten anwenden.

Aber in einfacher Tuschekunst helfen die Dicke der Konturtusche und die Details bei der Dimension.

Der grundlegendste Stil für die Schattierung ist parallele Tusche im Bereich. Dies verleiht der Tuschekunst einfach Dimensionen.

Um die Tusche sauber und ordentlich zu halten, müssen Sie auf die Tuscherichtung und die Lücken zwischen den Linien achten. Beziehen Sie die Richtung auf die Formen oder halten Sie alle Linien in der gleichen Richtung.

Hinweis: Sie können die Linie teilen, wenn der Bereich zu groß ist, um die parallele Linie bequem zu ziehen. Stellen Sie einfach sicher, dass die Dichte und Richtung der Linie gut kontrolliert werden.

 

Die Tuschegröße und -dichte werden auch verwendet, um die Menge an Licht und Schatten zu schattieren.

(Der hohe Kontrast zwischen hellen und dunklen Bereichen erzeugt auch einen glänzenden Look ^_^)

Die anderen Objekte können auch eine andere Tuscherichtung und einen anderen Stil haben, zum Beispiel Kleidung oder Rüstung.

Für fortgeschrittenere Optionen: Kreuzschraffurlinie, stellen Sie einfach sicher, dass sie in allen Bereichen in die gleiche Richtung geht.

Schattieren wir unsere Puppe im parallelen Tuschestil.

 

Erstellen Sie eine neue Rasterebene unter der Tuscheebene und schattieren Sie die Schattenbereiche, um sie als Referenz für den Schatten zu verwenden.

Erstellen Sie eine neue Ebene darüber und beginnen Sie mit dem Tuschen. Es kann eine Raster- oder eine Vektorebene sein, am Ende werden wir sie sowieso rastern.

 

Lassen Sie einige umrandete Bereiche, damit der Bereich getrennt aussieht. (nicht mit anderen Bereichen vermischt)

 

 

Zeichnen Sie die geschlossenen Bereiche, die farbig gefüllt werden müssen, und füllen Sie dann die Lücke mit dem Werkzeug [Schließen und Füllen]

Achten Sie auf die Faltenrichtungen und die Form des Stoffes

Für die Haare füge ich an den Stellen, an denen Schlagschatten auf überlappende Teile fallen sollen, hochdichte Tusche hinzu. Der Rest wird durch die Haarrichtung hinzugefügt.

Die Lederstiefel haben einen hohen Kontrast in der Schattierung an den Falten, um sie glänzend aussehen zu lassen.

Ich setze keine Schattierungsdetails ins Gesicht, damit es hervorsticht und sauber aussieht.

Löschen/Verbergen Sie die graue Schattierungsebene und fertig!

Schritt 3: Für die Animation vorbereiten

Wir müssen zuerst die gesamte Bewegung der Puppe entwerfen.

Die kleine Hexe schwebt in einer Schleife auf und ab auf ihrem Besen und wiederholt dies dann unendlich.

 

Dies sieht solide aus, da es keine andere Bewegung als die Position der Hexe gibt.

Der zusätzliche Keyframe bei der Abwärtsbewegung lässt es natürlicher aussehen, zum Beispiel fließen die Haare nach oben, wenn der Besen sich abwärts bewegt.

Lebhafter~ ( ‘ w ’ )/

Wir werden die Puppe für diese Animation in separate Teile zerlegen

Bereiten Sie die Ebenen für die Teilung vor: eine Vektorebene für die Umrisse und eine Rasterebene für die Schattierung. Wenn Sie mehr haben, führen Sie sie einfach zusammen, um nur 2 zu haben.

Stellen Sie die Papierfarbe auf etwas anderes als Weiß ein, um die weißen Bereiche der Teile zu erkennen.

Schalten Sie die Ebenenfarbe für die Tusche um

(Ich trenne die Gesichtsebene immer von der Tusche, für spätere Emotionsbearbeitungen)

 

Verwenden Sie das Lasso-Werkzeug und erstellen Sie Auswahlen für den Teil, den wir trennen werden.

 

Kopieren Sie es und fügen Sie es in eine neue Ebene ein

[Strg+C] > [Strg+V]

Die neue Ebene hat auch den Ebeneneffekt, klicken Sie auf das Symbol, um ihn auszuschalten.

Verbergen Sie die Tuscheebene und entfernen Sie nun die unerwünschten Linien mit dem Radiergummi.

Löschen Sie auch den Teil aus der originalen Tuscheebene. (Der Vektor-Radiergummi macht es magisch einfach!)

Legen Sie das ausgeschnittene Teil in einen Ordner, geben Sie dem Ordner einen Namen und erstellen Sie eine neue Rasterebene darunter.

Verwenden Sie das Werkzeug [Schließen und Füllen], um den Teilen weiße Farbe zuzuweisen.

Halten Sie [Strg] gedrückt und klicken Sie auf die Ebenenminiatur, um eine Auswahl aus dem gefüllten Bereich zu erstellen.

(Hinweis: Sie können auch mit der rechten Maustaste auf die Ebene klicken > Auswahl aus Ebene > Auswahl erstellen)

 

Wählen Sie dann die Schattierungsebene aus und schneiden/kopieren Sie die Schattierung im Auswahlbereich.

Und fügen Sie es in den Teileordner ein und der erste Teil ist fertig!!

Es wird einige Teile geben, die nach dem Bereinigungsprozess eine große offene Lücke erzeugen,

Zeichnen Sie zusätzliche Linien, um die Form zu vervollständigen. Wiederholen Sie dann den Vorgang des Füllens und Beschneidens des Tons.

Sie müssen auch mehr Schattierungen auf fehlende Teile hinzufügen.

Für einige Teile auf der Rückseite fügen Sie mehr Fläche hinzu, damit sie sich bewegen können, ohne dass Lücken entstehen.

(Verwenden Sie das Pinch-Werkzeug, um die Linie einfach anzupassen)

 

Bei einigen komplizierten Teilen, wie dem Rock, wird die Trennung mit dem schwarzen Bereich es erleichtern, die Bewegung zu gestalten und das nahtlose Aussehen zu erhalten.

 

Wenn Sie fertig sind, haben Sie einen Stapel von Teileordnern.

Klicken Sie mit der rechten Maustaste auf den Ordner und [Datei-Objekt] > [Ebene in Datei-Objekt konvertieren]

 

Stellen Sie den Bereich nur auf den Zeichenbereich ein.

Speichern Sie es dann in einem Ordner, Sie erhalten einen Ordner mit Teilen wie diesen.

Sie können das Datei-Objekt zur Bearbeitung öffnen, indem Sie mit der rechten Maustaste auf die Objektebene klicken.

Die Datei enthält den gesamten Ordner, den wir konvertiert haben. Sie können den Teil bearbeiten oder weitere Details malen.

Die Teile sind bereit zur Animation!!

Schritt 4: Loop-Animation

Die Animation der Puppe bewegt sich in 2 Schritten, zuerst aufwärts, dann abwärts. So wie hier

Der End-Keyframe bewegt sich also in 2 Schritten, hoch und runter.

Ich habe die Referenz auf der Leinwand für die Anpassungen platziert.

Neue Zeitleiste erstellen, gehen Sie zu Animation > Zeitleiste > Neue Zeitleiste

Stellen Sie die Zeitleiste mit einer Bildrate von 8 und einer Wiedergabezeit von 24 ein.

 

Diese Einstellung ist auch gut für die Clip Studio Paint Pro-Version.

8 Bilder pro Sekunde können die Begrenzung von 24 Bildern auf 3 Sekunden erweitern und ermöglichen dennoch eine flüssige Schleife.

Wenn das Zeitleistenfeld fehlt, gehen Sie zu Fenster > Zeitleiste

Erstellen Sie den Anfangs-Frame für die Schleife.

 

Wählen Sie alle Objekte aus und aktivieren Sie dann den Ebenen-Keyframe.

Erstellen Sie im ersten und letzten Frame den neuen Keyframe (alle Ebenen sind noch ausgewählt).

 

Im Konzept von Loop-Animationen ist der erste Frame der Frame, der dem letzten Frame folgt. Dies stellt sicher, dass der letzte Frame dem ersten Frame gleicht.

 

Erstellen Sie einen neuen Frame in der Mitte der Zeitleiste.

Und bewegen Sie die Objektpositionen nach oben.

Passen Sie dann die Position der Objekte mit dem Objekt-Werkzeug an.

Der erste und letzte Frame

Der mittlere Frame

Mit 2-Schritt-Keyframes können Sie der Puppe einfach Bewegungen verleihen!

Wenn Sie bemerken, gibt es einen kurzen Stopp auf dem letzten Keyframe, da der erste und der letzte Frame identisch sind.

Um dies zu beheben, klicken Sie im letzten Frame mit der rechten Maustaste und wählen Sie [Frame löschen] und löschen Sie nur 1 Frame.

Jetzt gibt es keine überlappenden Frames mehr. (Sie können auch weitere Frames zur Zeitleiste hinzufügen mit dem Menü [Frame einfügen])

Das Hinzufügen weiterer Frames für einen weiteren Bewegungsschritt lässt die Puppe lebendiger wirken.

Wie Sie sehen, hat der Frame keine leichte Pause mehr.

Die zeitliche Abstimmung der Bewegung ist jedoch immer noch nicht flüssig. Passen Sie die Keyframe-Positionen an, ohne die Start- und End-Frames zu berühren, um dies zu beheben.

Für die Augen verwenden Sie den Animationsordner, um das Blinzeln zu erzeugen.

 

Erstellen Sie einen neuen Animationsordner.

Zeichnen Sie dann das Gesicht mit geschlossenen und offenen Augen. Legen Sie es dann in den Animationsordner.

Klicken Sie mit der rechten Maustaste auf die Zeitleiste des Animationsordners und legen Sie dann fest, welcher Frame an der geklickten Position angezeigt werden soll.

Dadurch blinzeln die Augen, aber die Position folgt noch nicht der Körperbewegung.

Aktivieren Sie den Keyframe und passen Sie ihn an die Körperbewegung an.

Damit es wie eine Papierpuppe aussieht, wenden Sie den Rands-Effekt auf jedes Objekt an.

Bei einigen Teilen, die aus vielen Objekten bestehen, legen Sie diese in einen Ordner, bevor Sie den Randeffekt einstellen. Der Effekt wird nur am äußeren Rand angezeigt.

Sie können auch weitere Charaktere mit diesen Schritten hinzufügen.

Stellen Sie auch sicher, dass die Bewegung mit der des anderen Charakters zusammenhängt.

Der Charakter ist fertig!

Schritt 5: Mit Hintergrund abschließen

Für den Hintergrund habe ich in einer anderen Datei einige gotische Strukturen gezeichnet.

 

(Ich habe mich an Fotos gotischer Architektur orientiert.^ ^)

 

Verwenden Sie das symmetrische Lineal mit dieser Einstellung im Lineal-Unterwerkzeug, um die symmetrische Zeichnung zu erstellen.

Weitere Tipps zur Verwendung des Lineals finden Sie in meinem September-Tutorial:

Und für die Tuscheschattierung großer Flächen verwenden Sie das parallele Lineal im Unterwerkzeug für Speziallineale.

Ich habe ein kurzes Tipp-Video zur Verwendung des parallelen Lineals für die Erstellung von Schraffurtusche gemacht, schauen Sie es sich hier an.

Hier ist die einfache Version einiger Säulen im gotischen Stil für den Hintergrund.

Erstellen Sie die neue Zeitleiste mit den gleichen Einstellungen wie die Papierpuppen-Datei.

Importieren Sie dann die Puppendatei auf die Leinwand [Datei > Importieren > Datei-Objekt erstellen]

Das Datei-Objekt kann die Hintergrundfarbe enthalten, löschen Sie den Hintergrund in der Objektdatei.

Sie können die Sterne auch auf einer neuen Ebene mit dem Sprühwerkzeug malen.

Passen Sie die Deckkraft mit dem Ebenen-Keyframe an, um die Sterne leuchten zu lassen.

Ich hoffe, dieses Tutorial gibt Ihnen einige Ideen für Ihre Arbeit!!

Viel Spaß beim Tuschen und Animieren!