So erstellen Sie eine Panorama-Himmelsanimation

13.383

viciaia

viciaia

In diesem Tutorial zeige ich Ihnen die Technik zum Erstellen eines schönen Himmels und wende sie mithilfe der 2D-Kamerafunktion von Clip Studio auf Panoramaszenenanimationen an. Es ist sehr einfach, aber es gibt ein cooles Ergebnis.

Hinweis: Ich habe die Inspiration für dieses Tutorial von meiner Lieblingsanimation erhalten: Your Name, die viele atemberaubende Himmelsszenen enthält. ;)

Videoanleitung

Übersichtskonzept des Malens des Himmels

Dies sind die grundlegendsten Bestandteile des Himmels während des Tages: blauer Himmel und weiße Wolken.

Wenden Sie Schatten auf die Wolken, den Farbverlauf zum Himmel und die Lichtreflexion an, damit es dimensionaler aussieht.

Die Erdoberfläche reflektiert das Sonnenlicht. Dadurch werden der Himmelsgradient und das Licht zur Wolke reflektiert.

Mit diesen Grundlagen wird das Malen mit einem strukturierten Pinsel einfach realistischer.

In Clipstudio Asset gibt es viele Pinsel zum Malen von Wolken. Für mich empfehle ich meinen Favoriten

Die Schattenrichtung der Wolke und der Gradient am Himmel hängen mit der Position der Lichtquelle zusammen.

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

Es gibt auch verschiedene Arten von Wolken. Der Schatten erscheint nicht auf Wolken mit hohem Himmel (wie Cirrocumulus und Cirrostratus), da diese zu weit von der Erdoberfläche entfernt sind.

 

Wir können verschiedene Arten von Wolken für ein natürliches Aussehen mischen. Der Struktur sind keine Grenzen gesetzt, die Natur ist unglaublich :)

Wir können den Himmel auch schnell bearbeiten. Verwenden Sie einfach die Korrekturebene [Verlaufskarte], um den Farbton des Himmels anzupassen, und den Ebenenüberblendungsmodus, um Sonne und Sternen einen Glüheffekt zu verleihen.

Gradient Map Basic

Die Verlaufskarte ist der Hauptschlüssel für die Bearbeitung des Himmels in verschiedenen Versionen.

Wenn Sie in Graustufen malen und auf die Verlaufskarte anwenden, wird die Graustufe durch die Farbe in der Verlaufsleiste ersetzt.

In diesem Beispiel sehen Sie, dass das Weiß durch Gelb am rechten Rand des Balkens und das Schwarz durch die Farbe auf der linken Seite des Balkens ersetzt wird.

 

Es gibt auch einen Himmelsverlaufssatz, der die Standardvoreinstellung in der Software ist.

 

Das Standardfarbset verfügt auch über Schalter für die Graustufenfarbe. Dies ist auch für das Value-Painting nützlich

Es gibt zwei Möglichkeiten, den Farbverlauf auf Graustufenbilder anzuwenden.

1. Bearbeiten> Tonwertkorrektur> Verlaufskarte

Dadurch wird die Farbe in einer Ebene einmal in der Verlaufsleiste in Farbe geändert. Sie können den Verlauf nach dem Anwenden der Bearbeitung nicht mehr anpassen.

2. Ebene> Neue Korrekturebene> Verlaufskarte

Dadurch wird eine neue Verlaufskarte erstellt, die alle darunter liegenden Ebenen abdeckt. Wenn Sie auf die Ebenenminiatur doppelklicken, wird das Popup der Verlaufskarte angezeigt, sodass Sie das Ergebnis der Anpassung in Echtzeit anpassen und anzeigen können

In diesem Tutorial werde ich die Korrekturschicht verwenden

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

Sie können die Farbposition auch über dieses Symbol umkehren

Kann der ausgewählten Position auch eine bestimmte Farbe geben.

Es gibt auch herunterladbare Verlaufssätze von Clip Studio-Assets.

