Der in Clip Studio vorgestellte Layer-Keyframe war schon immer mein Favorit und es kann unendlich viele Ideen geben, um Kunst zu schaffen. In diesem Tutorial zeige ich Ihnen, wie Sie eine animierte Papierpuppe im gotischen Lolita-Stil erstellen, die der einfachen Farbkunst Leben einhaucht. Eine gute Idee für die traditionell gestaltete Karte, um sie in sozialen Netzwerken / in der Community oder zum Erzählen von Videos zu veröffentlichen.

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

 

Der Prozess kann auch angepasst werden, um in Live2D animiert zu werden.

Videoanleitung

Überprüfen Sie das Video, um den Vorgang in Aktion zu sehen

Das Gestaltungselement

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

Die gotische Lolita ist die Mode, die im 19. Jahrhundert vom westlichen Krinolinkleid inspiriert wurde.

 

Einige ikonische Merkmale des gotischen Lolita-Stils sind der dunkle Stoff, ein mysteriöses oder religiöses Symbol, Schädel, Spitze und Rüschen.

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

 

Als Hintergrund füge ich ein bisschen gotische Architektur hinzu. Sie können sie aus Referenzen zeichnen oder aus dem Clip Studio-Asset unter dem Schlüsselwort "Gothic" herunterladen.

Digitales Einfärben im traditionellen Stil

Um die Tinte traditionell aussehen zu lassen, verwende ich den strukturierten Stift im Stift-Unterwerkzeug.

Sie können den Druck im Popup-Fenster für die Dynamik der Pinselgröße konfigurieren.

Die Tinteneinstellung für digitale Bilder hängt hauptsächlich vom Druck der Stiftspitze ab.

Klicken Sie einfach auf die Diagrammlinie, um sie anzupassen

Einige Beispiele für Einstellungen für das Stiftdruckdiagramm

Eine gute Konfiguration des Stiftdrucks macht es weniger müde, die Hand mit Druck beim Zeichnen in einem vollen Tintenauftrag zu steuern (was viele Striche und Druckkontrolle erfordert), und spart außerdem die Lebensdauer Ihrer Stiftspitze.

Die Druckeinstellung hängt jedoch von der Person ab, manche Menschen haben härtere Druckhände und manche leichtere Hände. Versuchen Sie, eine Grundform einzufärben, um Ihre eigene Konfiguration zu finden.

 

Dies ist meine Konfiguration. Ich habe einen harten Druck, wenn ich den Stift halte, daher stelle ich die Ausgabe etwas weniger als gewöhnlich ein, damit ich die dünnen Linien leichter zeichnen kann.

Sie können auch eine andere Konfiguration im Voraus festlegen, indem Sie auf das Kontrollkästchen klicken, um die Konfiguration zu aktivieren.

Außerdem stabilisiert die Stabilisierung Ihre Stokes etwas, um die Tinte glatt zu machen

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

Jetzt erhalten Sie den Lieblingsstift, der wie ein herkömmlicher Stift funktioniert. Zeit, den Farbvorgang zu starten!

Schritt 1: Einfärben des Umrisses

Für die Gliederung arbeite ich an der Vektorebene, damit sie später einfacher bearbeitet werden kann (und auch für Teiletrennungen in der Animation geeignet ist).

 

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

 

Erstellen Sie dann die Vektorebene

Beginnen Sie mit dem Zeichnen der Kontur. Im traditionellen Farbstil müssen wir die Tinte in jeder Linie sauber steuern, was einige Zeit in Anspruch nimmt. Mit der Vektorebene können wir die Kontur jedoch grob erstellen und später bearbeiten.

Stellen Sie sicher, dass Sie den Vektor-Radierer für die Zeilenbereinigung aktivieren

Passen Sie das Tintengewicht mit [Linienbreite anpassen] im Unterwerkzeug [Linie korrigieren] an

Fügen Sie die Dicke zum Rand der Konturen hinzu

Ich habe auch die dicken Stellen gemalt, an denen es einige Schlagschatten geben soll.

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

Am Navigator und an den unteren Rändern der Leinwand können Sie die Leinwanddrehung verwenden, um den Winkel Ihrer Hände so anzupassen, als ob Sie das Papier beim herkömmlichen Einfärben drehen würden

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

 

Das Fixieren der Form in diesem Schritt ist einfacher als nach dem Hinzufügen von Details

Erstellen Sie für die Details eine neue Ebene und skizzieren Sie die Details, z. B. Rüschen.

Erstellen Sie dann eine neue Vektorebene und färben Sie sie ein.

 

Tipp: Stellen Sie die Ebenenfarbe für weniger Verwirrung auf die Konturebene ein

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

Wenn dies erledigt ist, verschieben Sie die Detailebene über die Gliederungsebene, 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, klicken Sie dann mit der rechten Maustaste und> Ausgewählte Ebenen zusammenführen).

