Chow-Chow-Welpe – Niedliches Animationstutorial

3.005

Yoru1984

Grundlegende Tieranatomie

Nun, ich habe mich in den letzten Monaten sehr für Animationen begeistert, und als ich an der Idee eines niedlichen Animationstrends arbeitete, kam dieses Thema auf.

Meine Idee war es im Grunde, 3 Animationen zu erstellen, aber mir würde die Zeit davonlaufen, also beschloss ich, nur an einer zu arbeiten, einer niedlichen Animation eines meiner Lieblingshunde: einem Chow-Chow-Welpen.

Aber bevor wir beginnen, lassen Sie uns einige grundlegende Tieranatomie-Konzepte durchgehen, beginnend mit der Kategorisierung. Tiere haben Körperstrukturen, die sich je nach natürlicher Evolution jeder Spezies stark voneinander unterscheiden. Natürlich können wir nicht alle davon behandeln (das würde ewig dauern), also sind hier einige der häufigsten:

Hunde, Katzenartige wie Hunde, Katzen und Füchse, haben normalerweise vier Beine und eine flexible Wirbelsäule. Ihre Bewegung wird durch den Rhythmus des Rückens und die Art und Weise, wie sich ihr Gewicht beim Gehen oder Laufen verlagert, definiert.

Huftiere, wie Rehe, Pferde und Kühe, haben Hufen und lange Gliedmaßen. Ihre Körper können schlank oder groß sein, und ihre Beinwinkel erzeugen ein Gefühl von Eleganz und Stabilität in der Bewegung.

Nagetiere und kleine Säugetiere, wie Ratten und Kaninchen, haben kompakte Körper, schnelle Bewegungen und ein großes Kopf-Körper-Verhältnis. Sie zeichnen sich auch durch markante quadratische Vorderzähne aus, die eine Schlüsselrolle in ihrer vegetarischen Ernährung spielen.

Vögel, darunter Adler, Papageien und Eulen, haben leichte Knochen und Flügel, die für Gleichgewicht und kontrollierten Flug gebaut sind. Ihre Haltung und die Art, wie sie ihre Flügel falten, sind entscheidend, um Realismus und Anmut zu vermitteln.

Reptilien, wie Schlangen und Eidechsen, haben verlängerte Wirbelsäulen, Schuppen und fließende Körperkurven. Ihre Bewegungen sind flüssig und kontinuierlich, oft betont durch die Textur und Flexibilität ihrer Haut.

Wassertiere, wie Fische und Delfine, besitzen stromlinienförmige und sich verjüngende Formen, die es ihnen ermöglichen, sanft durch das Wasser zu gleiten. Ihre Anatomie betont Fluss, Krümmung und ein Gefühl müheloser Bewegung.

Wie Sie sehen können, sind nicht alle Tiere gleich. Der Evolutionsbaum hat sich in Bezug auf die Genetik so stark verzweigt, dass jede Tierart ihre eigene einzigartige Struktur und Überlebensmechanismen entwickelt hat. Ob zum Fressen, Bewegen, Fliegen, Verstecken, Jagen oder einfach nur zum Überleben in ihrem natürlichen Lebensraum.

Diese Lebensräume können von eisigen Berggipfeln und glühenden Wüsten bis hin zu tiefen, dunklen Ozeanen, Höhlen oder sogar hohen Orten wie der Spitze eines Gebäudes reichen.

Zu verstehen, warum diese spezifischen Merkmale existieren, ist entscheidend beim Entwerfen oder Interpretieren eines Tieres, da es Ihnen hilft, zu visualisieren, wie Form und Funktion zusammenwirken.

Studium

Wenn Sie ein bestimmtes Tier für künstlerische Zwecke studieren, besteht Ihr erster Schritt immer darin, die Kategorie zu identifizieren, zu der es gehört, dann die Merkmale der Art und so weiter. Hier ist ein kurzes Beispiel, wie wir das machen können. Nehmen wir zum Beispiel den Hund:

Beobachtung

Beginnend mit der Beobachtung, und ich spreche nicht nur von Fotos, sondern auch von 3D-Modellen, Skeletten und Kunstwerken anderer Leute. Das Sammeln von hochwertigem Material für Referenzen und Beobachtung ist in diesem Schritt ein Muss, und nachdem Sie einen Eindruck davon haben, wie das Tier „aussieht“, ist es Zeit, es für ein richtiges Studium zu „separieren“.

…

Natürlich finden Sie auch einige Assets zum Studieren:

Skelett: Es muss nicht perfekt realistisch sein, noch müssen Sie jeden einzelnen Knochen im Körper des Tieres kennen. Das Verständnis der grundlegenden Gelenke, des Schädels, des Brustkorbs und des Beckens reicht aus, um die gesamte Körperstruktur auf einer fundamentalen Ebene zu verstehen.

