Einführung

2D-Animationen sind also für andere schwierig, aber das sollte nicht sein.

 

Obwohl ich schon vorher wusste, wie man mit einem Daumenkino animiert, ist das Erlernen der Anwendung immer noch Teil der Herausforderung.

 

Bevor wir mit dem Zeichnen beginnen können, sollten wir zumindest wissen, wie man einen Bleistift hält.

 

Aber in diesem Fall sollten wir wissen, wie man die Anwendung verwendet.

 

In diesem Video sollte ich Ihnen beibringen, wie man mit Clip Studio Paint animiert, und Ihnen außerdem genügend Wissen und Animationstechniken vermitteln, wie es klassische Animatoren tun, damit Sie zumindest benutzerdefinierte Emojis für Ihre sozialen Medien erstellen können.

Ich habe auch ein Video-Tutorial für Leute, die mehr über visuelle Präsentationen erfahren möchten.

Teil 1.1 – Vorbereiten Ihres Arbeitsbereichs

Öffnen Sie zunächst ein Canvas. Stellen Sie sicher, dass Sie die Animationsvoreinstellung ausgewählt haben.

Meine Leinwandgröße wäre 128 x 128 in Pixel(px), da dies die größte empfohlene Größe für ein Emoji wäre, aber je nach Website können die Größen variieren.

 

Sie können es zwar vergrößern, z. B. 512 x 512 Pixel, und es eignet sich dann für Aufkleber, aber ich behalte die 128 Pixel bei, damit ich nicht in Versuchung komme, weitere Details hinzuzufügen.

 

Dies wäre die visuelle Darstellung für die beiden Größen.

Normalerweise können Sie alle Einstellungen unverändert lassen, aber für mich behalte ich den kachelsicheren Bereich bei, damit ich eine Mittelführung auf meiner Leinwand haben kann.

Ich habe auch Leerzeichen hinzugefügt, damit ich die Konsistenz beibehalten und verfolgen kann, wann immer ich außerhalb des Rahmens zeichne.

Da ich Clip Studio Paint EX verwende, kann ich mehr Frames in meiner Animation haben, aber ich möchte dieses Tutorial für alle haben, also werde ich die Einschränkungen von Clip Studio Paint PRO befolgen und meine Wiedergabezeit festlegen auf 24 und meine Bildrate auf 12, sodass ich maximal 2 Sekunden Animation haben kann.

Sobald Sie eine Animations-Leinwand öffnen, wird unten in der Anwendung ein Zeitleistenfenster angezeigt, in dem Sie Ihre Animation erstellen können.

Aber wenn Sie es aus irgendeinem Grund verloren haben, können Sie es immer in der Menüleiste unter Windows und dann unter Zeitleiste finden.

Auch unter der Registerkarte „Animation“ im Menü finden Sie alles, was Sie für Animationen benötigen, aber wir werden hier nicht alle besprechen. Dies ist nur ein Hinweis, damit Sie in Ihrer Freizeit experimentieren können.

Ich würde außerdem vorschlagen, Ihr Fenster zu duplizieren, damit Sie die tatsächliche Größe des Emojis sehen können, während Sie daran arbeiten.

Öffnen Sie dazu die Registerkarte „Fenster“ im Menü, wählen Sie „Leinwand“ und dann „Neues Fenster auswählen“.

 

Dadurch erhalten Sie ein doppeltes Fenster zu etwas, in dem Sie sich gerade befinden.

Und dieses neue Fenster, ziehen Sie es aus der Registerkarte, ändern Sie die Größe des Fensters und behalten Sie den Zoom bei 100 bei, damit Sie die tatsächliche Größe des Emojis erhalten.

Teil 1.2 – Animationszeitleiste

In der Timeline finden Sie alle Ihre Animationsebenen. Was sich in Ihrem Ebenenfenster befindet, wird auch in der Zeitleiste angezeigt, jedoch anders angeordnet, um einen animationsfreundlichen Arbeitsbereich zu schaffen.

 

Wenn Sie eine Animationsvoreinstellungs-Leinwand öffnen, wird standardmäßig der Animationsordner angezeigt.

Wenn Sie mehr benötigen, können Sie einfach einen anderen Animationsordner erstellen, indem Sie auf das Symbol Neuer Animationsordner klicken.

 

 

Der Animationsordner unterscheidet sich von dem gewöhnlichen Ordner, den wir kennen.

 

Im Animationsordner müssen Sie alle Ihre Animations-Cels und -Frames ablegen.

