Einfacher animierter symmetrischer Hintergrund mit Transformationsfunktionen
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