Einfacher animierter symmetrischer Hintergrund mit Transformationsfunktionen

5.367

viciaia

viciaia

Hallo allerseits, ich werde Ihnen in diesem Tutorial zeigen, wie Sie mit der Clipstudio-Transformationstechnik ganz einfach einen symmetrischen Hintergrund erstellen können. Dies spart nicht nur Zeit beim Zeichnen von allem, sondern erzeugt auch einige erstaunliche Effekte für Ihren Hintergrund, ohne dass Expertenwissen über die Perspektive erforderlich ist !!

Entwerfen Sie den symmetrischen Look

Bevor Sie den symmetrischen Hintergrund für Ihre Kunst entwerfen, müssen Sie zunächst wissen, wie er symmetrisch ist. Zum Beispiel entwerfe ich den Hintergrund des Tunnels in einem Raumschiff mit einer 1-Punkt-Perspektive, die zum Zentrum führt.

 

Die grundlegende Ein-Punkt-Perspektive ist ein Raum wie dieser

 

Zeichnen Sie die parallele Linie zu jeder Ecke des Raums, um mehr Seiten zum Raum zu erstellen.

Jetzt haben wir den Raum mit 8 Seiten

 

Fügen Sie jeder Seite einige Details hinzu, indem Sie dieselben Details für die gegenüberliegenden Seiten erstellen

Sie können auch nicht symmetrische Details planen, um sie später hinzuzufügen

Jetzt können wir sehen, dass der Hintergrund (Panels ausschließen) auf der vertikalen Achse symmetrisch ist.

Und auch symmetrisch auf der horizontalen Achse

Mit diesem Muster zeichnen wir nur eine Seite und lassen es auf einer anderen Seite wiederholen.

Fügen Sie dann später das zusätzliche Bedienfeld hinzu, damit es weniger symmetrisch aussieht (optional).

Schritt 1: Vorbereiten der Dateien für den Hintergrund

Für den Hintergrund wird es eine Zusammensetzung von 3 Wänden sein.

 

Zeichnen Sie sie in separaten Dateien.

 

Beginnen wir mit ..

 

1: Seitenwand

 

Erstellen Sie eine neue Leinwand und aktivieren Sie das Raster zum Zeichnen der Wand

 

Richten Sie dann das Raster mit dem Menü [Raster- / Linealeinstellungen] ein.

 

Stellen Sie die Lücke auf mehr Pixel ein, damit Sie leichter zeichnen können

 

Aktivieren Sie die Option [Am Raster ausrichten] in der Menüleiste

Verwenden Sie das Rechteck-Werkzeug, um die Säulendetails der Wand zu zeichnen

 

Stellen Sie sicher, dass der Abstand zwischen den einzelnen Balken gleich ist.

 

Verwenden Sie das Rechteckauswahlwerkzeug, um die Schnittauswahl zu treffen.

Treffen Sie eine Auswahl, um den Bereich wie folgt zuzuschneiden

 

Ich plane später auch ein nahtloses Muster, sodass die Zusammenfassung der Lücke im letzten und ersten Raum der Lückengröße in der Mitte entspricht.

 

Gehen Sie zu [Bearbeiten> Zuschneiden], um das Bild zuzuschneiden

Sie erhalten das nahtlose Muster für eine Seite des Hintergrunds

Duplizieren Sie die Balkenebene, um einen Lichteffekt hinzuzufügen (ziehen Sie die Ebene auf das Symbol [Neue Ebene]).

Wenden Sie den Unschärfefilter an und gehen Sie zu [Filter> Unschärfe> Gaußsche Unschärfe].

Passen Sie die Unschärfestärke an den Balken an

Sperren Sie dann die Transparenz der Unschärfeebene, wählen Sie die helle Farbe aus und füllen Sie sie bis zur Ebene [Alt + Entf]

Optional: Kopieren Sie eine weitere Ebene, verschieben Sie sie etwas zurück und füllen Sie die helle Farbe, um den Spalten Tiefe zu verleihen

