Einleitung

Hallo zusammen! Danke, dass ihr dieses Tutorial gelesen habt. Heute möchte ich die Grundlagen der CSP-Figuren-Werkzeuge und ein Beispiel für die Verwendung der Figuren-Werkzeuge für Animationen teilen!

 

Ich werde hier die Zusammenfassung durchgehen, aber ich empfehle euch dringend, mein Video unten anzusehen, um weitere Details mit einer Videoanleitung zu erhalten! ^^

1. Was ist das Figuren-Werkzeug?

Mit dem Figuren-Werkzeug könnt ihr ganz einfach einfache Formen wie Linien, Kurven, Kreise usw. erstellen.

Ihr findet das Figuren-Werkzeug in dem Bild, das ich euch oben zeige.

In diesem Tutorial werde ich die Grundlagen dieses Unterwerkzeugs für die Direkte Zeichnung behandeln.

Bevor ihr beginnt, erstellt zuerst eine VEKTOREBENE!

Ihr erkennt eine Vektorebene an dem Symbol daneben.

 

Warum eine Vektorebene verwenden? Damit eure Linien BEARBEITBAR sind!

Dies ist wichtig für das Figuren-Werkzeug, also überprüft es unbedingt vor dem Zeichnen.

2. Gerade Linie, Kurve und Lasso-Füllen

Das Geraden- und Kurven-Werkzeug ist ziemlich einfach. Ihr klickt und zieht einfach, um die Linien zu erstellen.

Für Kurven könnt ihr ziehen und erneut klicken, um die Kurve anzupassen.

 

Wenn ihr die Umschalttaste gedrückt haltet, während ihr zieht, könnt ihr die Linie horizontal, vertikal oder diagonal einrasten lassen.

 

Das Lasso-Füllen ist etwas anders, es kann nicht auf Vektorebenen verwendet werden, daher müsst ihr eine Rasterebene verwenden.

Im Grunde verwendet ihr es, um den ausgewählten Bereich schnell zu füllen.

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

3. Rechteck, Ellipse und Polygon

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

Wie gewohnt klicken und ziehen, um ein Objekt zu erstellen. Haltet die Umschalttaste gedrückt, um einen perfekten Kreis, eine Box oder ein Polygon zu erstellen.

 

Bei Polygonen könnt ihr die Anzahl der Ecken (Dreieck, Raute, Sechseck usw.) bearbeiten.

Ihr könnt auch die Rundheit der Ecken bearbeiten.

 

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

Probiert es einfach aus und verwendet es nach euren Bedürfnissen!

4. Polylinie, durchgehende Kurve und Bézierkurve

Mit der Polylinie könnt ihr eine Reihe von geraden Linien erstellen.

Wann immer ihr klickt, werden basierend auf dem letzten Punkt weitere Linien erstellt.

 

Das Gleiche gilt für die durchgehende Kurve und die Bézierkurve.

Der Unterschied ist, dass ihr die Kurve durch Klicken und Ziehen anpassen könnt.

Die Bézierkurve ist eine Mischung aus Kurven und geraden Linien.

Ihr habt diese Werkzeuge wahrscheinlich ausprobiert und euch dabei gedacht..

„Wie stoppe ich dieses Ding, damit es nicht mehr Linien macht..?“

 

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

1) Wenn ihr ENTER drückt, werden die Linien basierend auf dem letzten Cursor gestoppt.

2) Wenn ihr ESCAPE drückt, macht ihr im Grunde alle Linien rückgängig.

3) Wenn ihr STRG gedrückt haltet und dann KLICKT, stoppt ihr am letzten Punkt.

5. Linien und Formen bearbeiten + Vektorradierer!

Nehmen wir an, wir haben die Form erstellt, aber ein bisschen vermasselt, können wir sie ändern?

JA! Wir können sie leicht bearbeiten, solange wir VEKTOREBENEN verwenden!

 

Ihr könnt Punkte, Linien und Kurven mit dem OBJEKT-WERKZEUG (Tastenkürzel: O) bearbeiten.

