In diesem Tutorial zeige ich dir die Technik, einen wunderschönen Himmel zu erstellen und ihn mithilfe der 2D-Kamerafunktion von Clip Studio auf Panorama-Szenenanimationen anzuwenden. Es ist sehr einfach, liefert aber ein cooles Ergebnis.

Hinweis: Die Inspiration für dieses Tutorial habe ich von meinem Lieblingsanimationsfilm: Your Name, der viele atemberaubende Himmelszenen hat. ;)

Video-Tutorial

Übersichtskonzept des Himmelmalens

Dies sind die grundlegendsten Komponenten des Himmels tagsüber: blauer Himmel und weiße Wolken.

Um es dimensionaler wirken zu lassen, wende Schatten auf die Wolken, einen Verlauf auf den Himmel und die Lichtreflexion an.

Die Erdoberfläche reflektiert das Sonnenlicht. Dies erzeugt den Himmelsverlauf und das Licht reflektiert auf die Wolken.

Mit diesen Grundlagen wird das Malen mit einem texturierten Pinsel einfach ein realistischeres Aussehen verleihen.

Es gibt viele Pinsel zum Malen von Wolken in Clip Studio Asset. Ich empfehle meinen Lieblingspinsel

Die Schattenrichtung der Wolke und der Verlauf am Himmel hängen von der Position der Lichtquelle ab.

Die Lichtrichtung des Himmels gilt auch für Objekte in der Szene.

Es gibt auch verschiedene Arten von Wolken, der Schatten wird nicht auf hohen Himmelswolken (wie Cirrocumulus und Cirrostratus) erscheinen, da sie zu weit von der Erdoberfläche entfernt sind.

 

Wir können mehrere Wolkentypen für ein natürliches Aussehen mischen. Es gibt keine Grenze für ihre Struktur, die Natur ist erstaunlich :)

Wir können den Himmel auch schnell bearbeiten, indem wir einfach die Korrekturebene [Verlaufskarte] verwenden, um den Farbton des Himmels anzupassen, und den Ebenenmischmodus, um Sonne und Sternen einen Glüheffekt hinzuzufügen.

Verlaufskarte Grundlagen

Die Verlaufskarte ist der Hauptschlüssel zum Bearbeiten des Himmels in verschiedenen Versionen.

Male in Graustufen und wende die Verlaufskarte an, um den Graustufenwert durch die Farbe auf der Verlaufsleiste zu ersetzen.

Aus diesem Beispiel kannst du sehen, dass Weiß durch Gelb ersetzt wird, das sich am rechten Rand der Leiste befindet, und Schwarz durch die Farbe auf der linken Seite der Leiste.

 

Es gibt auch ein Himmelverlaufset, das die Standardvoreinstellung in der Software ist.

 

Das Standardfarbset hat auch Schalter für die Graustufenfarbe, dies ist auch nützlich für die Wertmalerei

Es gibt 2 Möglichkeiten, den Verlauf auf Graustufenbilder anzuwenden;

1. Bearbeiten > Farbkorrektur > Verlaufskarte

Dies ändert die Farbe in einer Ebene einmalig in die Farbe der Verlaufsleiste. Du kannst den Verlauf nach dem Anwenden der Bearbeitung nicht mehr anpassen.

2. Ebene > Neue Korrekturebene > Verlaufskarte

Dies erstellt eine neue Verlaufskarte, die alle Ebenen darunter abdeckt. Wenn du auf das Ebenen-Miniaturbild doppelklickst, erscheint das Verlaufskarten-Popup, sodass du die Anpassung in Echtzeit vornehmen und das Ergebnis sehen kannst.

In diesem Tutorial werde ich die Korrekturebene verwenden

Die grundlegende Anpassung der Verlaufsleiste erfolgt durch Klicken auf das ^-Symbol unter der Verlaufsleiste, um die Farbe einzustellen, oder durch Ziehen, um die Farbposition anzupassen.