Muskeln: Muskeln definieren die sichtbare Struktur eines Tieres. Das Lernen der Hauptmuskeln hilft Ihnen zu verstehen, wie Form und Bewegung des Körpers zusammenwirken.

Details: Achten Sie auf Merkmale wie Kopf, Ohren und Pfoten. Die Beobachtung dieser Schlüsselbereiche hilft Ihnen, die einzigartigen Merkmale und die Persönlichkeit jeder Art zu erfassen.

Gelenke: Gelenke sind unerlässlich, um zu verstehen, wie sich ein Tier bewegt. Sie zeigen nicht nur, wo sich der Körper biegt, sondern auch die Grenzen jeder Bewegung.

Abweichungen: Es ist entscheidend, die Unterschiede zwischen Arten innerhalb derselben Kategorie zu verstehen. Auch wenn Tiere zur selben Gruppe gehören mögen, ist es leicht anzunehmen, dass ihre Körper auf die gleiche Weise funktionieren – aber das stimmt nicht ganz. Während es Ähnlichkeiten geben wird, gibt es auch wichtige Unterschiede zu erkennen.

Zum Beispiel sind hier einige grundlegende visuelle Unterschiede sowie Variationen in Proportionen und Gelenken zwischen Hunden und Katzen in der Kunst:

Beide sind Säugetiere, aber deutlich unterschiedlich, gebaut, um in verschiedenen Umgebungen und mit unterschiedlichen Lebensstilen zu überleben.

Animationsprojekt

Nun, gehen wir zum Animationsprojekt in CSP. Wenn Sie diese Funktion noch nie zuvor verwendet haben, werfen wir einen kurzen Blick darauf, wie Sie Ihr Animationsprojekt auf einfache Weise einrichten können:

Datei > Neu

Lassen Sie uns das Animationsprojekt einrichten. Zuerst wählen wir eine Breite von 920 und eine Höhe von 1280. Dies ist das Kurzvideoformat, das normalerweise auf YouTube verwendet wird:

Nun erstellen wir einen Animationsordner auf der Zeitleiste und fügen einen Ordner als Zelle hinzu. Zellen sind die Zeichnungen, die Ihre Animation bilden, und da die Zelle nun ein Ordner ist, können Sie viele Ebenen darin unterbringen.

Sie können auch eine Farbe für Ihre Ordner auswählen, das hilft, alles ordentlich und organisiert zu halten, und da wir viele Ordner verwenden werden, könnte es später nützlich sein

Animationsgrundlage

Um den Animationsprozess zu starten, müssen wir zuerst ein Referenzblatt für unseren Charakter von Hand zeichnen. Für meine Version wählte ich eine meiner größten Obsessionen, wenn es um Hunde geht: den cremefarbenen Chow-Chow – einen großen, flauschigen Fellknäuel, der fast wie ein Bär aussieht. Ihr dickes Doppelfell lässt sie wie ein echtes Plüschtier aussehen, und manchmal hat ihre Zunge eine dunkelblaue oder graue Farbe, was meiner Meinung nach ihren ästhetischen Reiz noch verstärkt.

Aber ich verwende keinen erwachsenen Chow-Chow – ich wollte stattdessen einen cremefarbenen Chow-Chow-Welpen animieren, da er noch niedlicher (und einfacher zu animieren) wäre. Zuerst, nachdem ich einige Referenzen gesammelt und die grundlegende Hundeanatomie studiert hatte, erstellte ich eine Skizzenseite, um zu erkunden, wie der Charakter in meinem Stil aussehen könnte. Ich wollte das Design vereinfachen, um den Animationsprozess zu erleichtern, also beschloss ich, ihm sehr kurze Beine und ein süßes, kleines Gesicht zu geben. Hier ist meine Skizzenseite:

Und hier ist das finale Referenzblatt:

Sie können Ihre Bildreferenz als Popup-Fenster hinzufügen, indem Sie die Unteransichtsoption (Fenster > Unteransicht > Bild hinzufügen) verwenden

Entwurf

Nachdem wir unser Referenzblatt haben, beginnen wir mit dem Entwurf der Animation. Wir beginnen mit dem Zeichnen einiger gekrümmter Linien, die als Bewegungsführung dienen. Die Idee ist: Sie werfen einem Chow-Chow-Welpen ein Frisbee zu, und er springt aufgeregt hoch, um es mit dem Maul zu fangen, und landet dann elegant auf der anderen Seite. Das mag etwas komplex klingen, aber mit diesen Bewegungsrichtlinien denke ich, dass wir es schaffen können!