Klickt auf das Objekt, wählt den Punkt aus und bearbeitet ihn dann nach Belieben.

 

Für fortgeschrittenere Korrekturen könnt ihr das LINIE KORRIGIEREN-WERKZEUG (Tastenkürzel: Y) verwenden.

Ihr könnt Punkte hinzufügen/löschen, viele Dinge einzeln anpassen.

 

Ihr könnt auch die Liniendicke einfach mit dem Objekt-Werkzeug bearbeiten.

Wählt einfach das Objekt aus, ändert den Parameter, und es ändert die gesamte Form!

Es gibt noch eine weitere nützliche Sache, wenn ihr mit Vektorebenen arbeitet: das RADIERER-WERKZEUG!

Ihr könnt euren Standardradierer verwenden, stellt nur sicher, dass der Vektorradierer aktiviert ist.

 

Es gibt drei Optionen für den Vektorradierer:

1) Die linke lässt euch wie gewohnt wie einen Pinsel radieren

2) Die mittlere lässt euch die Schnittlinie radieren

3) Die rechte lässt euch die gesamte Linie auf einmal radieren

Kurzer Tipp: Macht eure Linie immer länger und löscht dann später die Schnittstelle.

Das funktioniert auch bei Formen... also ziemlich praktisch!

6. Lineart mit dem Figuren-Werkzeug zeichnen!

Nachdem wir nun alle Grundlagen haben, versuchen wir es in unserer Zeichnung!

Ich erkläre hier den Prozess von der Lineart bis zur Animation, aber ich empfehle euch dringend, mein YouTube-Video in der Einleitung anzusehen... weil es mit einer Videoanleitung einfacher zu verfolgen ist ^^;

 

Ich ermutige euch auch, dies auszuprobieren, während ihr lest/zuschaut, damit ihr mir erzählen könnt, was ihr erstellt habt! :D

 

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

Als Nächstes verwenden wir die Figuren-Werkzeuge für die Lineart! Was ich gemacht habe, war:

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

• Das Objekt-Werkzeug verwendet, um Position und Kurve anzupassen.

• Den Vektorradierer verwendet, um die Schnittlinie zu löschen.

 

Allerdings habe ich die Schnittstelle im Körper nicht gelöscht, da ich sie später animieren könnte.

7. Mit der Timeline arbeiten!

Zuerst müssen wir das Zeitachsen-Fenster öffnen (Fenster > Zeitachse).

Wenn eure Zeitachse leer ist, klickt auf Neue Zeitachse hinzufügen.

Für dieses Tutorial habe ich 12 Bilder pro Sekunde und eine Dauer von 24 Bildern verwendet... damit auch CSP Pro-Benutzer es ausprobieren können.

 

Um eine Animation zu erstellen, müssen wir einen Animationsordner erstellen.

Danach legen wir die Lineart der Katze in den Animationsordner.

 

Vergesst nicht, sie in „1“ umzubenennen, um spätere Verwirrung zu vermeiden.

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

„Oh nein, nachdem ich es in den Animationsordner gelegt habe, ist die Zeichnung verschwunden!“

Ihr müsst Zellen angeben (Symbol mit der Kette) auswählen und dann euren Ebenennamen auswählen.

Dadurch wird eure Ebene in die Zeitachse eingefügt!

 

Kurzer Tipp: Ebenen, die sich nicht auf den Zeitachsen befinden, werden nur gespeichert.

Ihr müsst Zellen angeben, damit sie erscheinen und eine Dauer haben!

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

Und dann wähle ich Zellen für 2 oder 3 Bilder neben dem ersten aus.

 

Als Nächstes bearbeiten wir die Zeichnungsebene Nummer „2“. Ich werde einfach die Augen mit dem Transformationswerkzeug ändern.

Ihr könnt die ZWIEBELHAUT einschalten, um vorherige/nächste Zeichnungen einfach zu überprüfen.

 