Wenn Sie stärkeres Licht wünschen, können Sie die Lichtebene kopieren.

Sie können den Lichteffekt auch mit dem Ebenenüberblendungsmodus [Hinzufügen (Leuchten)] erstellen.

Wenn Sie fertig sind, speichern Sie die Datei im Clipstudio-Format (.clip).

2: der Lichtbalken

 

Erstellen Sie eine neue Leinwand mit langer Breite. Dies ist die Länge der Loop-Animation.

 

Zeichnen Sie den Pfeil mit dem Polylinienwerkzeug, stellen Sie den Linien- / Füllmodus auf Füllen ein und zeichnen Sie den Pfeil nacheinander.

Hinweis: Das Verschieben-Werkzeug rastet nicht am Raster ein. Ich empfahl, das Zeichnen nacheinander zu wiederholen.

 

Bewegen Sie die Zeichnung etwas nach vorne, um dem Effekt etwas Platz zu geben. Stellen Sie sicher, dass die Lücke am linken Rand einer anderen Lücke zwischen den einzelnen Dreiecken entspricht.

 

Wenn Sie beim Bewegen die [Umschalttaste] gedrückt halten, wird die Ausrichtung auf dieselbe Horizontale der alten Position ausgerichtet.

 

Erstellen Sie eine neue Rasterebene für den Lichteffekt, malen Sie den Verlauf im Modus [Vordergrund zu transparent], stellen Sie den Kantenprozess in den umgekehrten Modus und ziehen Sie den Verlauf auf die Leinwand.

Löschen Sie eine weitere Gradientenwelle, behalten Sie nur eine bei.

Ebene in [Bildmaterialebene] konvertieren

Sie sehen den Mittelpunkt des Verlaufsobjekts

Ziehen Sie es, um die Mitte des Verlaufs am Bildrand auszurichten.

Befestigen Sie den Farbverlauf am Pfeil, um einen leichten Glüheffekt auf die Pfeilleiste zu erzielen

Dies sind die grundlegenden Schritte der Lichtbewegungsanimation:

 

Erstelle eine neue Timeline und stelle die Framerate ein. Hier verwende ich 12 fps und 30 Frame-Längen.

 

Aktivieren Sie den Ebenen-Keyframe, um das Licht zu animieren

Fügen Sie am Anfang und am Ende der Timeline neue Keyframes hinzu (verwenden Sie den linearen Interpolationsmodus).

Klicken Sie auf den letzten Keyframe und verschieben Sie den Farbverlauf nach vorne. Dadurch wird eine leichte Bewegung für das Licht erzeugt.

Wenn Sie es zu einer Schleife machen möchten, müssen Sie den Anfang und das Ende der Animation so einstellen, dass sie angezeigt werden. Kopieren Sie vor der Animation das Objekt und fügen Sie es vorne ein

 

Dies ist der Start- und Endpunkt für die Loop-Animation

 

Anstatt das Objekt einzeln zu verschieben, legen Sie alle Verlaufsebenen in einem Ordner ab und aktivieren Sie den Ebenen-Keyframe im Ordner, um sie zusammen zu verschieben

Wenn Sie Farbverläufe als Ordner zusammen verschieben, können Sie sehen, dass eine Schleifenanimation erstellt wird. Hier befindet sich jedoch noch eine kleine Blinklücke in der Schleife.

Sie benötigen 3 Farbverläufe, um eine perfekte Glättung zu erzielen. Passen Sie den Abstand so weit wie möglich an.

Um den Glüheffekt zu erzeugen, kopiere ich die Pfeilleiste und wende den Unschärfeeffekt an

Kopieren Sie auch den Ordner mit den hellen Ebenen, verschieben Sie sie in die oberste Reihenfolge und stellen Sie den Ebenenmodus der Pfeilebene auf [Hinzufügen (Leuchten)].