Du kannst die Farbposition auch mit diesem Symbol umkehren

Du kannst auch eine bestimmte Farbe für die ausgewählte Position festlegen.

Es gibt auch herunterladbare Verlaufs-Sets aus den Clip Studio Assets.

Das kann dir viel Zeit bei der Farbwahl sparen :D

 

 

Hier ist der Link zum in der Abbildung verwendeten Asset:

Importiere das Asset über dieses Menü

Das Asset ist einsatzbereit!!

Wenn du den Verlauf anpasst, kannst du ihn auch mit diesem Symbol zur späteren Verwendung speichern

Den Himmel malen

Normalerweise kannst du die Wolke einfach frei malen, aber Skizzieren hilft dir bei der Ausrichtung, besonders bei Kurvenkompositionen, als ob das Bild mit einem Fischaugenobjektiv aufgenommen wurde.

Wähle das Verlaufswerkzeug im Vordergrund-zu-Hintergrund-Modus aus, gib die Voreinstellung wie folgt an:

 

'Form': Oval (weil wir den Fischaugenobjektiv-Look erstellen)

'Wo erstellen': Eine Verlaufsebene erstellen

Ziehe den Verlaufsbereich auf die Leinwand.

Dies erstellt eine Verlaufsebene auf der Leinwand

Erstelle dann die Korrekturebene,

[Ebene > Neue Korrekturebene > Verlaufskarte]

Verlaufskarte mit der von dir bevorzugten Himmelsfarbe.

Du kannst die Farbposition für einen weicheren Verlauf anpassen.

 

Du kannst die Verlaufsebene auch mit dem Objekt-Werkzeug anpassen

Erstelle eine neue Ebene und male die Wolken. Stelle sicher, dass du nur Graustufen verwendest, um den Wert in der Verlaufskarten-Korrekturebene kontrollierbar anzupassen.

(Ich verwende das [Fingerspitzen]-Werkzeug, um die hohen Himmelswolken zu verblenden)

 

Wenn es viele Wolkenebenen gibt, lege sie für die Korrekturebene in einen Ordner

Sobald du die Verlaufskarte anwendest, maskiere sie an die darunterliegende Ebene. So wirkt sich die Verlaufskarte nur auf die Wolke aus.

Jetzt haben wir den Himmel mit dem blauen Farbton, der zum Himmel passt.

Du kannst den Lichteffekt auf den Charakter mit einem Ebenenmischmodus anwenden, der an die Charakterebene maskiert ist.

Um die Sonne hinzuzufügen

 

Verwende das Strahlen-Werkzeug, um einen Sonnenstrahleffekt zu erstellen

Stelle in den Werkzeugeigenschaften den [Linienabstand] auf 30 ein

Deaktiviere dann alle [Unordnung]-Einstellungen

Ziehe über die Sonnenform

Bearbeite es dann mit dem Objekt-Werkzeug

Passe die Länge an, damit die Linie das Bild ausfüllt

Passe die Form des Strahls an, indem du den Randknoten mit dem Objekt-Werkzeug verschiebst

Zusätzliche Einstellungen für das Werkzeug findest du im Einstellungssymbol

Deaktiviere den Anfang, dadurch hat der Strahl nur ein spitzes Ende

Rastern Sie die Ebene und verwenden Sie dann das Werkzeug [Fingerspitze], um dem Rand einen Überblendeffekt hinzuzufügen.

Hinweis: Halte Shift gedrückt, um den Zug in einer Linie zu machen.

Füge den Strahl der Kreisform hinzu, dupliziere die Ebene, wende den Weichzeichnerfilter [Filter>Weichzeichnen>Gaußscher Weichzeichner] an und wende den Ebenenmischmodus [Hinzufügen(glühen)] an, um es glänzend zu machen.

Passe es an die Szene an, indem du jede Ebene auswählst und [Frei transformieren] (Strg+T) verwendest.

fertig

