EINFÜHRUNG (¬‿¬)

Wenn jemand bereits eine Animation gemacht hat, weiß er, dass sie hauptsächlich Zeichengeschwindigkeit, Genauigkeit und Sorgfalt erfordert 😓 😓 . Was normalerweise viel Übung oder spezielle Techniken erfordert, um akzeptable Ergebnisse zu erzielen.

In diesem Tutorial werden wir einige fantastische Techniken durchgehen, um auf einfache Weise eine reibungslose und detaillierte Animation einiger Bewegungen zu erhalten, die normalerweise schwierig und komplex auszuführen wären.

 

Vor diesem Hintergrund führen wir die folgenden Animationen durch, 👇

Aber bevor wir weitermachen, hier sind die Links zu einer Reihe von Pinselsets, die für dieses Tutorial und andere Zwecke verwendet werden können.

 

Wasserset: https://assets.clip-studio.com/en-us/detail?id=1986288

Feuerset: https://assets.clip-studio.com/en-us/detail?id=1984186

Blitzset: https://assets.clip-studio.com/en-us/detail?id=1987455

Lichtset: https://assets.clip-studio.com/en-us/detail?id=1988891

 

I. Animieren einer einfachen magischen Kugel: Feuer, Wasser, Blitz. ╰(*°▽°*)╯

Die Methode, die ich dafür verwende, kann in vier Hauptschritte unterteilt werden,

-Erstellen der Textur

-Anwenden der Textur auf das 3D-Grundelement

-Extrahieren der Frames aus dem 3D-Grundelement und

-Hinzufügen zusätzlicher Details zu den Rahmen

I.I: Erstellen der Textur (^_^)

Das erste, was Sie tun müssen, ist, eine quadratische Leinwand zu erstellen. Gehen Sie zu „Datei“ – „Neu“ – „Illustration“ und wählen Sie dann die Voreinstellung „Quadrat“ aus. Sie können auch benutzerdefinierte Voreinstellungen verwenden, aber ich empfehle Ihnen, die Fläche gleich einer quadratischen Figur zu halten.

Der nächste Schritt besteht darin, den benutzerdefinierten Pinsel (empfohlen) oder einen anderen geeigneten Pinsel zu verwenden, um das gewünschte Element auf der Leinwand zu zeichnen.

Schalten Sie dann die Sichtbarkeit aller anderen unerwünschten Ebenen aus (deaktivieren Sie sie, falls vorhanden) (am besten bis zur Papierebene, um sicherzustellen, dass alles klar ist.)

Registrieren Sie das Bildmaterial in Ihrem Materialkatalog. gehe zu 'Bearbeiten' - 'Material registrieren' - 'Bild...'

I.II: Anwenden der Textur auf das 3D-Grundelement (￣o￣) . zZ

Holen Sie sich das 3D-Grundelement aus dem Materialkatalog und ziehen Sie es per Drag & Drop auf die Leinwand. (*3D-Materialien werden nicht angezeigt, wenn sie sich im Animationsordner befinden, also vermeiden Sie es, sie in einen Ordner zu legen.)

Überprüfen Sie dann das Fenster „Werkzeugeigenschaft“ (1) auf „3d primitive texture“. (2) Klicken Sie auf „Material“ (3) und wählen Sie die vorbereitete Textur aus. Sie können einfach anhand des Namens (4) oder des mit Ihnen verknüpften Tags (5) suchen.

Scrollen Sie erneut im Eigenschaftenfenster des Werkzeugs nach unten zu „Lichtquelle (1) anwenden“ und „Schatten auf den Boden werfen“ und schalten Sie sie dann aus.

Der nächste Schritt besteht darin, die Textur über der Kugel so anzupassen, wie es für Sie geeignet ist. Dafür sind zwei Haupteinstellungen notwendig, die 'Alpha' 👌 (1) Einstellung und die 'Textureinstellungen' ✨ .(2 & 3)

1. Alpha-Einstellung ಠ_ಠ

Bei der Alpha-Einstellung haben wir 'undurchsichtig'(1), 'entfernen mit Schwelle'(2) und 'halbtransparent'(3). Diese ermöglichen eine bessere und vielfältigere Darstellung der Beschaffenheit und Verwendung.