Wenn Sie die Deckkraft verringern, erhalten Sie den sehr einfachen Glüheffekt für Ihren Balken

Wenn Sie fertig sind, speichern Sie es in der Clip Studio-Datei (.clip).

 

3 Etage

 

Für die Bodenfliese zeichne ich nur eine Fliese mit dem Polylinien-Werkzeug im Raster

 

Verwenden Sie den Modus "Vordergrund zu transparent", um den metallisch glänzenden Effekt zu erzielen

 

Hinweis: Stellen Sie sicher, dass es auf der horizontalen Achse immer noch symmetrisch ist

 

Schneiden Sie es dann auf eine einzelne Kachel und es ist gebrauchsfertig.

Abschließend stehen Ihnen 3 Clip-Studio-Dateien zur Verfügung, um den Hintergrund zu erstellen

Schritt 2: Kombinierte Bilder mit Transformation in den Hintergrund

Schneiden Sie in der Skizze einen Teil zu, der symmetrisch zu einem anderen ist.

 

Wählen Sie den Bereich mit dem Auswahlwerkzeug aus und klicken Sie dann auf [Bearbeiten> Zuschneiden].

Ändern Sie die Bildgröße etwas größer, um Qualitätsverluste beim späteren Ändern der Bildgröße zu vermeiden.

 

[Datei> Bildauflösung ändern]

 

Erstellen Sie eine neue Ebene und zeichnen Sie den Hintergrund mit dem Polylinienwerkzeug.

Importieren Sie das Wandobjekt in die Leinwand und gehen Sie zu [Datei> Importieren> Dateiobjekt erstellen].

Passen Sie das Objekt mit dem Objekt-Werkzeug an den Rahmen an.

Wählen Sie im Eigenschaftenfenster des Werkzeugs den Modus [Perspektive], um das Wandbild in einem Paar paralleler Knoten anzupassen.

Passen Sie das Bild an den Rahmen an. Sie können es verkleinern, um den Gesamtrand des Objekts anzuzeigen

Verwenden Sie den Modus [Skalieren] oder [Skalieren / Drehen], um die Breite des Objekts zu verkleinern

Deaktivieren Sie außerdem das Kontrollkästchen [Seitenverhältnis beibehalten], um die Größe nur einer Seite des Bildes zu ändern

Aktivieren Sie im Eigenschaftenfenster des Werkzeugs die Kachelung und stellen Sie die Kachelung so ein, dass sie horizontal wiederholt wird

Wiederholen Sie die Schritte mit dem Boden

Für die animierte Leiste müssen wir zuerst eine Zeitleiste für das Bild erstellen.

 

WICHTIG: Verwenden Sie dieselbe Einstellung wie die Balkendatei

 

Wählen Sie den ersten Frame aus und importieren Sie ihn in das Dateiobjekt. [Datei> Importieren> Dateiobjekt erstellen]

Passen Sie es wie andere Teile an den Rahmen an.

Erstellen Sie eine neue Ebene, füllen Sie den Endbereich oder das Bild mit Farbe und passen Sie sie nach Ihren Wünschen an

Sie erhalten die Animation für 1 Seite des Hintergrunds wie folgt

Wenn der Farbton nicht gut übereinstimmt, können Sie ihn mit Korrekturebenen anpassen.

 

Ich liebe es, [Farbton / Sättigung / Leuchtkraft] zu verwenden, um den Farbton anzupassen

 

Wenn die Korrektur nur auf einem Teil angezeigt werden soll, schneiden Sie sie mit der Teilebene ab.

Sie können dem Bild auch den Farbton im Ebenenmodus [Überlagern] hinzufügen

Ich zeichne auch die zusätzlichen Linien für mehr Details

Wenn Sie fertig sind, speichern Sie die Datei im Clip Studio-Format (.clip).

Schritt 3: Wenden Sie den Hintergrund auf das Bild an

Aus dem Design zeichne ich das Siegel und das Mädchen in separaten Clip-Studio-Dateien (.clip)