Sie können mehr als einen Animationsordner hinzufügen, wenn Ihre Animation mehrere Ebenen enthalten soll.

Wenn Sie jemals eine Änderung an Ihrer Timeline vorgenommen haben, beispielsweise die Bildrate ändern wollten.

 

Sie können dies ganz einfach tun, indem Sie auf die drei Zeilen in der oberen linken Ecke der Timeline gehen.

 

Wählen Sie Timeline und dann Framerate ändern.

 

In diesem Fall habe ich 8 Frames eingefügt und es wird eine 3-Sekunden-Animation mit insgesamt 24 Frames.

Die Unterteilungen auf der Zeitleiste geben an, wie viele Sekunden Animation Sie erstellen können.

Sie werden auch feststellen, dass meine Animationszeitleiste kein Miniaturbild dazu hat. Das liegt daran, dass ich es so beibehalten habe, damit ich mehr Platz zum Zeichnen auf der Leinwand habe.

 

Sie können dies ganz einfach tun, indem Sie immer noch zu diesen drei Zeilen gehen und dann Miniaturansicht auswählen.

Teil 1.3 – Cel und Frame

Für manche Leute ist Cel and Frame verwirrend, oder zumindest für mich zunächst, weil Kamera und Computer mich zum Beispiel dazu brachten, über Frame-to-Frame-Sachen nachzudenken, als ich diese 60 Bilder pro Sekunde hörte. Aber sie sind etwas anders.

 

Für mich spielte es eigentlich keine Rolle, ob man es „Cel of Frame“ nennt, aber wenn man über Animator kommuniziert, kann das manchmal eine Rolle spielen. Wenn Sie jedoch mit einem Kunden sprechen, ist dies möglicherweise nicht der Fall, es sei denn, dieser ist bereit, die richtige Terminologie zu kennen.

Um es in einer einfacheren Logik zu erklären: Cel sind nur Ebenen in der Animation.

Cels können wiederholt in verschiedenen Frames auf der Timeline verwendet werden, wie in dieser Beispielanimation, die ich erstellt habe. 1 Zelle kann nur 1 Zeichnung sein, die zu einem anderen Zeitpunkt recycelt werden kann.

 

In dieser Animation verwende ich Cel #4 für Frame 11 und 15, damit ich etwas Zeit sparen kann, da ich sie nicht noch einmal zeichnen muss.

Da Sie die Terminologie bereits kennen, werden Sie nun die Verwendung der anderen drei Symbole neben Neuer Animationsordner verstehen.

Die erste ist New Animation Cel.

 

Im Grunde fügen Sie dem Rahmen einfach eine leere Zelle hinzu, auf der Sie zeichnen können.

 

Und das nächste Symbol daneben ist Assign Cel to Frame.

 

Das heißt, Sie weisen dem Frame ein vorhandenes Cel zu.

Oder Sie können einfach mit der rechten Maustaste auf den jeweiligen Frame-Punkt klicken und das Cel auswählen, das Sie hinzufügen möchten.

Teil 2 – Animation

Kommen wir nun zum spaßigen Teil, der Animation.

 

Es gibt Animationsprinzipien, aber ich werde sie hier natürlich nicht einzeln besprechen, weil ich nicht möchte, dass Sie mit Informationen bombardiert werden.

 

Aber ich bin hier, um Ihnen zu sagen, dass es wichtig ist, also sollten Sie es in Ihrer Freizeit ein wenig recherchieren.

 

• Prinzipien einer Animation sind im Grunde nur Lebenskunst.

 

Wenn Sie im Leben genug beobachten, bekommen Sie eine Vorstellung davon, was Sie als nächstes zu Ihrer Animation hinzufügen sollten.

 

Nun, für das Design meines Charakters wäre das Emoji ein Affenkönig, da ich ein Affenjahr und ein Löwe im Tierkreis bin, also sollte das Sinn machen.

Und machen Sie es so einfach wie möglich, weniger Details, also weniger Dinge, die Sie sich ansehen müssen, und weniger Linien, die animiert werden müssen.

Mehr Zeilen zum Animieren = Zeitaufwändiger.

Teil 2.1 – Keyframe-Posen

Das erste, was Sie bei der Animation tun müssen, ist das Zeichnen der Keyframe-Posen.

 

Bei Keyframe-Posen handelt es sich im Grunde nur um eine Startpose jeder auszuführenden Aktion, einen Beginn der Aktionsänderung und die Endpose.

Das Ziel besteht darin, dass man bereits anhand der Keyframe-Posen die Aktion der Figur erkennen kann.