Wiederholt die Schritte für Zeichnung „3“.. Duplizieren, Timing klicken, Zellen angeben, Bearbeiten.

Arbeitet mit eurer Zeitachse!

Verwendet das Angeben-Werkzeug, um eure erstellten Zeichnungen WIEDERZUVERWENDEN.

 

Zum Beispiel sieht meine Zeitachse für die blinzelnde Katze tatsächlich so aus: 1 - 2 - 3 - 2 - 1

Es besteht also tatsächlich nur aus drei Zeichnungen!

Ich habe auch versucht, die Katze winken und ihren Schwanz bewegen zu lassen... aber das könnt ihr auch selbst erkunden!

Sobald ich zufrieden bin, fahre ich fort, das Radiergummi-Werkzeug zu verwenden, um die Schnittlinie zu löschen.

Genau, das müsst ihr bei jeder Ebene tun... also genießt eure Zeit! :'D

 

Hier ist die fertige Lineart-Zeitachse und Vorschau der Animation:

8. Kolorieren, Schattieren und Fertigstellen!

Nachdem die Linien fertig sind, machen wir mit dem Kolorieren weiter!

Dazu müssen wir einen weiteren Animationsordner erstellen.

Innerhalb dieses Ordners erstellen wir dieses Mal jedoch eine Rasterebene anstelle einer Vektorebene.

 

Platziert den Farbanimationsordner unter dem Lineart-Animationsordner.

Der Anleitung von Lineart folgend, füllen wir es einfach mit Farbe mit dem Füllwerkzeug.

 

Vergesst nicht, eine neue Ebene zu erstellen und die Zellen wieder anzugeben, wie bei der Lineart.

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, so klippt eine neue Ebene mit Multiplizieren über dem Farbanimationsordner.

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

Dies ist nur eine statische und einfache Schattierung, also stellt sicher, dass ihr es abspielt und auf Fehler überprüft.

 

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

Fühlt euch 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, zieht und legt die Materialien einfach ab und platziert sie unter dem Schlagschatten.

 

Ihr könnt auch eine Zoom-Bewegung hinzufügen, indem ihr den 2D-Kameraordner verwendet.

Zuerst verschiebt alle Ordner und Ebenen in den Kameraordner.

 

Als Nächstes klickt auf die Schaltfläche Keyframe hinzufügen. Das ist der erste Keyframe im Kameraordner.

Wählt das Timing für den zweiten Keyframe aus und klickt dann auf Keyframe hinzufügen.

Verwendet nun im Keyframe, den ihr bearbeiten möchtet, das Objekt-Werkzeug, um die Kamera zu skalieren.

 

Wenn die Kamerabewegung nicht angezeigt wird, geht zu Animation > Wiedergabeeinstellung > stellt sicher, dass „2D-Kamera rendern“ aktiviert ist.

 

Ihr könnt einige Dinge anpassen, z. B. die Keyframes verschieben und die Animation testen.

Zuletzt, um als Video zu exportieren, klickt auf Datei > Animation exportieren > Film

(stellt sicher, dass „2D-Kameraeffekte anwenden“ aktiviert ist, wenn ihr eine Kamera verwendet)

 

Oder ihr könnt es als animiertes GIF exportieren.

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

Schlusswort

Hier ist das Endergebnis! (Animiertes GIF)

Vielen Dank, wenn ihr dies bis zum Ende gelesen oder das Video angesehen habt. Dies ist mein erster Tutorial-Beitrag, daher entschuldige ich mich, wenn ich ein paar Fehler gemacht habe (und entschuldigt, wenn es zu laaang war haha).

 

Ich arbeite immer noch an meinem YouTube-Kanal und plane, in Zukunft weitere Tutorials zu veröffentlichen. Er ist noch klein, daher ist jede Unterstützung sehr willkommen!

 

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

fühlt euch frei, es mir in den Kommentaren unten zu erzählen! :D

 

Zuletzt hoffe ich, dass euch dieses Tutorial gefällt und es hilfreich ist!

Bleibt sicher und habt einen schönen Tag! ^^