Dann erstellen wir zwei Kugeln und überlappen ihre Bewegung so, dass sie sich in der Mitte treffen. Dies wird der Frame sein, in dem der Welpe das Frisbee beißen wird:

Keyframes

Lassen Sie uns nun einige Keyframes zu unserer Animation hinzufügen, indem wir unseren Charakter direkt auf unsere Bewegungsrichtlinien skizzieren und dabei versuchen, die Konsistenz und Proportionen des Charakters beizubehalten. Wenn Sie Schwierigkeiten damit haben, versuchen Sie, ihn in 3D-Formen zu vereinfachen, wie folgt:

Dann haben wir eine bessere Kontrolle darüber, wie die Proportionen aus allen Blickwinkeln aussehen sollten:

Nach dem Skizzieren der Keyframes sieht es so aus, und zur Beschriftung: In einigen Studios oder Projekten, insbesondere digitalen, können Bezeichnungen wie „A1“ oder „B1“ Szenen-, Ebenen- oder Schnittnummern kennzeichnen.

…

„A4“ könnte Szene A, Zeichnung #4 oder Ebene A, Frame 4 bedeuten. Diese Beschriftungen helfen, den Überblick zu behalten, welche Zeichnung zu welcher Sequenz oder Cebenene gehört.

Zum Beispiel könnten A1, A2, A3... Frames für dasselbe sich bewegende Element darstellen, wie einen Charakter.

während B1, B2... eine andere Ebene anzeigen könnten, wie ein Hintergrundobjekt oder einen Nebencharakter.

Ich verwende diese Beschriftungen gerne, um zu verfolgen, wie viele Frames ich zwischen meinen Keyframes zum Zeichnen zur Verfügung habe und um das Tempo der Animation besser zu planen, wenn ich Zwischenbilder und Smear-Frames hinzufüge.

Geschwindigkeits-/Timing-Diagramme

In der Animation bezieht sich „Geschwindigkeit“ darauf, wie schnell oder langsam sich ein Objekt oder Charakter zwischen den Frames bewegt. Es ist nicht unbedingt ein formaler Animationsprinzip-Begriff (Animatoren sagen normalerweise Timing oder Spacing), aber es ist immer noch ein nützliches Konzept, um die Geschwindigkeit und den Rhythmus der Bewegung zu beschreiben.

Es gibt unzählige Möglichkeiten, Ihre Keyframes zu organisieren, um verschiedene Geschwindigkeiten in Ihrer Animation zu erzeugen, aber hier sind einige der gängigsten:

1. Gleichmäßiger Abstand (Konstante Geschwindigkeit)

Frames werden in gleichen Abständen platziert.

Die Bewegung ist gleichmäßig, robotisch oder mechanisch.

Wie ein Auto, das mit konstanter Geschwindigkeit fährt.

Beispiel: |—|—|—|—|—|—|

2. Ease In & Out (Langsamer Start und Ende, schnelle Mitte)

Frames sind am Anfang und Ende eng beieinander, mit größerem Abstand in der Mitte.

Lässt Bewegungen weich, natürlich und organisch wirken.

Perfekt für Kopfdrehungen, Handgesten oder Hüpfen.

Beispiel: ||——|——|——|——||

3. Ease Out & In (Schneller Start, langsame Mitte, schnelles Ende)

Frames sind am Anfang weiter auseinander, dann näher zur Mitte und am Ende wieder weiter auseinander.

Dieses Diagramm erzeugt Beschleunigung oder „Beschleunigen, dann Verlangsamen und wieder Beschleunigen“.

Es wird auch verwendet, wenn etwas beginnt, sich nach oben zu bewegen und dann herunterfällt.

Beispiel: ||———|-||-|———||

Für mein Timing wählte ich eine Ease-Out-/In-Bewegung, da der Hund in einer bogenförmigen Bewegung springen wird – am Höhepunkt verlangsamt und direkt danach wieder beschleunigt. Das Frisbee wird schnell starten und dann allmählich in einem gleichmäßigen Tempo langsamer werden.

Wenn Hunde springen, ist mir etwas wirklich Interessantes an ihren Posen aufgefallen. Wenn sie nach oben springen, werden ihr Bauch und ihre Brust der Kamera vollständig freigelegt. Dann, während ihr Körper einer bogenförmigen Bewegung folgt, verschiebt er sich zur Seite und ihre Hinterbeine heben sich. Wenn sie herunterkommen, ändert sich die Pose, um hauptsächlich ihren Rücken zu zeigen, und das sind im Grunde die Schlüsselposen, die Sie verwenden können, um diese Bewegung zu erzeugen:

Smear-Frames