Durch die Aktivierung des Onion-Skins können Sie das nächste und das vorherige von Ihnen erstellte Cel sehen.

Sie können die Einstellungen ändern, indem Sie zur Registerkarte „Animation“ > „Animationszellen anzeigen“ > „Zwiebelhaut-Einstellungen“ gehen.

Sie können ändern, wie viele Cels angezeigt werden sollen, damit Sie weitere Aktionen Ihrer Animation sehen können.

 

und Sie können seine Farbe und Deckkraft ändern. Dies wird im späteren Prozess sehr hilfreich sein.

Teil 2.2 – Dazwischen

Die Animation wird nicht fertiggestellt, ohne die Lücken zu füllen.

 

Das ist die Zeit, die Sie zwischendurch brauchen.

 

Bei „Zwischendurch“ handelt es sich grundsätzlich um das Zeichnen zwischen den Lücken, um Ihrer Animation eine flüssige Bewegung zu verleihen.

Um die Änderungen zu sehen, ist dies VORHER

Und das ist NACH

Je mehr Frames, desto flüssiger würde die Animation.

 

Eine Verdoppelung des Frames würde die Animation deutlich verbessern, aber die Animation nimmt viel Zeit in Anspruch.

 

 

Teil 2.3 – Verschmieren und Bewegungsunschärfe

Bei einer Animation mit 12 Bildern pro Sekunde gibt es keine Möglichkeit, sie flüssiger zu machen.

Genau wie das, was wir hier gemacht haben. Es sieht nicht schnell genug aus, daher ist bei seinen Bewegungen kein Geschwindigkeitsgefühl zu erkennen.

 

In diesem Teil werden wir das Verschmieren hinzufügen, um eine Illusion von Zeitraffer zu erzeugen.

In Wirklichkeit sollte es zu Bewegungsunschärfe kommen, wenn wir uns zu schnell bewegen. Aber da wir an Hardlines arbeiten, reicht das Hinzufügen von Smearing aus.

 

Das sind also die Änderungen, wenn sie hinzugefügt werden.

Teil 2.4 – Squash und Stretch

Jetzt füge ich meinem Emoji Text hinzu, damit wir eine Squash- und Stretch-Technik dafür verwenden können.

 

Dies ähnelt ein wenig dem Verschmieren, der Unterschied besteht jedoch darin, dass das Objekt beim Bewegen im Zeitraffer gedehnt wird. Dies funktioniert perfekt bei weichen Objekten.

Es dehnt sich, wenn es hineingeht, und drückt sich, wenn es sein Ziel erreicht, bevor es seine ursprüngliche Form annimmt.

Dies wird zeigen, wie federnd es aussehen würde.

Teil 3 – Finalisieren Sie Ihr Emoji

Schließen Sie Ihre Arbeit ab, indem Sie nach dem Bewegen der Figur zusätzliche Bewegungen hinzufügen, z. B. Haarbewegungen.

Extrabild, bevor Ihr Charakter aufhört, sich zu bewegen. Dieses subtile Detail lässt Ihre Animation natürlicher aussehen.

 

 

Wenn alles fertig ist, können Sie mit der Strichzeichnung beginnen.

 

Wenn Sie eine Strichzeichnung erstellen, empfehle ich die Verwendung einer Vektorebene.

Das Gute an Vektorebenen ist, dass Sie sie auf jede gewünschte Größe skalieren und dabei die Schärfe beibehalten können.

 

 

Stellen Sie sicher, dass Sie zum Ändern der Größe das Bedientool verwenden. Markieren Sie alles und passen Sie es an.

und aktivieren Sie das Kontrollkästchen Linienstärke beim Skalieren anpassen. Dadurch bleiben die Proportionen der Linie bei der Größenänderung erhalten

Deaktivieren Sie das Kontrollkästchen, wenn Ihre Strichzeichnungen in Pixeln die gleiche Dicke beibehalten sollen

Und Sie können die Stärke der Strichzeichnungen auch jederzeit ändern.

Und der Rest, den Sie tun müssen, ist Farbe.

 

Das Hinzufügen von Glanzlichtern und Schatten erfordert ebenfalls Animationsskizzen, aber in unserem Fall sind die Bewegungen minimal, Sie können bei jedem Frame Vermutungen anstellen.

Und das ist alles für dieses Tutorial. Vielen Dank und ich hoffe, Sie haben hier etwas gelernt.

 

Alles, was Sie hier lernen, kann für jede Animation im Allgemeinen nützlich sein, daher ist dies sehr informativ.

 

DANKE NOCH EINMAL!