Dies kann Ihnen helfen, viel Zeit bei der Auswahl der Farbe zu sparen: D.

 

 

Hier ist der Link für das im Bild verwendete Asset:

Importieren Sie das Asset mit diesem Menü

Der Vermögenswert ist einsatzbereit !!

Wenn Sie den Farbverlauf anpassen, können Sie ihn auch über dieses Symbol zur späteren Verwendung speichern

Den Himmel malen

Normalerweise können Sie die Wolke nur frei malen, aber das Skizzieren hilft Ihnen bei der Ausrichtung, insbesondere bei Kurvenkompositionen, als ob das Bild mit einem Fischaugenobjektiv aufgenommen worden wäre.

Wählen Sie das Verlaufswerkzeug im Modus "Vordergrund zu Hintergrund" und geben Sie die Voreinstellung wie folgt ein:

 

'Form': Oval (weil wir das Fischaugenobjektiv aussehen lassen)

'Wo erstellen': Erstellen Sie eine Verlaufsebene

Ziehen Sie den Verlaufsbereich auf die Leinwand.

Dadurch wird eine Verlaufsebene auf der Leinwand erstellt

Dann erstellen Sie die Korrekturschicht,

[Ebene> Neue Korrekturebene> Verlaufskarte]

Verlaufskarte mit der von Ihnen bevorzugten Himmelsfarbe.

Sie können die Farbposition für einen weicheren Farbverlauf anpassen.

 

Sie können die Verlaufsebene auch mit dem Objektwerkzeug anpassen

Erstelle eine neue Ebene und male die Wolken. Stellen Sie sicher, dass Sie nur den Graustufenfarbton als steuerbaren Wert verwenden, um ihn in der Ebene der Verlaufskartenkorrektur anzupassen.

(Ich benutze das Werkzeug [Fingerspitze], um die Wolken des hohen Himmels zu mischen.)

 

Wenn es viele Wolkenebenen gibt, legen Sie diese in einem Ordner für die Korrekturschicht ab

Wenn Sie die Verlaufskarte angewendet haben, schneiden Sie sie auf die darunter liegende Ebene. Die Verlaufskarte wirkt sich also nur auf die Cloud aus

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

Sie können den Lichteffekt auf den Charakter anwenden, indem Sie einen Ebenenüberblendungsmodus mit der Zeichenebene beschneiden

Die Sonne hinzufügen

 

Verwenden Sie das Burst-Werkzeug, um einen Sonnenstrahleffekt zu erzielen

Setzen Sie in der Werkzeugeigenschaft den [Zeilenabstand] auf 30

Deaktivieren Sie dann alle [Disarray] -Einstellungen

Ziehen Sie über die Sonnenform

Bearbeiten Sie es dann mit dem Objektwerkzeug

Passen Sie die Länge so an, dass die Linie das Bild ausfüllt

Passen Sie die Form des Strahls an, indem Sie den Randknoten mit dem Objektwerkzeug verschieben

Weitere Einstellungen zum Tool finden Sie im Einstellungssymbol

Deaktivieren Sie den Start, damit der Strahl nur ein spitzes Ende hat

Rastern Sie die Ebene und verwenden Sie dann das Werkzeug [Fingerspitze], um der Kante einen Überblendungseffekt hinzuzufügen

Hinweis: Halten Sie die Umschalttaste gedrückt, um das Ziehen in einer Linie durchzuführen.

Verbinden Sie den Strahl mit der Kreisform, duplizieren Sie die Ebene, wenden Sie den Unschärfefilter [Filter> Unschärfe> Gaußsche Unschärfe] an und wenden Sie die Ebenenmischung [Hinzufügen (wachsen)] an, um ihn glänzend zu machen

Passen Sie es an die Szene an, indem Sie jede Ebene auswählen und [Transformation erstellen] (Strg + T).

fertig