Smear-Frames sind absichtlich verzerrte oder gedehnte Frames, die verwendet werden, um die Illusion einer schnellen Bewegung oder Bewegungsunschärfe zwischen zwei Posen zu erzeugen.

Der erste ist ein klassischer Smear-Frame:

Der zweite ist ein Smear-Frame, der bei einer wirklich schnellen Bewegung verwendet wird. Er wird normalerweise mit mehreren Zeichnungen im selben Frame erstellt:

Sie erscheinen nur für ein oder zwei Frames, aber sie lassen die Bewegung flüssiger, schneller und energischer wirken – besonders in der 2D-Animation.

In diesem Fall werden wir Smear-Frames verwenden, um eine Illusion der Bewegung des Timings zu erzeugen, wenn der Hund beschleunigt, indem er springt, schwebt und dann landet. Wir können sie dann hier hinzufügen:

Wir werden auch das Frisbee entwerfen, das herumfliegt und kleiner wird, je näher es dem Schnittpunkt zwischen dem Bogen des Hundes und dem Bogen des Frisbees kommt. Die gesamte Bewegung könnte so aussehen:

Und nun ist unser Animationsentwurf abgeschlossen:

Vektor-Lineart

Beim Lineart Ihrer Animation ist es interessant, die Größe Ihres Bleistifts im Auge zu behalten. In meinem Fall habe ich einen soliden 6 PX harten Pinsel für das Lineart des Hundes verwendet und einige Variationen für die anderen Objekte wie die Hand und das Frisbee.

Lassen Sie uns nun eine Vektorebene hinzufügen, um unsere Lineart-Animation zu erstellen. Persönlich, als Amateur in traditioneller Animation, der derzeit Motion Design studiert, verwende ich meine Frames gerne wieder, wann immer möglich – besonders das Lineart. Ich verzerre oder modifiziere oft vorhandene Zeichnungen, um neue Frames zu erstellen, ohne alles von Grund auf neu zeichnen zu müssen.

Dies kann jedoch ein destruktiver Prozess sein, und normale Rasterebenen verlieren mit der Zeit an Qualität, wenn Sie dies zu oft tun. Durch die Verwendung einer Vektorebene (die keine Qualitätseinbußen hat) erhalten Sie mehr Freiheit, Ihr Lineart sicher wiederzuverwenden und anzupassen. Natürlich müssen Sie immer noch viele Frames neu zeichnen, aber dieser Ansatz hilft, den gesamten Arbeitsaufwand erheblich zu reduzieren.

Ich bin mir nicht wirklich sicher, wie viel von dieser Technik in der professionellen Animation verwendet wird – oder ob sie überhaupt verwendet wird –, also nehmen Sie es mit Vorsicht. Es ist auch keine einfache Methode; Sie müssen einige Zeit damit verbringen, zu lernen, wie Vektor-Lineart in Clip Studio Paint angepasst werden kann, bevor Sie es auf Ihren Frame-Recycling-Prozess anwenden. Aber wenn Sie daran interessiert sind, es auszuprobieren, denke ich, dass ich ein paar Tipps teilen kann:

Das Werkzeug Linie korrigieren > Vektorlinie kneifen kann Ihnen beispielsweise helfen, Ihr Lineart leicht in Smear-Frames zu verzerren:

Durch Auswahl von: Operation des transparenten Teils > Bereich durch Ziehen auswählen > Kontrollpunkt, können Sie nun Ihre Kontrollpunkte rahmenförmig auswählen und bearbeiten:

Und unter Bearbeiten > Transformieren finden Sie einige wirklich nützliche Bearbeitungsoptionen für Ihr Lineart, wie Schrägstellung, Gitter, freie Transformation:

Kolorierung

Dies ist wahrscheinlich der einfachste Teil. Lassen Sie uns unser Lasso-Füllwerkzeug mit Kantenerkennung einrichten, sodass, wenn Sie Ihr Objekt umkreisen, es automatisch gefüllt wird.

Und nun, als letzten zusätzlichen Schritt, fügen wir ein bisschen mehr Bewegung zu Ihren Smear-Frames hinzu, indem wir sie mit Bewegungsunschärfe verwischen. Diese Technik wird in der 2D-Animation nicht häufig verwendet, sondern hauptsächlich im Motion Design, wo Sie viele Interpolationsoptionen in Ihren Frames verwenden können. Dieser Effekt ist jedoch völlig optional, sodass Sie sich nicht verpflichtet fühlen müssen, ihn zu verwenden, insbesondere bei größeren Animationen. Aber bei kleineren Animationen verleiht er wirklich diesen Motion-Design-Vibe, ich finde es cool.

Da haben Sie es, ich hoffe, einige dieser Tipps waren nützlich <3 danke fürs Lesen.

Dieser Beitrag gefällt