Einführung

Hallo zusammen! Vielen Dank für das Überprüfen dieses Tutorials. Heute möchte ich etwas über die grundlegenden CSP-Figurenwerkzeuge und ein Beispiel für die Verwendung von Figurenwerkzeugen für Animationen berichten!

 

Ich werde die Zusammenfassung hier durchgehen, aber ich empfehle Ihnen dringend, mein Video unten für weitere Details mit einer Videoanleitung zu überprüfen! ^^

1. Was ist Figurenwerkzeug?

Mit dem Figurenwerkzeug können Sie ganz einfach einfache Formen wie Linien, Kurven, Kreise usw. erstellen.

Sie finden das Figurenwerkzeug in dem Bild, das ich Ihnen oben zeige.

In diesem Tutorial werde ich die Grundlagen dieses Direct Draw-Unterwerkzeugs behandeln.

Bevor Sie beginnen, stellen Sie sicher, dass Sie zuerst VECTOR LAYER erstellen!

Sie können die Vektorebene durch das Symbol daneben erkennen.

 

Warum Vektorebene verwenden? So kann Ihre Linie BEARBEITBAR sein!

Dies ist wichtig für Figure Tool, also überprüfen Sie es vor dem Zeichnen.

2. Gerade Linie, Kurve und Lassofüllung

Das Werkzeug für gerade Linien und Kurven ist ziemlich einfach. Sie können einfach klicken und ziehen, um die Linien zu erstellen.

Bei einer Kurve können Sie erneut ziehen und klicken, um die Kurve anzupassen.

 

Wenn Sie beim Ziehen die Umschalttaste gedrückt halten, können Sie die Linie an der horizontalen, vertikalen oder diagonalen Achse ausrichten.

 

Die Lassofüllung ist etwas anders, sie kann nicht in der Vektorebene verwendet werden, daher müssen Sie die Rasterebene verwenden.

Grundsätzlich verwenden Sie es, um den von Ihnen ausgewählten Bereich schnell zu füllen.

Sie können es verwenden, um schnell Symbole oder andere Dinge zu zeichnen. (ich benutze es nicht so oft)

3. Rechteck, Ellipse und Polygon

Für grundlegende Formen können wir das Werkzeug Rechteck, Ellipse oder Polygon verwenden.

Klicken und ziehen Sie wie gewohnt, um ein Objekt zu erstellen. Halten Sie die Umschalttaste gedrückt, um einen perfekten Kreis, Kasten oder Polygon zu erstellen.

 

Bei Polygon können Sie die Anzahl der Ecken (Dreieck, Raute, Sechseck usw.)

Sie können auch die Rundheit der Ecke bearbeiten.

 

Es gibt auch andere Perimeter wie Füllen, Winkel anpassen, Deckkraft usw.

Probieren Sie es aus und verwenden Sie es nach Ihren Bedürfnissen!

4. Polylinie, kontinuierliche Kurve und Bezierkurve

Mit Polyline können Sie eine Reihe von geraden Linien erstellen.

Immer wenn Sie klicken, werden Linien basierend auf dem letzten Punkt erstellt.

 

Das gleiche gilt für Continuous Curve und Bézier Curve.

Der Unterschied besteht darin, dass Sie die Kurve durch Klicken und Ziehen anpassen können.

Bezier Curve ist ein bisschen gemischt aus Kurve und geraden Linien.

Sie haben wahrscheinlich diese Tools ausprobiert und sich selbst dabei gedacht..

"Wie kann man dieses Ding davon abhalten, mehr Linien zu machen...?!"

 

Nun, es gibt 3 Möglichkeiten, diese Tools zu stoppen:

1) Wenn Sie ENTER drücken, stoppen Sie die Zeilen basierend auf dem letzten Cursor.

2) Wenn Sie ESCAPE drücken, machen Sie im Grunde alle Zeilen rückgängig.

3) Wenn Sie STRG HALTEN und dann KLICKEN, stoppen Sie am letzten Punkt.

5. Bearbeiten von Linien und Formen + Vektorradierer!

Nehmen wir an, wir haben die Form, aber etwas durcheinander gebracht, können wir sie ändern?

JA! wir können sie leicht bearbeiten, solange wir VECTOR LAYERS verwenden!

 

Sie können Punkt, Linie und Kurve mit dem OBJEKTTOOL bearbeiten (Kürzel: O)

Klicken Sie auf das Objekt, wählen Sie den Punkt aus und bearbeiten Sie ihn nach Belieben.

 