Beachten Sie, dass das Menü nicht klicken kann, wenn die Ebene nicht in der verbundenen Reihenfolge ist.

Der fertige Umriss.

Für weitere Informationen zum Zeichnen von Rüschen und Stoffdetails empfehle ich dieses Tutorial von Mortinfamia. Der Schritt ist sehr einfach zu befolgen ^^

Schritt 2: Tintenschattierung

In der Farbgrafik können wir der Zeichnung einfach Dimensionen hinzufügen, indem wir Licht und Schatten anwenden.

In der einfachen Tintenkunst helfen jedoch die Dicke der Umriss-Tinte und die Details bei der Bemaßung.

Der grundlegende Stil für die Schattierung ist die parallele Tinte im Bereich. Dadurch werden der Tintenkunst einfach Abmessungen verliehen

Um die Tinte sauber und ordentlich zu halten, müssen Sie auf die Tintenrichtung und die Lücken zwischen den Linien achten. Verweisen Sie die Richtung auf die Formen oder halten Sie alle Linien in derselben 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 Tintengröße und -dichte werden auch verwendet, um die Licht- und Schattenmenge zu schattieren.

(Der hohe Kontrast zwischen hellem und dunklem Bereich erzeugt auch einen glänzenden Look ^ _ ^)

Die anderen Objekte können auch eine andere Tintenrichtung und einen anderen Stil haben, z. B. Kleidung oder Rüstung.

Für erweiterte Optionen: Schraffurlinie, stellen Sie einfach sicher, dass sie in allen Bereichen in die gleiche Richtung verläuft.

Lassen Sie uns unsere Puppe mit dem parallelen Farbstil beschatten.

 

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

Erstellen Sie oben eine neue Ebene und beginnen Sie mit der Tinte. Es kann sich um eine Raster- oder eine Vektorebene handeln. Am Ende werden wir sie trotzdem rastern.

 

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

 

 

Zeichnen Sie die geschlossenen Bereiche dort, wo sie 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 Richtungen und Formen der Stofffalten

Für das Haar füge ich die Tinte mit hoher Dichte hinzu, bei der Schatten auf überlappende Teile fallen soll. Der Rest wird durch die Richtung der Haare hinzugefügt

Die Lederstiefel haben einen hohen Schattenkontrast am Faltenhelm, damit sie glänzend aussehen.

Ich habe keine Schattierungsdetails auf das Gesicht aufgetragen, damit es herausspringt und sauber wird

Löschen / Ausblenden der grauen Schattierungsebene und fertig!

Schritt 3: Vorbereiten der Animation

Wir müssen zuerst die Gesamtbewegung der Puppe entwerfen

Die kleine Hexe wird in einer Schleife auf ihrer Blüte auf und ab schweben und sie dann für immer wiederholen.

 

Das sieht solide aus, weil es keine andere Bewegung als die Position der Hexe gibt.

Der zusätzliche Keyframe bei der Abwärtsbewegung sorgt dafür, dass es natürlicher aussieht. Beispielsweise fließt das Haar nach oben, wenn sich die Blüte in der Abwärtsbewegung befindet.

Lebhafter ~ \ ('w') /

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

Bereiten Sie die Ebenen für die Teiletrennung, eine Vektorebene des Umrisses und eine Rasterebene der Schattierung vor. Wenn Sie mehr haben, führen Sie es 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 Tinte um

(Ich trenne immer die Gesichtsschicht von der Tinte, um später die Emotionen zu bearbeiten.)

 

Verwenden Sie das Lasso-Werkzeug und treffen Sie eine Auswahl für den Teil, den wir trennen möchten

 

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 sie auszuschalten

Blenden Sie die Tintenschicht aus und jetzt können Sie die unerwünschten Linien mit dem Radiergummi entfernen.

Löschen Sie das Teil auch von der ursprünglichen Tintenschicht. (Vektor Radiergummi macht es einfach wie Magie!)

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 die Teile weiß zu färben

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

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

 

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

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

Es wird einen Teil geben, der nach dem Bereinigungsprozess eine große offene Lücke bildet.

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

Sie müssen auch fehlende Teile stärker schattieren

Fügen Sie für einige Teile auf der Rückseite mehr Fläche hinzu, damit sie sich bewegen kann, ohne dass eine Lücke auftritt

(Verwenden Sie das Quetschwerkzeug, um die Linie einfach anzupassen.)

 

In einigen komplizierten Bereichen wie dem Rock erleichtert das Trennen durch den schwarzen Bereich das Entwerfen des Uhrwerks und das Beibehalten des nahtlosen Aussehens.

 

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

Klicken Sie mit der rechten Maustaste auf den Ordner und wählen Sie [Dateiobjekt]> [Ebene in Dateiobjekt konvertieren].

 

