✨ Einleitung
Hallöchen! Ich bin Maya Kalico und das ist mein erster Tipp ✨ Heute zeige ich euch, wie ihr eine superleichte Animation im Einfachen Modus von Clip Studio Paint erstellt. Ich hoffe, ihr habt viel Spaß dabei, euren eigenen zu erstellen! Los geht's?
○ Video-Anleitung
💬 KI-Untertitel und -Synchronisation sind in verschiedenen Sprachen verfügbar.
1) Grundlagen
Eine Bewegung in einer Animation besteht aus mehreren aufeinanderfolgenden Bildern. Diese Bilder werden sehr schnell nacheinander abgespielt, wodurch die Aktion entsteht. Jedes Bild in dieser Sequenz wird als Frame bezeichnet. Wie schnell wir von einem Frame zum nächsten wechseln, hängt von den FPS ab: Frames per Second (Bilder pro Sekunde).
Gehen wir zu Clip Studio Paint, um das besser zu verstehen!
2) Anfangseinstellungen
2.1) Leinwandgröße
• Klicke auf dem Startbildschirm von Clip Studio Paint auf Zeichnen und dann auf Neues Projekt;
• Wähle den Reiter Animation;
• Klicke auf 1080x1080px
Du kannst eine Illustration erstellen und sie später in eine Animation umwandeln, wenn du möchtest, aber heute fangen wir direkt mit der Animation an.
Da wir ein Emote/einen Avatar erstellen, ist es wichtig, dass das Maß quadratisch ist, damit es besser passt.
2.2) Bilder pro Sekunde (FPS)
Der Einfache Modus von Clip Studio Paint hat standardmäßig 12 Bilder pro Sekunde, was großartig ist, da wir nur 12 Bilder für jede Sekunde der Animation zeichnen müssen (wir können sie immer duplizieren, du wirst sehen!)
Denk an einen Basketball. Im Grunde hat er drei Bewegungen: Auf den Boden werfen, auf den Boden aufprallen und zurück in deine Hand springen. Aber wenn nur diese drei Bewegungen sehr schnell nacheinander ablaufen, wirkt die Animation sehr steif, schau her:
Also fügen wir weitere Bewegungen zwischen diesen drei Hauptbewegungen hinzu, damit die Animation flüssiger wird:
2.3) Onion Skin (Zwiebelschicht)
In Clip Studio Paint ist der vorherige Frame lila und der nächste Frame grün. Du kannst die Onion Skin-Vorschau über die Timeline aktivieren oder deaktivieren: Klicke am unteren Bildschirmrand auf die 3 Punkte und aktiviere/deaktiviere Onion Skin.
Onion Skin ist der Begriff für die Vorschau des vorherigen und nächsten Frames zum aktuellen Frame. So kannst du genau planen, welche Teile der Zeichnung sich bewegen sollen und welche an ihrem Platz bleiben müssen, damit die Animation schön flüssig wird.
3) Planung deiner Animation
3.1) Emote-Design
Das Design des Emotes wird in deinem eigenen Stil erstellt! Es ist wichtig zu bedenken, dass Emotes meistens nur den Fokus auf das Gesicht legen (mit Gesichtsausdruck und ein wenig vom Hals). Denk daran, dass das Emote verkleinert wird, daher muss der Ausdruck sehr klar sein.
In meinem Fall habe ich ein Design entworfen, das mir gefällt: Riesige Augen, viele Wimpern und ein großes Ohr. Ich finde solche Charaktere sehr süß!
Erstelle ohne Eile eine Skizze. Ich benutze für diesen Teil gerne die Kohle-Pinsel oder Druckbleistifte in der Farbe Rot. Danach erstelle ich eine neue Ebene und zeichne das endgültige Design, das mir gefällt, sauber nach, schau her:
Nutze verschiedene Werkzeuge zur Unterstützung deiner Arbeit: Ich habe das Transformieren-Werkzeug verwendet, um die Größe des Gesichts innerhalb des Quadrats anzupassen. Du kannst auch das Auswahl-Werkzeug verwenden, um verschiedene Teile der Zeichnung zu kopieren und einzufügen, wie zum Beispiel das Auge :)
01. Beginne mit der Erstellung deiner Zeichnung (hier habe ich den Pinsel Zeichnen > Kohle verwendet);
02. Ich benutze das Transformieren-Werkzeug, um die Größe und Ausrichtung des Kopfes anzupassen;
03. Zeichne weiter, bis du mit dem Design zufrieden bist;
04. Beginne mit dem Lineart (hier habe ich den Pinsel Stift > Rauer Stift verwendet);
05. Wenn du ein Element exakt gleich haben möchtest, benutze das Auswahl-Werkzeug und kopiere und füge es ein, so wie ich es mit dem Auge meines Charakters gemacht habe;
06. Schließe das Lineart ab.
3.2) Entscheiden, was animiert werden soll
Schau dir nun dein Design an und wähle aus, was du animieren möchtest! Da ich ausdrucksstarke Augen mag, möchte ich, dass mein Charakter ganz süß blinzelt.
Ein weiterer toller Punkt ist, dass du im Einfachen Modus viel Freiheit hast, an deinem Design hin und her zu probieren. Du wirst sehen, dass ich während des Prozesses entschieden habe, dass es auch cool wäre, eine kleine Hand zu haben, die zum Abschied winkt :)
Denk daran, der Spaß am Prozess ist das Wichtigste. Fühl dich frei, an deinem Design oder deinen Entscheidungen etwas zu ändern, wenn dir danach ist.
4) Animieren
4.1) Frames erstellen
Um einen neuen Frame zu erstellen:
Tippe auf den ersten Frame der Timeline;
Wähle Duplizieren.
So wird ein neuer Frame für deine Animation erstellt, wobei alle Ebenen deines ursprünglichen Designs mitkopiert werden!
Jetzt, wo du dein Design hast, starten wir mit unserer Animation! Erinnerst du dich an das, was wir am Anfang über Frames gesagt haben? Es ist Zeit, den ersten Schritt unserer Bewegung zu erstellen:
Diese untere Leiste mit dem Play-Button heißt Timeline. Dort befinden sich alle unsere Frames. Tippe auf den ersten Frame und klicke auf Duplizieren. Dadurch werden alle Ebenen deines Designs in diesen neuen Frame kopiert.
Diese Aktion erleichtert es uns, wenn wir sicherstellen wollen, dass alles ausgerichtet bleibt, aber du kannst auch auf den +-Button klicken und einen komplett leeren neuen Frame erstellen. Wenn die Onion Skin aktiviert ist, siehst du nur den Schatten des vorherigen Frames und sonst nichts.
01. Ich habe alle Ebenen des duplizierten Frames ausgeblendet, und das Einzige, was wir sehen können, ist der vorherige Frame, der wegen der Onion Skin hier in lila erscheint;
02. Ich benutze die Skizze des Designs, um zu löschen und zu planen, wie das Design des blinzelnden Auges aussehen wird;
03. Wenn ich zufrieden bin, blende ich die Hauptebene wieder ein und zeichne das Auge neu, in der Mitte der Blinzelbewegung.
// Details der Animation:
Ich habe mich entschieden, für die Blinzelbewegung nur 3 Frames zu machen:
Auge offen
Auge halb geschlossen
Auge ganz geschlossen
Um einen Looping zu erstellen, dupliziere einfach den mittleren Frame (Auge halb geschlossen) und mein Charakter könnte den ganzen Tag lang blinzeln xD
Willst du eine besondere Note und mehr Persönlichkeit hinzufügen? Ich habe mich entschieden, auch die Augenbrauen während des Blinzelns zu animieren, so wirkt es natürlicher und erweckt den Anschein von viel mehr Bewegung als nur durch das Auge allein.
Extra-Tipp: Du kannst auch die Dauer einer Bewegung anpassen, indem du einfach Frames duplizierst und neu anordnest. Bei meinem Beispiel-Design habe ich das offene Auge zweimal, das halb geschlossene Auge zweimal und das ganz geschlossene Auge zweimal dupliziert. So erfolgte die Blinzelbewegung mit geringerer Geschwindigkeit.
4.2) Verwendung anderer Werkzeuge
4.2.1) Transformieren-Werkzeug > Skalieren/Drehen
Erinnerst du dich, dass ich gesagt habe, ich wollte meinen Charakter winken lassen?
Also habe ich die kleine Hand in der Endposition gezeichnet und mit dem Transformieren-Werkzeug neue Frames erstellt, die kleine Hand nach unten gezogen und die Frames in umgekehrter Reihenfolge neu angeordnet.
4.2.2) Transformieren-Werkzeug > Gitterverformung (Puppet Warp)
Innerhalb des Transformieren-Werkzeugs haben wir verschiedene Optionen. Eine sehr coole für Animationen ist die Gitterverformung (Puppet Warp)!
Im Grunde können wir mit dem Gitterverformung-Werkzeug festlegen, wo die „Gelenke“ des Charakters sind, und Verzerrungen erzeugen, die Bewegungen simulieren.
Zum Beispiel ist unser Handgelenk ein „Gelenk“ zwischen Arm und Hand. Es bestimmt einen Großteil der Handbewegungen. Damit unser Winken also richtig süß wird, schau dir an, wie man es benutzt:
Wähle das Transformieren-Werkzeug;
Wechsle zur Gitterverformung (Puppet Warp);
Passe die Auswahl über „Auswahl erweitern“ an;
Tippe dorthin, wo du die „Gelenk“-Punkte erstellen möchtest.
Denk daran: Jeder Schritt der Bewegung muss ein Frame sein. Erstelle also neue Frames und verwende das Gitterverformung-Werkzeug, um die Bewegung so zu gestalten, wie du sie möchtest.
4.3) Deine Animation kolorieren
Du kolorierst deine Animation genauso, wie du normalerweise Illustrationen im Einfachen Modus kolorierst! Du kannst die Animation Frame für Frame kolorieren, während du sie erstellst, oder alles auf einmal am Ende. Ich habe mich entschieden, alles am Ende zu kolorieren.
4.3.1) Lege fest, welchen Kolorierungsstil du verwenden willst
Denk an den visuellen Stil, den du am Ende erreichen willst. Soll es eher einheitlich sein? Etwas flüssiger und natürlicher?
Besonders bei einem Emote, das sehr klein sein wird, empfehle ich nicht, Pinsel zu verwenden, die viele Details haben oder sehr natürlich wirken.
Beispiel: Ein Pinsel wie der Aquarellrand wird bei der Größe eines Emotes kaum wahrnehmbar sein und kann zudem die Definition deiner Zeichnung beeinträchtigen.
Ich empfehle die Verwendung von Pinseln mit deckenden Farben und wenig Textur. Aber wenn das dein Ziel ist oder du andere Pinselarten ausprobieren möchtest: Nur zu! Wichtig ist, dass es deinem Stil entspricht und so aussieht, wie du es am schönsten findest.
4.3.2) Erstelle eine Farbpalette
Eine Farbpalette zu erstellen ist super einfach und hilft uns, die Konsistenz in der Animation zu bewahren. Wenn du einfach ein zufälliges Orange für das Oberteil wählst und im nächsten Frame nicht genau dieselbe Farbe triffst, gibt es in jedem Frame einen kleinen Unterschied, und das kann störend wirken.
So erstellst du eine Palette:
01. Tippe auf die Hauptfarbauswahl;
02. Tippe auf den Titel der Farbpalette;
03. Tippe auf das +-Symbol (wenn dir eine vorhandene Palette gefällt, kannst du sie in diesem Schritt einfach auswählen);
04. Tippe auf „Neues Farbset“.
Danach gibst du der Palette einfach einen Namen und wählst jede gewünschte Farbe aus:
Schiebe den Regler auf die Farbe, die du speichern möchtest;
Tippe auf das +-Symbol, um sie deiner Palette hinzuzufügen.
Da sich der Kopf meines Charakters während der Animation nicht bewegt, habe ich das Lasso-Auswahlwerkzeug benutzt und den gesamten Kopf umrandet. So kann man in jedem Frame einfach das Füllwerkzeug benutzen und schneller kolorieren.
Alle Funktionen zum schnelleren Kolorieren, die du bereits aus dem Einfachen Modus kennst, funktionieren auch beim Erstellen einer Animation. Viel Spaß damit!
5) Deine Animation exportieren
Ja! Wir sind beim besten Teil angekommen: Unsere fertige Animation anzusehen!
Das Exportieren ist super einfach:
Oben rechts tippe auf die 3 Punkte;
Tippe auf „Animation exportieren“;
Tippe auf „Auf dem Gerät speichern“.
Clip Studio Paint zeigt eine Vorschau deiner Animation an. Wenn du mit dem Ergebnis zufrieden bist, klicke auf Speichern.
Wenn du Anpassungen vornehmen möchtest, klicke auf der linken Seite auf den Zurück-Pfeil und nimm die Änderungen vor.
Du kannst die Animation auch über die Timeline in der Vorschau ansehen, indem du auf den Play-Button klickst.
Und fertig! Du hast dein animiertes Emote, das du überall verwenden kannst :D
✨ Danksagung und Materialien
Wenn du bis hierher gekommen bist, vielen Dank für deine Geduld! Ich hoffe, dieser Tipp hilft dir auf die eine oder andere Weise weiter.
Es hat super viel Spaß gemacht, dieses Emote zu erstellen, und der Einfache Modus macht den Animationsprozess wirklich sehr einfach und leichtgängig. Es ist eine tolle Art, das Animieren zu erkunden und damit anzufangen.
Bis zum nächsten Mal. Hinterlasse gerne Kommentare oder stelle Fragen, ich werde euch antworten und helfen, wo ich kann.
Küsschen
// Verwendete Pinsel:
Standard-Pinsel Buntstift
Standard-Pinsel Rauer Stift
Dieser Beitrag gefällt
Kommentar