Für eine erweiterte Korrektur können Sie das KORREKTE LINIENWERKZEUG (Kürzel: Y) verwenden.

Sie können Punkte hinzufügen/löschen, viele Dinge individuell anpassen.

 

Sie können die Linienstärke auch einfach mit dem Objektwerkzeug bearbeiten

Wählen Sie einfach das Objekt aus und ändern Sie dann den Parameter, und die gesamte Form wird geändert!

Es gibt noch eine weitere nützliche Sache, wenn Sie mit Vektorebenen arbeiten: ERASER TOOL!

Sie können Ihren Standard-Radierer verwenden, stellen Sie nur sicher, dass der Vektor-Radierer aktiviert ist

 

Es gibt drei Optionen für den Vektorradierer:

1) Mit dem linken können Sie wie gewohnt wie mit einem Pinsel löschen

2) Mit der mittleren können Sie die Schnittlinie löschen

3) Mit der rechten können Sie alle Zeilen zusammen löschen

Kurzer Tipp: Verlängern Sie Ihre Linie immer und löschen Sie die Kreuzung später einfach.

Dies funktioniert auch mit Formen.. also ziemlich ordentlich!

6. Zeichnen Sie Lineart mit dem Figurenwerkzeug!

Jetzt, da wir alle Grundlagen haben, versuchen wir es in unserer Zeichnung!

Ich werde den Prozess von Lineart bis Animation hier erklären, aber ich empfehle Ihnen dringend, mein YouTube-Video im Intro zu überprüfen.

 

Ich ermutige Sie auch, dies beim Lesen / Anschauen auszuprobieren, damit Sie mir sagen können, was Sie gemacht haben! :D

 

Das erste ist eine Skizze. Hier habe ich die Skizze einer Katze (?) mit dem Standardpinsel erstellt.

Als nächstes verwenden wir Figure Tools für die Lineart! Was ich gemacht habe war:

• Ich habe die Werkzeuge verwendet, die der gewünschten Form nahe kommen.

• Verwenden Sie das Objektwerkzeug, um die Position und Kurve anzupassen.

• Verwenden Sie den Vektorradierer, um die Schnittlinie zu löschen.

 

Ich habe die Schnittmenge im Körper jedoch nicht gelöscht, da ich sie später möglicherweise animieren kann.

7. Arbeiten Sie mit der Zeitleiste!

Zuerst müssen wir das Timeline-Fenster öffnen (windows > timeline)

Wenn Ihre Zeitachse leer ist, können Sie auf Neue Zeitachse hinzufügen klicken.

Für dieses Tutorial habe ich 12 fps und 24 Framedauer verwendet.. damit CSP Pro-Benutzer es auch ausprobieren können.

 

Um Animationen zu erstellen, müssen wir einen Animationsordner erstellen.

Danach legen wir das Lineart der Katze in den Animationsordner.

 

Vergessen Sie nicht, es in "1" umzubenennen, um es später weniger verwirrend zu machen.

(Dies liegt daran, dass CSP die nächsten Ebenen automatisch mit Nummern umbenennt)

"Oh nein, nachdem ich es in den Animationsordner gelegt habe, ist die Zeichnung weg!"

Sie müssen Zellen angeben (Symbol mit der Kette) auswählen und dann Ihren Layernamen auswählen.

Dadurch wird Ihre Ebene in die Timeline eingefügt!

 

Kurztipp: Ebenen, die sich nicht auf den Timelines befinden, werden nur gespeichert.

Sie müssen Zellen angeben, damit sie angezeigt werden und eine Dauer haben!

Als nächstes dupliziere ich einfach die Vektorebene der Katze (Rechtsklick > Ebene duplizieren).

Und dann geben Sie Zellen 2 oder 3 Rahmen neben dem ersten ein.

 

Als nächstes bearbeiten wir die Zeichnungsebene Nummer "2". Ich werde nur die Augen mit dem Transformationswerkzeug ändern.

Sie können ONION SKIN aktivieren, um die vorherige/nächste Zeichnung einfach zu überprüfen.

 

Wiederholen Sie die Schritte zum Zeichnen von "3".. Duplizieren, Klicken Sie auf das Timing, geben Sie Zellen an, bearbeiten Sie.

Arbeiten Sie mit Ihrer Timeline!

Verwenden Sie Werkzeug angeben, um die von Ihnen erstellte Zeichnung wiederzuverwenden.

 

Zum Beispiel sieht meine blinkende Katzenzeitleiste tatsächlich so aus: 1 - 2 - 3 - 2 - 1