Löschen Sie die Papierebene, um einen transparenten Hintergrund zu erhalten

Erstellen Sie eine neue Zeichenfläche für die Kombinationsszene sowie eine Zeitleiste mit derselben Einstellung wie die Hintergrunddatei

Importieren Sie dann das Dateiobjekt des Hintergrunds in die Zeichenfläche

Bewegen Sie es in eine Ecke

Stellen Sie die Kacheleinstellung im Eigenschaftenfenster des Werkzeugs auf den umgekehrten Modus ein

(Es ist wie MAGIE !!)

 

Sie können den Transformationsmodus auch im Objektwerkzeug verwenden, um es auf Ihr bevorzugtes Verhältnis zu skalieren

 

Erweitern Sie die Rahmenlänge, indem Sie mit der rechten Maustaste auf die Timeline klicken und [Rahmen einfügen]

Sie sehen die Lücke in der Zeitleiste, da die Bildnummer des Hintergrunddateiobjekts kleiner als die Bildnummer der Szene ist.

Kopieren Sie die Zeitleistenleiste, indem Sie auf die Überschrift klicken, um die gesamte Leiste auszuwählen

dann [Rechtsklick> Kopieren]

Und kleben Sie auf die leere Stelle nach dem Balken

Jetzt können Sie die Rahmennummer erweitern

Die Animation wird zusammen erscheinen, einige tolle Effekte machen !!

Ich füge dem leeren Bereich zusätzliche Bedienfelder hinzu, um ihn detaillierter zu gestalten

Das Zeichnen direkt an der Wand ist eine komplizierte Aufgabe. Ich habe das Raster aktiviert und es auf neuen Ebenen mit einem Unterwerkzeug mit mehreren Figuren gezeichnet.

 

Dies ist eine lustige Aufgabe ^ _ ^

 

Später habe ich alle Ebenen ausgewählt und die freie Transformation erstellt [Strg + t]

 

(oder [Bearbeiten> Transformieren> Freie Transformation])

Sie finden den Transformationsmodus (derselbe wie das Objektwerkzeug) im Eigenschaftenfenster des Werkzeugs

 

Stellen Sie zuerst den Gesamtbereich und später das einzelne Bedienfeld ein

 

Sie können das Bedienfeld auch mit Flip auf einer anderen Seite anbringen

Wählen Sie alle Bedienfelder aus, führen Sie die Ebene zusammen und sperren Sie sie dann transparent für die Ebene

Verwenden Sie das Füllwerkzeug, um mehrere Farben in Bedienfelder zu füllen

Kopieren Sie die Bedienfeldebene, wenden Sie den Unschärfeeffekt an und stellen Sie den Modus [Hinzufügen (Leuchten)] ein, um den Lichteffekt auf das Bedienfeld anzuwenden

Importieren Sie das Zeichen als Dateiobjekt in das Bild

Sie können zusätzliches Licht im Ebenenmodus [Hinzufügen (Leuchten)] hinzufügen

Und zusätzlicher Schatten mit dem Ebenenmodus [Multiplizieren]

 

Das Ergebnis:

Schritt 4: Zusätzliche Animation für die Szene

Hier ist ein sehr nützlicher Tipp zum Erstellen von Zwischenframes mit der Clip Studio-Transformationsfunktion.

 

Ich mache die Animation mit blinkenden Augen für den Charakter, ohne dazwischen einen Keyframe zu zeichnen. Das ist sehr einfach!

 

Die Augen müssen von der Körperschicht getrennt sein, hier lege ich Schichten für Augen in einen Ordner

Erstellen Sie auf der Timeline einen neuen Animationsordner und legen Sie den Eye-Layer-Ordner darin ab

 

Hinweis: Ich habe den Ordner in "01" umbenannt, um die Bestellung auf der Timeline zu vereinfachen.

 