Um den Himmel in einen Dämmerungsfarbton anzupassen, verwende den invertierten Verlauf auf den Wolken mit dem gleichen Verlauf wie der Himmel, um den Silhouetten-Look zu erzeugen.

Für den Nachthimmel verwende ich den Sprühpinsel, um Sterne zu erzeugen

Dann dupliziere ich die Ebene und wende einen Weichzeichnerfilter an

[Filter > Weichzeichnen > Gaußscher Weichzeichner]

Dies erzeugt einen Sternenlichteffekt

Animierte Panorama-Himmelsszene erstellen

Zunächst musst du das Gesamtkonzept der Aufnahme verstehen: Das Objekt soll an einer Stelle bleiben, während die Kamera so schwenkt.

Das sich bewegende Objekt in der Szene wird der Hintergrund sein, während eine Perspektivänderung Bild für Bild auf den Charakter angewendet wird.

 

Der Arbeitsablauf beginnt mit dem Zeichnen der Szenenreihenfolge in einem Storyboard, wobei wir den Charakter als Platzhalter verwenden.

Füge dann die Keyframes hinzu und passe das Timing an

Dieser Schritt ist ausreichend, um mit der Hintergrundbearbeitung zu beginnen, die Keyframe-Animation wird separat durchgeführt.

 

>> Schritt 1: Hintergrundposition skizzieren

Erstelle eine neue Leinwand für die Animation. Stelle sicher, dass sie dieselbe Bildrate wie die Keyframe-Timing-Datei hat

 

(hier habe ich 24 Bilder pro Sekunde verwendet)

Gehe zu Menü [Datei > Importieren > Neues Datei-Objekt erstellen] und wähle dann die Keyframe-Timing-Datei (.clip)

Die Datei enthält die Animation, die auf der Leinwand angezeigt wird

(Stelle sicher, dass die Ebene außerhalb des Animationsordners liegt, sonst wird sie auf der Leinwand nicht angezeigt)

Passe den Zeitachsenbereich an die Zeitachse des importierten Objekts an

Zeichne die Hintergrundskizze in den Animationsordner, passe sie an die von uns erstellten Timing-Keyframes an

Hinweis: Zeichne nur wenige Frames, in denen sich der Hintergrund geändert hat, nur um Verwirrung beim Animieren zu vermeiden

>> Schritt 2: Den Himmelverlauf hinzufügen

Beginne damit, den Hintergrund der Timing-Datei zu entfernen, indem du mit der rechten Maustaste auf die Ebene klickst > Datei-Objekt > Datei vom Datei-Objekt öffnen.

Entferne in der Datei die Hintergrundebene, lasse nur die Skizzenlinie übrig und speichere sie dann.

Das Datei-Objekt wird transparent

Erstelle eine Verlaufsebene und wende die Verlaufskarten-Korrekturebene an.

Aktiviere den Ebenen-Keyframe der Verlaufskarte zur Animation

Wähle den Frame aus und verschiebe den Verlauf relativ zur Skizze mit dem [Objekt-Werkzeug]

Stelle sicher, dass du den Ebenen-Keyframe auf dem Verlauf erstellst, nicht auf der Maske (klicke auf das Verlaufsebenen-Miniaturbild, um den Verlauf auszuwählen)

Wenn du die Anpassung an die Skizze abgeschlossen hast, erhältst du den Verlaufs-Himmel, der dem Kameraschwenk folgt.

>> Schritt 3: Hintergrund erstellen

Es gibt einige Keyframes, die den Hintergrund zeigen, bevor er zum Himmel schwenkt.

Zeichne den Hintergrund. Hier werde ich Clip Studio Assets für den Park und die Stadt im Hintergrund verwenden.

 

Nützliche Bild-Assets findest du in den Bildmaterialien, sie sind nicht nur gebrauchsfertig, sondern auch nützlich zur Farbreferenz.

Ziehe das Objekt einfach auf die Leinwand, um es zu verwenden.

Ich habe die Farbe vom Baum ausgewählt und auf den Boden angewendet