Es besteht also eigentlich nur aus drei Zeichnungen!

Ich habe auch versucht, die Katze zu winken und ihren Schwanz zu bewegen.. aber Sie können es auch selbst erkunden!

Sobald ich zufrieden bin, verwende ich weiterhin das Radiergummi-Werkzeug, um die Schnittlinie zu löschen.

Das ist richtig, Sie müssen es mit jeder Schicht machen.. also genießen Sie Ihre Zeit! :'D

 

Hier ist die endgültige Lineart-Zeitleiste und die Vorschau der Animation:

8. Ausmalen, Schattieren und Finishing!

Nun, da die Linien fertig sind, lass uns mit dem Färben fortfahren!

Dazu müssen wir einen weiteren Animationsordner erstellen.

Aber innerhalb des Ordners erstellen wir diesmal Rasterebene anstelle von Vektor.

 

Platzieren Sie den Farbanimationsordner unter dem Lineart-Animationsordner.

Nach der Anleitung von Lineart werden wir es mit dem Füllwerkzeug einfach mit Farbe bearbeiten.

 

Vergessen Sie nicht, eine neue Ebene zu erstellen und Zellen wie in Lineart erneut anzugeben.

Der Prozess ist sehr ähnlich, aber dieses Mal haben wir eine Timing-Anleitung.

Wir müssen also nur das Timing der Lineart-Animation anpassen.

Was die Schattierung betrifft, schneiden Sie eine neue Ebene mit Multiplizieren über dem Farbanimationsordner aus.

Ich fülle die Mehrfachzeichnung mit Farbe, lösche ein paar Teile und passe dann Farbton und Sättigung an.

Dies ist nur statische und einfache Schattierung, also stellen Sie sicher, dass Sie spielen und erneut auf Fehler überprüfen.

 

Als nächstes füge ich einen Schlagschatten in einer separaten Ebene hinzu, der unter der Farbe platziert wird.

Fühlen Sie sich frei, weitere Effekte wie Farbverlauf, Linienfarbe ändern usw. hinzuzufügen.

Nun zum Hintergrund, für dieses Tutorial habe ich das Standardmaterial von CSP verwendet.

Um es zu verwenden, ziehen Sie einfach die Materialien per Drag & Drop und platzieren Sie sie unter dem Schlagschatten.

 

Sie können auch Zoom-Bewegung hinzufügen, indem Sie den 2D-Kameraordner verwenden.

Verschieben Sie zuerst alle Ordner und Ebenen in den Kameraordner.

 

Klicken Sie anschließend auf die Schaltfläche Keyframe hinzufügen. Dies ist der erste Keyframe im Kameraordner.

Wählen Sie das Timing für den zweiten Keyframe und klicken Sie dann auf Keyframe hinzufügen.

Verwenden Sie nun in dem Keyframe, den Sie bearbeiten möchten, das Objektwerkzeug, um die Größe der Kamera zu ändern.

 

Wenn die Kamerabewegung nicht angezeigt wird, gehen Sie zu Animation > Wiedergabeeinstellungen > überprüfen Sie "2D-Kamera rendern".

 

Sie können einige Dinge anpassen, z. B. die Keyframes verschieben und die Animation testen.

Um schließlich als Video zu exportieren, klicken Sie auf Datei > Animation exportieren > Film

(Stellen Sie sicher, dass Sie 2D-Kameraeffekte anwenden aktivieren, wenn Sie eine Kamera verwenden)

 

Oder Sie können es als animiertes GIF exportieren.

(Es wird viel kleiner sein und in einer Schleife abgespielt)

Schließen

Hier ist das Endergebnis! (Animiertes GIF)

Vielen Dank, wenn Sie dies lesen oder das Video bis zum Ende ansehen. Dies ist mein erster Tutorial-Beitrag, also entschuldige ich mich, wenn ich ein paar Fehler gemacht habe (und sorry, wenn es zu lange ist, haha).

 

Ich arbeite immer noch an meinem Youtube und plane, in Zukunft weitere Tutorials zu veröffentlichen. Es ist noch klein, daher wird jede Unterstützung wirklich geschätzt!

 

Ich bin auch gespannt, was ihr mit diesem Tutorial gemacht habt.

Schreib es mir gerne unten in die Kommentare! :D

 

Schließlich hoffe ich, dass Ihnen dieses Tutorial gefällt und Sie es hilfreich finden!

Bleiben Sie gesund und haben Sie einen schönen Tag! ^^