Lassen Sie es auf der Leinwand erscheinen, indem Sie im ersten Keyframe auf das Symbol [Cels angeben] klicken und den Ordner für den Eye-Keyframe auswählen

Kopieren Sie den Keyframe, indem Sie den Ordner auf das Symbol [Neue Ebene] ziehen. Der neue Ordner wird automatisch in "02" umbenannt.

Geben Sie den Ordner an, der auf der Timeline angezeigt werden soll (Rechtsklick und Ordner auswählen).

Halten Sie die [Umschalttaste] gedrückt und wählen Sie alle Ebenen im Keyframe-Ordner aus

Erstellen Sie dann eine Netztransformation mit [Bearbeiten> Transformieren> Netztransformation].

 

Es wird eine Netztransformation für die Augen erzeugen

Stellen Sie in der Werkzeugeigenschaft sicher, dass [Vektorbreite ändern] deaktiviert ist

Dann können Sie die Augen für den dazwischen liegenden Keyframe leicht auf halbem Weg einstellen

 

Sie können der Zwiebelschale ermöglichen, die vorherige Szene zu sehen, damit sie leichter angepasst werden kann

Drücken Sie die [Eingabetaste] oder klicken Sie auf die Schaltfläche [OK], um die Transformation zu bestätigen.

 

Für das vollständig geschlossene Auge zeichne ich es.

Wiederholen Sie (umgekehrt) den Keyframe für Augen, die sich ebenfalls öffnen ^^

Hinweis: Vergessen Sie nicht, die Länge der Timeline so einzustellen, dass sie mit der Hauptszene übereinstimmt.

 

[WICHTIG!] Sie müssen eine Zeitleiste in der Zeichendatei erstellen, bevor Sie sie in die Szene importieren. Wenn Sie die Zeitleiste danach hinzufügen, wird die Animation nicht in der Szene angezeigt.

 

Fügen Sie der Szene eine Float-Animation für den Charakter hinzu, erstellen Sie am Anfang und am Ende der Timeline einen neuen Keyframe, um eine Loop-Animation zu erstellen.

 

Verschieben oder drehen Sie das Objekt mit dem Objekt-Werkzeug, wenn es in der Mitte der Zeitleiste aktiv ist. Dadurch wird der Keyframe für die Bewegung automatisch erstellt

Für einen leichten Glüheffekt können Sie den Ebenen-Keyframe aktivieren und die Deckkraft der Glühebene auf der Zeitachse anpassen

(Klicken Sie auf der Timeline-Ebene auf das Symbol [+], um die Deckkraft auf der Timeline anzupassen.)

 

Sie können auch eine Kameradrehung hinzufügen, um der Szene mehr Szenenbewegungen zu verleihen

 

Erstellen Sie den neuen 2D-Kameraordner

 

Legen Sie dann alle Ebenen, die Sie zum Verschieben mit der Kamera benötigen, in den Ordner

Ändern Sie die Größe der Kamera etwas, um Platz zum Bewegen zu schaffen (stellen Sie sicher, dass Sie bei Bild 1 aktiv sind).

Fügen Sie dann auch den Keyframe am Ende der Zeitleiste des Kameraordners hinzu

Drehen Sie die Kamera etwas in der Mitte der Timeline, um eine Kameradrehbewegung zu erzeugen

Sie können auch zur Kameraansicht wechseln, um das Ergebnis anzuzeigen.

[Optional] Ich füge der Szene auch einen Hologrammeffekt hinzu

Überprüfen Sie mein Tutorial über den Hologrammeffekt:

Endergebnis

Ich hoffe, dieses Tutorial gibt Ihnen eine Vorstellung davon, wie Sie mit der Transformationsfunktion von Clip Studio arbeiten können.

 

Bitte bleiben Sie sicher zu Hause und genießen Sie das Erstellen von Kunst mit Clip Studio! Ich wünsche Ihnen einen schönen Tag und bis zum nächsten Tutorial ^ _ ^

Kommentar

Neu

Neu! Offizielle Tutorials