Es gibt auch Standardpinsel zum Erstellen von strukturierten Effekten, ich habe sie auf den Boden angewendet, um Gras zu erzeugen

 

Ich verwende das Bildmaterial 'transparente Stadt' hinter dem Park, um eine Stadtansicht in der Ferne zu erstellen

Und schaffe weitere Distanz

Ich verwende die Ebeneneigenschaften des Materials, um dessen Farbe anzupassen.

Zusammenfassend werden wir 3 Ebenen für den Hintergrund haben (den Park zu einer Ebene zusammenführen)

Die Bewegung des Hintergrunds unterscheidet sich vom Himmelverlauf, da er sich schnell vom Animationsdesign entfernt,

 

deshalb aktivieren wir den Keyframe und verschieben die Ebene entsprechend der Position in der Skizzanimation.

Erstelle den Keyframe nur dort, wo er in der Szene erscheint

(Drehen und in die Ecke bewegen)

Der Kameraschwenk wird in diesem Schritt deutlicher aussehen

>> Schritt 4: Wolken hinzufügen

Für die Wolken verwenden wir eine 2D-Kamera zur einfacheren Steuerung. Du könntest auch einen Ebenen-Keyframe verwenden, aber das wäre etwas komplizierter.

 

Male die Wolken bis zur Endszene und wende die Verlaufskarte an, kleine Wolken lassen sie weiter entfernt erscheinen.

Ändere die Leinwandgröße, gehe zu Bearbeiten > Leinwandgröße ändern

Du kannst einfach die Zahl eingeben oder den Transformationsrahmen anpassen, um es an die Leinwandgröße anzupassen.

 

Es gibt mehr Platz für Kameraarbeit an den Wolken, keine Sorge, beim Exportieren werden nur Objekte am Rand angezeigt.

 

Zeichne die erweiterten Wolken in einer Linie, dies wird für die frühe Phase des Kameraschwenks verwendet.

2D-Kameraordner erstellen

und alle Wolkenebenen darin platzieren

Verwende das [Objekt-Werkzeug], um den Kameraordner auszuwählen, und ziehe ihn an den Wolkenrand

In den Kameraoptionen kannst du mit der Anzeigemodus-Option überprüfen, wie es auf der Kamera erscheint

(du musst es wieder in den Feldführungsmodus schalten, um die Wolke erneut zu bearbeiten)

Es wird 3 Phasen der Wolkenbewegung geben, erstelle den Keyframe an den Positionen, an denen sie sich bewegen soll.

Der Hintergrund ist fertig!!

>> Schritt 5: Fertigstellung

In einer separaten Datei erstelle die Einzelbild-Animation des Charakters

 

[Wichtig!] Stelle die Bildrate auf 24 ein, die Bildrate muss für Hintergrund und Charakter gleich sein

Hinweis: Für den letzten Schritt habe ich auch einige Keyframes für Windbewegungen zu den Haaren hinzugefügt.

Für weitere Details zur Animation siehe mein vorheriges Tutorial über die Verwendung des Bézier-Werkzeugs für den Animationsprozess hier

Ersetze den Timing-Keyframe durch die fertige Charakteranimation

Es wird empfohlen, die Charakterdatei mit den gleichen Abmessungen wie der Hintergrund zu erstellen, damit es keine Probleme beim Import gibt.

Optional: Füge auch die Sonnenebene hinzu und wende den Ebenen-Keyframe an

und verschiebe sie dann entsprechend der Wolkenposition im Kameraordner

Wende auch einige Ebenenmaskierungen für Licht- und Schattierungseffekte auf den Charakter an.

Und es ist fertig!! Einfache Panorama-Himmelsszene mit Clip Studio!!

Hinweis: Du kannst die Verlaufskarte einfach anpassen, um die Tageszeit der Szene in weniger als 3 Minuten zu ändern :D

Ich hoffe, dieses Tutorial ist nützlich für deine Animationsszene, viel Spaß beim Animieren!! ^ ^