• Zum Beispiel sieht „Entfernen mit Schwelle“ passender für Feuer aus, da es seine lebhafte Natur zum Ausdruck bringt, indem es die Textur mit der darunter liegenden Kugelfarbe mischt.

• während 'Opaque' die ganze Kugel und ihre Farbe behält.

• und 'halbtransparent' zeigen nur die Textur an.

2: Textureinstellung ლ(╹◡╹ლ)

Hier gibt Ihnen das Skalierungsverhältnis die Möglichkeit zu ändern, wie oder in welcher Größe die Textur auf dem Grundelement zu sehen ist.

Wenn das ''Seitenverhältnis beibehalten'' aktiviert ist, geben uns die unterschiedlichen Werte etwas wie unten 👇

 

HINWEIS* Alle drei Kugeln haben die gleiche Größe, aber unterschiedliche Texturskalenwerte

Wenn diese Option deaktiviert ist, dehnt das Ändern der Werte die Textur und simuliert die Bewegung wie unten. 👇

Dies dehnt jedoch nur die Textur (großartig, um "Squash & Stretch" hinzuzufügen) und bewegt sie nicht wirklich.

 

Um es zu verschieben, müssen wir zur "Position" der Textur gehen, und wie der Name schon sagt, hilft es uns, die Textur entlang des 3D-Primitives zu verschieben.

Die Bewegung von links nach rechts (durch Erhöhen von W) oder von rechts nach links (durch Verringern von W) und nach oben (Verringern von H) oder Abwärts (Erhöhen von H)

Bei der „Position“ der Textur ist zu beachten, dass sie von „-100“ bis „0“ und zurück bis „100“ reicht. Die Textur bei diesen 3 Werten ist die gleiche, da sie sich in ihre ursprüngliche Position zurückbewegt hat.

 

Es sollte halb klar sein, wie die Animationsprozesse sein werden, da wir wissen, wie man das Bild von oben "bewegt".

I.III: Extrahieren der Frames aus dem 3D-Grundelement. (⌐■_■)

Wir wissen bereits, wie man die Textur bewegt 👆 👆 👆 , also... duplizieren Sie für jede Bewegung (Frame) der primitiven 3D-Textur die primitive 3D-Ebene (1) und "rastern" das Duplikat. Sie können es dann in den Animationsordner (2) einfügen, um als Rahmen für die Animation zu dienen.

 

 

Die Bewegung unten wurde durch Erhöhen des "Skalierungsverhältnisses" (W) ausgeführt, damit es dünner aussieht, während die "Position" (W) erhöht wird, damit sich die Textur von links nach rechts bewegt.

Ein weiterer Effekt, den Sie der Animation hinzufügen können, ist das Gefühl eines zunehmenden Balls 👇 , um dies zu tun, ändern Sie einfach die "Objektskalierung", während Sie die Frames aufnehmen oder danach, indem Sie sie skalieren.

 

-Vorher zu tun bedeutet, dass Sie auch alle damit verbundenen zusätzlichen Effekte skalieren müssen

-Skaliert es danach zusammen mit den hinzugefügten Effekten.

und genau wie das Texturskalierungsverhältnis kann auch die Objektskalierung ungleichmäßig angepasst werden und die Kugel in elliptische Figuren verwandeln. Dies ist sehr wichtig, wenn Wasserballmagie animiert wird

I.IV: Hinzufügen zusätzlicher Details zu den Rahmen. 🤞 😉 ✌

Es sollte jetzt klar sein, dass das Obige nicht nur von der primitiven Textur herrührt🤔. Um die Animation einfach verständlich zu machen, werfen Sie einen Blick auf die Bilder unten 👇

 

der erste ist von unserer Rotation früher.

Die zweite hingegen hätte durch Ziehen des Kerns und dann wiederholtes zweimaliges oder dreimaliges Drehen erfolgen sollen, um zu vermeiden, dass er stagnierend aussieht. (Bewegung wiederholt sich alle 2-3 Frames)

Aber ich habe meine gemacht, indem ich einen der benutzerdefinierten Pinsel aus dem obigen Set gestapelt habe, was Ihnen letztendlich diesen Effekt verleiht.