Um den Himmel in einen Dämmerungsschatten zu bringen, verwenden Sie den umgekehrten Farbverlauf auf den Wolken mit demselben Farbverlauf wie der Himmel, damit die Silhouette aussieht.

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

Dann dupliziere ich die Ebene und wende einen Unschärfefilter an

[Filter> Weichzeichnen> Gaußscher Weichzeichner]

Dadurch wird ein Sternenlichteffekt erzeugt

Erstellen Sie eine animierte Panorama-Himmelsszene

Zunächst müssen Sie die Übersicht über die Aufnahme verstehen. Das Ziel ist es, an einem Ort zu bleiben, während die Kamera so schwenkt.

Das sich bewegende Objekt in der Szene ist der Hintergrund, während eine perspektivische Änderung Frame für Frame auf das Zeichen angewendet wird.

 

Der Workflow beginnt mit dem Zeichnen der Szenenreihenfolge in einem Storyboard, in dem wir den Charakter als Proxy verwenden

Fügen Sie dann die Keyframes hinzu und passen Sie das Timing an

Dieser Schritt reicht aus, um mit der Arbeit am Hintergrundprozess zu beginnen. Die Keyframe-Animation wird separat ausgeführt.

 

>> Schritt 1: Skizzieren Sie die Hintergrundposition

Erstellen Sie eine neue Leinwand für die Animation. Stellen Sie sicher, dass die Bildrate für die Keyframe-Timing-Datei gleich ist

 

(hier habe ich 24 Bilder pro Sekunde verwendet)

Gehen Sie zum Menü [Datei> Importieren> Neues Dateiobjekt erstellen] und wählen Sie die Keyframe-Timing-Datei (.clip) aus.

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

(Stellen Sie sicher, dass sich die Ebene außerhalb des Animationsordners befindet oder nicht auf der Leinwand angezeigt wird.)

Passen Sie den Zeitleistenbereich an die Zeitleiste des importierten Objekts an

Zeichnen Sie die Hintergrundskizze in den Animationsordner und ordnen Sie sie den von uns erstellten Timing-Keyframes zu

Hinweis: Zeichnen Sie nur wenige Bilder, bei denen sich der Hintergrund geändert hat, um Verwirrung beim Animieren zu vermeiden

>> Schritt 2: Fügen Sie den Himmelsverlauf hinzu

Entfernen Sie zunächst den Hintergrund der Timing-Datei, indem Sie mit der rechten Maustaste auf die Ebene> Dateiobjekt> Datei aus Dateiobjekt öffnen klicken

Entfernen Sie in der Datei die Hintergrundebene, lassen Sie nur die Skizzenlinie und speichern Sie sie

Das Dateiobjekt wird transparent

Erstellen Sie eine Verlaufsebene und wenden Sie die Ebene für die Verlaufskartenkorrektur an

Aktivieren Sie den Layer-Keyframe der Verlaufskarte zum Animieren

Wählen Sie den Rahmen aus und verschieben Sie den mit der Skizze verbundenen Farbverlauf mit [Objektwerkzeug].

Stellen Sie sicher, dass Sie einen Ebenen-Keyframe auf dem Verlauf und nicht auf der Maske erstellen (klicken Sie auf das Miniaturbild der Verlaufsebene, um den Verlauf auszuwählen).

Wenn Sie die Anpassung der Skizze abgeschlossen haben, erhalten Sie den Verlaufshimmel, der dem Schwenken der Kamera folgt

>> Schritt 3: Hintergrund erstellen

Es gibt einige Keyframes, die den Hintergrund anzeigen, bevor er in den Himmel schwenkt

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

 

In Bildmaterialien finden Sie nützliche Bildelemente. Sie sind nicht nur gebrauchsfertig, sondern auch nützlich, um Farben zu referenzieren.

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

Ich nahm die Farbe vom Baum und trug sie auf den Boden auf

Es gibt auch Standardpinsel zum Erstellen von Struktureffekten. Ich habe sie auf den Boden aufgetragen, um Gras zu erzeugen

 