Stellen Sie den Bereich nur auf Zeichenbereich ein

Speichern Sie es dann in einem Ordner. Sie haben einen Ordner mit solchen Teilen

Sie können das zu bearbeitende Dateiobjekt ö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 das Teil bearbeiten oder weitere Details malen.

Die Teile sind bereit, animiert zu werden !!

Schritt 4: Loop-Animation

Die Animation der Puppe bewegt sich in 2 Schritten nach oben und unten. So was

Der End-Keyframe bewegt sich also in zwei Schritten nach oben und unten.

Ich habe die Referenz für die Anpassungen auf die Leinwand gelegt

Erstellen Sie eine neue Zeitleiste und gehen Sie zu Animation> Zeitleiste> Neue Zeitleiste

Stellen Sie die Timeline mit Bildrate 8 und Wiedergabezeit auf 24 ein.

 

Diese Einstellung eignet sich auch für die Version von Clip Studio Paint Pro.

8 Bilder pro Sekunde können die Begrenzung von 24 Bildern auf 3 Sekunden verlängern und die Schleife trotzdem glatt halten.

Wenn das Zeitleistenfenster fehlt, gehen Sie zu Fenster> Zeitleiste

Erstellen Sie den Anfangsrahmen für die Schleife.

 

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

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

 

Beim Konzept der Schleifenanimationen ist das erste Bild das Bild neben dem letzten Bild. Dadurch wird sichergestellt, dass das letzte Bild mit dem ersten Bild übereinstimmt.

 

Erstellen Sie einen neuen Frame in der Mitte der Timeline.

Und verschieben Sie die Objektpositionen nach oben.

Passen Sie dann die Position von Objekten mit dem Objektwerkzeug an.

Der erste und letzte Frame

Der mittlere Rahmen

Mit 2 Frames Keyframes können Sie der Puppe einfach die Bewegungen geben!

Wenn Sie bemerken, wird der letzte Keyframe kurz angehalten, da der erste und der letzte Frame dasselbe anzeigen.

Um dies zu beheben, klicken Sie im letzten Bild mit der rechten Maustaste auf [Bild löschen] und löschen Sie nur 1 Bild

Jetzt gibt es keine überlappenden Frames mehr. (Sie können der Timeline auch über das Menü [Frame einfügen] weitere Frames hinzufügen.)

Wenn Sie mehr Rahmen hinzufügen, um einen weiteren Bewegungsschritt auszuführen, wirkt die Puppe lebendiger.

Wie Sie sehen können, hat der Rahmen keine leichte Pause mehr.

Der Zeitpunkt für die Bewegung ist jedoch immer noch nicht glatt. Passen Sie die Keyframe-Positionen an, ohne die Start- und Endframes zu berühren, um sie zu reparieren.

Verwenden Sie für die Augen den Animationsordner, um das Blinken zu aktivieren

 

Erstellen Sie einen neuen Animationsordner

Zeichnen Sie dann das Gesicht mit geschlossenen und offenen Augen. Dann legen Sie in den Animationsordner

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

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

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

Wenden Sie den Randeffekt auf jedes Objekt an, damit es wie die Papierpuppe aussieht.

Platzieren Sie einige Teile, die aus vielen Objekten bestehen, vor dem Festlegen des Randeffekts in einem Ordner. Der Effekt wird nur am äußeren Rand angezeigt.

Mit diesen Schritten können Sie auch weitere Zeichen hinzufügen

Stellen Sie außerdem sicher, dass die Bewegung mit dem anderen Charakter zusammenhängt.

Der Charakter ist fertig!

Schritt 5: Abschluss mit Hintergrund

Als Hintergrund habe ich einige gotische Strukturen in eine andere Datei gezeichnet

 

(Ich bezog mich auf die Fotos der gotischen Architektur. ^^)

 

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:

Verwenden Sie für die Schattierung von Tinten mit großer Fläche das parallele Lineal im Unterwerkzeug für spezielle Lineale

Ich habe das kleine Tippvideo zur Verwendung des parallelen Lineals zum Erstellen von Schraffur gemacht. Überprüfen Sie es hier.

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

Erstellen Sie die neue Zeitleiste mit denselben Einstellungen wie die Papierpuppendatei

Importieren Sie dann die Puppendatei in die Zeichenfläche [Datei> Importieren> Dateiobjekt erstellen].

Das Dateiobjekt kann die Hintergrundfarbe enthalten. Löschen Sie den Hintergrund in der Objektdatei.

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

Passen Sie die Deckkraft mit dem Ebenen-Keyframe an, damit die Sterne leuchten.

Ich hoffe, dieses Tutorial hilft Ihnen mit einigen Ideen für Ihre Arbeit!

Viel Spaß beim Einfärben und beim Animieren!