Das dritte ist das, was ich oben gesagt habe, dh ein Bild über die Rahmen zu drehen.

-Zeichne dazu das Bild und dupliziere es dann.

• Verschiebe zum Duplikat und transformiere es dann (Strg+T Standardkürzel)

-Überprüfen Sie die Werkzeugeigenschaft auf "Rotationswinkel" und drehen Sie das Bild.

Tun Sie dies für aufeinanderfolgende Frames, um die Drehung zu erhalten.

 

HINWEIS* Wenn Sie das erste Bild über die Zeitleiste duplizieren, wäre die Drehung ungefähr 10-20-30 ... aber wenn Sie das vorherige Bild der Zeitleiste duplizieren, sollten Sie Werte wie 10-10-10 verwenden. ..

Natürlich müssen am Ende die Mischmodi der Animationsordner entsprechend geändert werden.

Die obige Animation 👆 basiert auf den Mischmodi Weiches Licht (1) und Aufhellen (2) in ihrem Animationsordner.

 

Das untere 👇 verwendet weiches Licht (1) und fügt Glühen hinzu (2)

und hier habe ich hue (1) und add (2) verwendet

Um einen zunehmenden Ball zu emulieren, erstellen Sie einen neuen Ordner (1) und wechseln Sie zu den Frames, die Sie skalieren möchten. Führen Sie sie zusammen, indem Sie alle anderen Ebenen deaktivieren und „Sichtbare Ebene zusammenführen“ verwenden, um die einschichtige Version der Animation zu erhalten (2).

Bewegen Sie sich dann zu jedem Frame und verwenden Sie Transform (Strg + T), um die Größe zu vergrößern oder zu verkleinern.

I.V: Wasserball und Blitzball ✍ (◔◡◔)

Es gibt keinen großen Unterschied zwischen der Animation von Wasser und Blitzen mit der obigen Methode. Beachten Sie einfach ihre unterschiedlichen Eigenschaften und arbeiten Sie daran, sie mit den obigen Einstellungen zu emulieren.

Wie Sie sehen können, erhalten wir mit jedem kombinierten Element eine flüssige und lebendige Animation

Wie bereits erwähnt, verleiht die unsachgemäße Skalierung der Kugel der Animation ein ganz neues Gefühl.

Notiz; Es wird schwierig, den Werten zu folgen, wenn der Kugel mehr Details hinzugefügt werden. Sie können dies überwinden, indem Sie einfach die Werte für die entsprechenden Frames beiseite notieren. (entweder in einem Drittanbieterprogramm oder auf einer anderen Ebene)

II. Fließendes Wasser animieren ( ͡ಠ ʖ̯ ͡ಠ)

Obwohl es schwierig erscheinen mag, den Streifen um die darüber liegende Kugel zu animieren, ist es eigentlich nur ein kleiner Trick, der Lineale verwendet. Vielleicht möchten Sie den folgenden Link überprüfen, wenn Sie nichts über Lineale wissen.

 

https://tips.clip-studio.com/en-us/articles/3453

 

Das erste, was Sie tun müssen, ist, die Form / den Weg des Wassers mit einem geeigneten Lineal (ich habe das "gekrümmte Lineal" verwendet) auf einer separaten Ebene zu zeichnen (1 👇 ) und mit der rechten Maustaste auf "2" 👇 👇 zu klicken, um es zu ändern die Sichtbarkeit des Lineals auf "in allen Ebenen anzeigen".

Zeichnen Sie dann auf Ihren Timeline-Rahmen und mit Ihrem benutzerdefinierten Stift das Wasser um das Lineal für jeden Rahmen, während Sie einen kleinen Schritt auf dem Ring vorrücken. Zum Beispiel,

-für Rahmen 1, beginnen und enden an Punkt 1

-für Rahmen 2, Start und Ende an Punkt 2

• Beginnen und enden Sie bei Frame 3 an Punkt 3 ... je näher die Punkte sind, desto glatter ist die Bewegung.

Der letzte Schritt besteht darin, mit dem "Auswahlpinsel" die Bereiche auszuwählen, die normalerweise hinter der Kugel erscheinen würden, und sie dann in jedem Frame weich zu löschen.

Und voila! (〜￣▽￣)〜(〜￣▽￣)〜