Ich verwende das Bildmaterial „Transparente Stadt“ hinter dem Park, um eine Stadtansicht in der Ferne zu erstellen

Und weiter Abstand machen

Ich benutze die Ebeneneigenschaft des Materials, um seine Farbe anzupassen

Abschließend haben wir 3 Ebenen für den Hintergrund (verschmelzen Sie den Park zu einer Ebene).

Die Bewegung des Hintergrunds unterscheidet sich vom Himmelsverlauf, da sie sich schnell vom Animationsdesign entfernt.

 

Daher aktivieren wir den Keyframe und verschieben die Ebene in Bezug auf die Position in der Skizzenanimation

Erstellen Sie den Keyframe nur dort, wo er in der Szene angezeigt wird

(Drehen und in die Ecke bewegen)

Das Schwenken der Kamera wird in diesem Schritt klarer

>> Schritt 4: Cloud hinzufügen

Für die Cloud verwenden wir eine 2D-Kamera zur einfacheren Steuerung. Sie können auch einen Layer-Keyframe verwenden, dies ist jedoch etwas kompliziert.

 

Malen Sie die Wolke bis zur Endszene und wenden Sie die Verlaufskarte an. Kleine Wolken lassen sie weiter weg aussehen.

Ändern Sie die Größe der Leinwand und gehen Sie zu Bearbeiten> Leinwandgröße ändern

Sie können einfach die Zahl eingeben oder den Transformationsrahmen anpassen, um die Größe auf der Leinwand zu ändern.

 

Es gibt mehr Platz für Kameraarbeiten in den Wolken. Keine Sorge, wenn wir sie exportieren, werden nur Objekte am Rand angezeigt.

 

Zeichnen Sie die ausgedehnten Wolken in einer Linie, dies wird für das frühe Stadium der Kameraschwenk verwendet

Erstellen Sie einen 2D-Kameraordner

und platziere alle Wolkenschichten darin

Verwenden Sie [Objektwerkzeug], um den Kameraordner auszuwählen, und ziehen Sie ihn an die Wolkenkante

In der Kameraoption können Sie mit der Anzeigemodusoption überprüfen, wie sie auf der Kamera angezeigt wird

(Sie müssen es wieder in den Feldführungsmodus schalten, um die Cloud erneut zu bearbeiten.)

Das Verschieben der Cloud erfolgt in drei Phasen. Erstellen Sie den Keyframe an den Positionen, an denen er sich bewegen soll

Der Hintergrund ist fertig !!

>> Schritt 5: Beenden

Erstellen Sie in einer separaten Datei die Einzelbildanimation des Charakters

 

[Wichtig!] Stellen Sie die Bildrate auf 24 ein. Die Bildrate muss für Hintergrund und Zeichen gleich sein

Hinweis: Für den letzten Schritt habe ich dem Haar auch einige Windbewegungs-Keyframes hinzugefügt

Weitere Informationen zur Animation finden Sie in meinem vorherigen Tutorial zur Verwendung des Bezier-Tools für den Animationsprozess hier

Ersetzen Sie den Timing-Keyframe durch die fertige Charakteranimation

Es wird empfohlen, die Zeichendatei mit den gleichen Abmessungen des Hintergrunds zu erstellen, damit der Import problemlos möglich ist.

Optional: Fügen Sie auch die Sonnenschicht hinzu und wenden Sie den Ebenen-Keyframe an

Verschieben Sie es dann in Bezug auf die Wolkenposition im Kameraordner

Wenden Sie auch einige Ebenenausschnitte für Licht- und Schattierungseffekte auf den Charakter an

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

Hinweis: Sie können die Verlaufskarte einfach anpassen, um die Zeit der Szene in weniger als 3 Minuten zu ändern: D.

Ich hoffe, dieses Tutorial ist nützlich für Ihre Animationsszene. Viel Spaß beim Animieren! ^^

Kommentar

Neu

Neu! Offizielle Tutorials