Erstellen Sie eine Fluganimation von Grund auf in Adobe Photoshop

German (Deutsch) translation by Nikol Angelowa (you can also view the original English article)

Final product image — What You'll Be Creating

Eine Animation einer fliegenden Kreatur ist sehr kompliziert zu erstellen – flatternde Flügel ändern die Perspektive, all diese Federn ändern ihre Länge und Position, und es gibt einen bestimmten Rhythmus, der befolgt werden muss.

Es gibt jedoch eine Methode, dies zu tun, ohne nach unzähligen Referenzen suchen zu müssen. In diesem Tutorial zeige ich Ihnen die Flugmechanik, um die Flügel in jeder Pose von Grund auf neu zu bauen, wie Sie mit einem einfachen Adobe Photoshop-Trick so schnell wie möglich Federn zeichnen und wie Sie einen Körper bauen, der der Bewegung von folgt die Flügel. Zu guter Letzt werden wir die Kreatur auf einfache Weise malen.

Die fliegende Kreatur wird ein Schneegreif sein – halb Schneeeule, halb Schneeleopard. Um sich auf dieses Tutorial vorzubereiten, können Sie diese überprüfen:

1. Bereiten Sie die Skizze vor

Schritt 1

Bevor wir beginnen, ist es gut, sich ein wenig aufzuwärmen. Wenn Sie zum ersten Mal etwas zeichnen, können Sie nicht sofort umwerfende Ergebnisse erwarten. Wenn Sie noch nie einen Schneeleoparden oder eine Schneeeule von Grund auf neu gezeichnet haben, besorgen Sie sich ein paar Referenzen und studieren Sie sie, bevor Sie etwas Komplizierteres versuchen.

animation animal griffin sketches warm up — Studienskizzen sind so toll, weil es nicht um das Endergebnis geht, sondern um den Prozess des Zeichnens

Schritt 2

Wenn Sie sich bereit fühlen, skizzieren Sie Ihre Kreatur ohne Flügel, die in der Luft hängt. Ich gab meinem Greif einen größeren Schnabel, da das Tier viel größer als eine Eule ist, und einen schlanken Hals, um ein traditionelleres Aussehen zu erhalten.

2. Konstruiere die Flügel

Schritt 1

Der Flug basiert auf zwei Phasen: einem Aufwärtsschlag (B) und einem Abwärtsschlag (A). Was für den Flug wirklich wichtig ist, ist der Abschlag – das Drücken der Luft mit der größtmöglichen Flügelfläche. Der Aufwärtsschlag dient nur als Übergangsphase zwischen zwei Abwärtsschlägen – er sollte nichts drücken. Daher versucht ein Vogel, seine Flügel beim Abschlag so groß wie möglich zu machen (Flügel gespreizt) und beim Aufschlag so klein wie möglich zu machen (Flügel gefaltet).

animation animal griffin flight flying 1

Verwenden Sie diese Regel, um das Flattern in Ihrer Animation zu definieren. Halten Sie den Körper auf einer einzigen Ebene und erstellen Sie eine neue Ebene für jeden zweiten Frame. Sie können mit ihrer Deckkraft spielen, um die vorherige zu sehen und die nächste Bewegung darauf aufzubauen.

Aufschlag fertig
Abschlag begonnen
Abschlag im Gange...
Abschlag im Gange...
Abschlag im Gange...
Abschlag fertig
Aufschwung gestartet
Aufschwung im Gange...
Aufschwung im Gange...

animation animal griffin flight flying 2 — Beachten Sie, wie die Flügel beim Aufschlag kürzer erscheinen

animation animal griffin flight flying 3

Schritt 2

Wir müssen die Konstruktion von Flügeln verstehen, um weiter zu gehen. Es ist ziemlich einfach:

Der Arm ist kurz, oft in den Federn des Körpers versteckt.
Der Unterarm ist der längste Teil.
Die Hand ist kurz, enthält aber mehr Knochen, was sie flexibler macht.
Das Schulter-Handgelenk-Band kann nur bis zu einem Punkt gedehnt werden, sodass Arm und Unterarm niemals eine gerade Linie bilden.

animation animal griffin flight flying wings draw

Schau dir deinen Arm an. Es kann relativ gestreckt werden, wobei der Ellbogen nach unten, oben oder dazwischen zeigt, ohne den Körper zu drehen. Dies wird auch während des Fluges passieren. Die Position des Ellenbogens sagt uns, ob wir die Ober- oder Unterseite eines Flügels sehen können.

animation animal griffin flight flying wings draw 2

Verwenden Sie diese Konstruktion nun, um Flügelarme zu bauen. Denken Sie daran – sowohl beim Auf- als auch beim Abschlag können wir je nach Perspektive entweder die Oberseite oder die Unterseite eines Flügels sehen.

animation animal griffin flight flying wings draw 3

Sie können eine Testanimation ausführen, um zu überprüfen, wie sie aussieht.

animation animal griffin flight flying wings draw 4

Schritt 3

Erinnern Sie sich an die typische Form von Chicken Wings? Das ist es, was wir bauen müssen, bevor wir Federn daran befestigen.

Beginnen Sie mit dem Armteil. Es ist mit einer Seite am Körper befestigt, also achte darauf, was passiert, wenn der Ellbogen gedreht wird.

animation animal griffin flight flying wings draw 5

animation animal griffin flight flying wings draw 6

animation animal griffin flight flying wings draw 7

Schritt 4

Fügen Sie den Unterarmteil hinzu. Es ist am vorherigen Teil befestigt, aber nicht direkt am Körper, daher ist es flexibler. Es verengt sich auch zum Handgelenk hin.

animation animal griffin flight flying wings draw 8

animation animal griffin flight flying wings draw 9

animation animal griffin flight flying wings draw 10

Schritt 5

Der letzte Teil ist ein einfaches Dreieck.

animation animal griffin flight flying wings draw 11

animation animal griffin flight flying wings draw 12

animation animal griffin flight flying wings draw 13

Schritt 6

Jetzt können wir damit beginnen, die Position der Federn zu definieren. Sie folgen dem Rhythmus des Teils, an dem sie hängen, aber Armfedern haben eine knifflige Sache – obwohl ihr Teil am Körper befestigt ist, sind sie es selbst nicht. Sie können leicht aus dem Körper gestreckt werden, aber während des Fluges wird dies nicht empfohlen, da dies den Auftrieb unterbrechen würde.

animation animal griffin flight flying wings draw 14

Folgen Sie beim Hinzufügen der Federn dem Rhythmus ihres Flügelteils. Denken Sie an die Perspektive und eventuelle Verkürzungen!

animation animal griffin flight flying wings draw 15

animation animal griffin flight flying wings draw 16

Schritt 7

Fügen Sie eine weitere Portion Federn hinzu. Können Sie sich vorstellen, was passiert, wenn wir das Handgelenk in die andere Richtung drehen?

animation animal griffin flight flying wings draw 17

animation animal griffin flight flying wings draw 18

animation animal griffin flight flying wings draw 19

Schritt 8

Und der letzte Teil.

animation animal griffin flight flying wings draw 20

animation animal griffin flight flying wings draw 21

animation animal griffin flight flying wings draw 22

3. Umreiße die Federn

Zuerst müssen wir verstehen, wie die Federn befestigt sind. Wir haben bereits solide Flügel gebaut, also sollte es keine Probleme damit geben. Sehen Sie nur, wie die Federn dem Rhythmus ihrer Bereiche folgen.

Bereich "Hand":

animation animal griffin flight flying wings draw feathers

animation animal griffin flight flying wings draw feathers 2

Bereich "Unterarm":

animation animal griffin flight flying wings draw feathers 3

animation animal griffin flight flying wings draw feathers 4

Bereich "Arm":

animation animal griffin flight flying wings draw feathers 5

animation animal griffin flight flying wings draw feathers 6

Das gleiche gilt für eine andere Zeile:

animation animal griffin flight flying wings draw feathers 7

Es gibt eine Ansammlung kleiner Federn im "Daumen"-Bereich:

animation animal griffin flight flying wings draw feathers 8

Zum Schluss den Flügel mit kleinen, flauschigen Federn bedecken:

animation animal griffin flight flying wings draw feathers 9

Große Flügel können ihre "Hand" -Federn haben:

animation animal griffin flight flying wings draw feathers 10

Jetzt können wir beginnen, die Federn zu skizzieren.

Schritt 1

Wir werden jetzt an den endgültigen Umrissen arbeiten, also machen wir die Leinwand (Strg-Alt-I) so groß, wie wir es brauchen, um alle Details zu erhalten.

Schritt 2

Wir könnten alle Federn einzeln zeichnen, aber selbst für ein Bild wäre es sehr zeitaufwändig – und wir haben neun! Um diese lästige Arbeit zu vermeiden, versuchen wir einen Trick, der zu unserem Stil passt.

Erstellen Sie eine neue Ebene und doppelklicken Sie darauf, um das Fenster Ebenenstil zu öffnen. Legen Sie die Einstellungen wie folgt fest:

animation animal griffin flight flying wings draw feathers 11 brush photoshop

animation animal griffin flight flying wings draw feathers 12 brush photoshop

Schritt 3

Erstellen Sie einen neuen Stil basierend darauf.

animation animal griffin flight flying wings draw feathers 13 brush photoshop

Schritt 4

Der beste Pinsel für unseren Zweck ist DP Comic Inker von DP Presets. Jede harte Bürste ist jedoch ausreichend; dieser funktioniert einfach reibungsloser. Finden Sie es im Werkzeugvoreinstellungen-Bedienfeld.

animation animal griffin flight flying wings draw feathers brush photoshop

Zeichnen Sie mit dem Pinsel ein paar Probestriche und verwenden Sie unseren neuen Stil darauf. Die Gliederung sollte von selbst erscheinen.

animation animal griffin flight flying wings draw feathers brush photoshop 2

Wenn wir jedoch versuchen, Striche zu überlappen, verschmelzen sie miteinander und bilden einen großen Klecks. Wie kann man dies vermeiden, wenn man überlappende Federn zeichnet?

animation animal griffin flight flying wings draw feathers brush photoshop3

Schritt 5

Die Problemumgehung besteht darin, für jeden Strich eine neue Ebene zu erstellen, aber können Sie sich vorstellen, dies zu tun? Für automatische Aufgaben wie diese können wir das Bedienfeld Aktionen verwenden.

Beginnen Sie, indem Sie ein neues Set hinzufügen und dann eine neue Aktion erstellen.

animation animal griffin flight flying wings draw feathers brush photoshop4

Schritt 6

Die Aktion wird jetzt aufgezeichnet! Erledigen Sie alle Aufgaben, die wir automatisieren möchten:

Fügen Sie eine neue Ebene hinzu (Strg-Umschalt-Alt-N).
Fügen Sie den Umrissstil dafür hinzu.

Jetzt können Sie die Aktion stoppen.

animation animal griffin flight flying wings draw feathers brush photoshop 5

Schritt 7

Jedes Mal, wenn wir die Aktion verwenden möchten, müssen wir nur auf die Schaltfläche Play klicken. Allerdings kann selbst dieser einfache Klick ermüdend sein, wenn wir viele Striche malen. Lassen Sie uns eine neue Verknüpfung dafür hinzufügen.

Gehen Sie zu Bearbeiten > Tastenkombinationen, wählen Sie Bedienfeldmenüs und suchen Sie in der Liste nach Aktionen. Weisen Sie dann einen Shortcut für die Play-Taste zu. Wählen Sie etwas, das einfach zu bedienen ist.

animation animal griffin flight flying wings draw feathers brush photoshop 6

Schritt 8

Probier es aus! Mit unserer auf der Liste ausgewählten Aktion:

Verwenden Sie die Verknüpfung.
Zeichnen Sie eine Feder mit einem großen Strich.
Wiederholen.

animation animal griffin flight flying wings draw feathers brush photoshop 7

Schritt 9

Verwenden Sie diese Methode, um die Federreihen wie zuvor beschrieben zu zeichnen. Wenn Sie mit einer Reihe fertig sind, führen Sie die Striche zusammen (Strg-E), um Unordnung und Verlangsamung zu vermeiden. Denken Sie an die Überlappung der Federn, wie in diesem Tutorial beschrieben!

animation animal griffin flight flying wings draw feathers brush photoshop 8

Schritt 10

Eine schöne Sache an dieser Methode ist, dass Sie die Federn leicht ändern können (solange sie nicht zusammengeführt werden), beispielsweise um geschlitzte zu erstellen. Klicken Sie mit dem Verschieben-Werkzeug (V) auf sie, während Sie die Strg-Taste gedrückt halten, um ihre Ebene auszuwählen, ohne sich die Liste anzusehen.

animation animal griffin flight flying wings draw feathers brush photoshop 9

Schritt 11

Zeichne alle Flügel mit dieser Methode und belasse den linken und rechten Flügel auf separaten Ebenen. Es kann am Anfang kompliziert sein, aber mit jedem Flügel wird es einfacher und schneller – viel schneller, als jede Feder manuell zu skizzieren und zu skizzieren! Die gute Nachricht ist, dass Sie die Federn nicht zählen müssen, denn niemand wird den Unterschied bemerken. Sie müssen nicht einmal übermäßig vorsichtig sein – es kommt auf die Animation an, nicht auf ein einzelnes Bild. Wenn Sie mir nicht glauben, sehen Sie nur, wie seltsam einige meiner Rahmen aussehen!

animation animal griffin flight flying wings draw feathers brush photoshop 10

animation animal griffin flight flying wings draw feathers brush photoshop 11

animation animal griffin flight flying wings draw feathers brush photoshop 12

4. Körperbewegung anpassen

Die Flügel sind nicht die einzigen Dinge, die sich während des Fluges bewegen. Wie bereits erwähnt, drückt der Abschlag den Körper tatsächlich nach oben und gleicht das ständige Fallen des Aufschlags aus. Wenn das Gleichgewicht gehalten wird, steigt der Vogel weder auf noch fällt er herunter – er fliegt. Sie können diese ausgewogene Bewegung in diesem Video sehen.

animation animal griffin flight flying wings draw photoshop

Der Körper unseres Greifen ist jedoch nicht so ausgeglichen wie der eines Vogels. Schauen Sie nur auf seinen Rücken – wenn der Oberkörper nach oben gedrückt wird, wird der Rest des Körpers von ihm gezogen, aber nicht direkt von den Flügeln. Wir können uns vorstellen, dass es in beiden Phasen zu einer leichten Verzögerung kommt.

animation animal griffin flight flying wings draw photoshop 2

Um diesen Effekt zu erzielen, müssen wir den Körper aus unabhängigen Elementen aufbauen.

Schritt 1

Zeichnen Sie die Elemente, die Sie verschieben möchten, unabhängig voneinander mit der gleichen Methode wie für Federn. Details sind jetzt nicht wichtig, konzentrieren Sie sich also auf die Umrisse.

animation animal griffin flight flying wings draw photoshop body

Schritt 2

Erstellen Sie eine Animation, verwenden Sie denselben Körper für alle Frames und ändern Sie nur die Flügel. Falls Sie es noch nie gemacht haben:

Öffnen Sie das Timeline-Fenster mit Window > Timeline.
Klicken Sie auf Frame-Animation erstellen.
Klicken Sie auf Einmal und ändern Sie es in Für immer.
Ändern Sie die Zeit (0 Sek.) auf 0,1 Sek.
Klicken Sie auf das weiße Kartensymbol, um einen neuen Rahmen zu erstellen. Jeder Frame hat seine eigene Layer-Sichtbarkeit und die Position seiner Elemente.

animation animal griffin flight flying wings draw photoshop body 2

Hinweis: Wenn Sie eine schrittweise Änderung hinzufügen möchten, starten Sie sie bei allen Frames und deaktivieren Sie nur den vorherigen Frame, bevor Sie einen anderen ändern.

animation animal griffin flight flying wings draw photoshop body 3

Schritt 3

Beim vollen Aufschlag sollte der Greif etwas tiefer liegen als beim vollen Abschlag. Der Abstand zwischen ihnen ist Ihnen überlassen – je größer, desto schwerer erscheint das Tier, aber auch desto grotesker die Bewegung.

animation animal griffin flight flying wings draw photoshop body 4

Verwenden Sie den Rahmen mit vollem Aufwärtshub als Ausgangsposition. Wählen Sie einen anderen Rahmen aus, wählen Sie alle darauf sichtbaren Ebenen aus und drücken Sie Umschalt-Pfeil nach oben, um den Greif nach oben zu bewegen. Jeder neue Frame sollte etwas höher sein, bis du den vollen Abwärtshub erreichst. Danach bewegen Sie den Greif nach unten, um die Position des vollen Aufschlags zu erreichen.

animation animal griffin flight flying wings draw photoshop body 5

animation animal griffin flight flying wings draw photoshop body 6

Schritt 4

Es ist nicht das Ende! Der Körper ist nicht starr und wir müssen es zeigen. Beginnen wir mit dem Kopf. Es muss während der Bewegung stabilisiert werden, damit der Greif alles effizient und ohne Wackeln beobachten kann. Um dies zu erreichen, halten Sie den Kopf während der Animation auf einer ähnlichen Ebene. Ignoriere den Hals vorerst!

animation animal griffin flight flying wings draw photoshop body 7

animation animal griffin flight flying wings draw photoshop body 8

Schritt 5

Wie bereits erwähnt, wird die Rückseite des Körpers von der Vorderseite gezogen, nicht von den Flügeln, daher eine leichte Verzögerung. Um dies zu zeigen, stoppen Sie zuerst die Bewegung des Rückens.

animation animal griffin flight flying wings draw photoshop body 9

Schritt 6

Geben Sie diesem Teil nun die höchste Position, bevor der Körper die niedrigste ist – und die niedrigste Position, bevor der Körper die höchste ist. Sie können auch andere Kombinationen ausprobieren – einige davon sind natürlicher, andere lustiger.

animation animal griffin flight flying wings draw photoshop body 10

Meiner sieht komisch aus, oder? Die Bewegung des Rückens ist der deutlichste Indikator für das Gewicht des Körpers – Sie können sehen, ob das Tier Schwierigkeiten hat, in der Luft zu bleiben oder eher friedlich zu schweben.

animation animal griffin flight flying wings draw photoshop body 11

Schritt 7

Um den Rücken weniger steif zu machen, fügen wir einen kleinen Hüfttwist hinzu, der nicht viel Sinn macht, aber cool aussieht.

animation animal griffin flight flying wings draw photoshop body 12

animation animal griffin flight flying wings draw photoshop body 13

Schritt 8

Ähnliches kannst du mit den Armen machen:

animation animal griffin flight flying wings draw photoshop body 14

Schritt 9

Beenden wir die Körperbewegung mit dem Aufbiegen des Schwanzes.

animation animal griffin flight flying wings draw photoshop body 15

5. Machen Sie die Strichzeichnungen

Unser Greif tanzt fröhlich in der Luft, aber die Kunst selbst ist noch nicht fertig. Wir müssen aus diesem Chaos richtige Linien machen.

Schritt 1

Blenden Sie den Hintergrund auf allen Frames aus.

animation animal griffin flight flying wings draw photoshop body lineart

Öffnen Sie das Timeline-Menü und klicken Sie auf Frames in Ebenen reduzieren.

animation animal griffin flight flying wings draw photoshop body lineart 2

Jetzt können Sie alle überflüssigen Dinge löschen und nur das Wesentliche lassen:

animation animal griffin flight flying wings draw photoshop body lineart 3

Schritt 2

Verwenden Sie die Methode mit der Umrisslinie, die wir zuvor verwendet haben, um die Zwischenräume zwischen den Teilen zu patchen.

animation animal griffin flight flying wings draw photoshop body lineart 4

Schritt 3

Malen Sie mit demselben Pinsel über die Linien, die Sie nicht sehen möchten, mit Weiß.

animation animal griffin flight flying wings draw photoshop body lineart 5

Schritt 4

Machen Sie dasselbe für jeden Rahmen.

animation animal griffin flight flying wings draw photoshop body lineart 6

Schritt 5

Fügen Sie Details der Strichzeichnungen zu einem Rahmen hinzu, kopieren Sie sie und passen Sie sie an den Rest an.

animation animal griffin flight flying wings draw photoshop body lineart 7

animation animal griffin flight flying wings draw photoshop body lineart 8

Schritt 6

Doppelklicken Sie auf eine der Ebenen und fügen Sie einen schwarzen Strich hinzu. Klicken Sie dann mit der rechten Maustaste auf die Ebene, kopieren Sie den Ebenenstil, wählen Sie alle Ebenen aus und fügen Sie den Ebenenstil in sie ein.

animation animal griffin flight flying wings draw photoshop body lineart 9

animation animal griffin flight flying wings draw photoshop body lineart 10

Schritt 7

Duplizieren (Strg-J) jede Ebene und beschneiden Sie die Kopie mit Strg-Alt-G. Jede Ebene, die Sie dazwischen hinzufügen, überschreitet nicht die Grenzen der Strichzeichnungen!

animation animal griffin flight flying wings draw photoshop body lineart 11

Um die weißen Teile aus unseren Strichzeichnungen zu entfernen, ändern Sie den Mischmodus jeder Kopie auf Multiplizieren. Probier es aus!

animation animal griffin flight flying wings draw photoshop body lineart 12

So sollte unsere Liste der Ebenen an dieser Stelle aussehen:

animation animal griffin flight flying wings draw photoshop body lineart 13

6. Fügen Sie dem Kunstwerk Farben hinzu

Wir werden die Animation Frame für Frame einfärben, also brauchen wir natürlich eine schnelle Methode, die einfach zu replizieren ist. Natürlich werde ich Sie nicht davon abhalten, alle Rahmen nach Ihren Wünschen zu bemalen; Ich zeige dir nur, wie es am schnellsten geht.

Schritt 1

Fügen Sie eine neue Ebene zwischen der Schnittmaske und ihrer Kopie hinzu. Verwenden Sie das Farbeimerwerkzeug (G), um es mit Dunkelblau (#2a5bba) zu füllen - dies wird unser Schatten sein. Wiederholen Sie es für jeden Frame.

animation animal griffin flight flying wings draw photoshop color

Schritt 2

Erstellen Sie eine neue Ebene und malen Sie die Innenseite der Strichzeichnung mit Hellblau oder Cyan (#a0f0ff). Verwenden Sie die gleiche harte Bürste wie zuvor und kommen Sie nicht in die Nähe der Kanten. Malen Sie es für jeden Rahmen.

animation animal griffin flight flying wings draw photoshop color 2

animation animal griffin flight flying wings draw photoshop color 3

Schritt 3

Gehen Sie zu Filter > Weichzeichnen > Gaußscher Weichzeichner, um die Schattierung zu verwischen. Sie können einfach denselben Filter auf jeden Frame anwenden, indem Sie seine Ebene auswählen und Strg-F drücken.

animation animal griffin flight flying wings draw photoshop color 4

animation animal griffin flight flying wings draw photoshop color 5

animation animal griffin flight flying wings draw photoshop color 6

Schritt 4

Erstellen Sie eine neue Ebene und malen Sie die Beleuchtung mit einem sehr hellen Blau (#def6ff). Um ein Auflösen der Kanten zu vermeiden, können Sie mit dem Zauberstab-Werkzeug (W) Bereiche auf der Strichgrafik auswählen und dann auf Ihrer Ebene darin malen.

animation animal griffin flight flying wings draw photoshop color 7 shading feathers

animation animal griffin flight flying wings draw photoshop color 8 shading feathers

animation animal griffin flight flying wings draw photoshop color shading feathers

Schritt 5

Bevor wir mit dem Mischen der Beleuchtung beginnen, benötigen wir einen harten Pinsel. Erstellen Sie eine neue Datei und zeichnen Sie so etwas, und gehen Sie dann zu Bearbeiten > Pinselvorgabe definieren.

animation animal griffin flight flying wings draw photoshop blend feathers

Schritt 6

Führen Sie (Strg-E) alle Farbebenen (ohne Strichzeichnungen!) innerhalb ihrer Schnittmaske zusammen. Jetzt können wir zwei Wege gehen:

CS4 und niedriger – verwenden Sie das Smudge Tool mit 100% Stärke und unseren neuen Pinsel.
CS5 und höher – verwenden Sie das Mixer-Pinsel-Werkzeug mit unserem neuen Pinsel und den folgenden Einstellungen:

animation animal griffin flight flying wings draw photoshop blend feathers 2

animation animal griffin flight flying wings draw photoshop blend feathers 3

Schritt 7

Erstellen Sie für jeden Frame eine neue Ebene und füllen Sie diese mit Weiß. Stellen Sie dann den Mischmodus auf Weiches Licht, um die darunter liegenden Farben aufzuhellen.

animation animal griffin flight flying wings draw photoshop blend feathers 4

Schritt 8

Fügen Sie jedem Rahmen eine neue Ebene hinzu und färben Sie einfache Details darauf.

animation animal griffin flight flying wings draw photoshop blend feathers 5

Schritt 9

Der Körper sieht etwas schlicht aus, also fügen wir ihm ein Muster hinzu. Um etwas Zeit zu sparen, können wir einen Pinsel dafür erstellen. Erstellen Sie eine neue Datei und zeichnen Sie so etwas:

animation animal griffin flight flying wings draw photoshop feathers marking

Schritt 10

Gehen Sie zu Bearbeiten > Pinselvorgabe definieren und ändern Sie die Einstellungen (F5) wie folgt:

animation animal griffin flight flying wings draw photoshop feathers marking 2

animation animal griffin flight flying wings draw photoshop feathers marking 3

Schritt 11

Sie können jetzt ganz einfach die Markierungen zeichnen. Fühlen Sie sich frei, die Einstellungen für eine Weile zu ändern, um sie besser an den Bereich anzupassen – manchmal funktionieren kleinere Abstände oder keine Übertragung besser.

animation animal griffin flight flying wings draw photoshop feathers marking 4

animation animal griffin flight flying wings draw photoshop feathers marking 5

Schritt 12

Der Rest des Körpers ist einem Schneeleoparden nachempfunden, also fügen wir auch sein Muster hinzu. Erstellen Sie eine neue Ebene auf einem der Rahmen und zeichnen Sie die Rosetten. Klicken Sie dann mit der rechten Maustaste auf die Ebene und wählen Sie In Smart-Objekt konvertieren.

animation animal griffin flight flying wings draw photoshop feathers marking 6

Schritt 13

Duplizieren Sie die Ebene (Control-J), um sie auf jedem Frame zu platzieren. Wenn Anpassungen erforderlich sind, verwenden Sie Free Transform (Strg-T) im Warp-Modus (oberer Balken rechts). Wenn Sie mehr über diese Methode erfahren möchten, lesen Sie unbedingt mein Tutorial zum Animieren eines laufenden Geparden.

animation animal griffin flight flying wings draw photoshop feathers marking 7

Schritt 14

Verwenden Sie die gleiche Methode, um Rosetten auf den Rücken, die Hinterbeine und den Schwanz zu zeichnen.

animation animal griffin flight flying wings draw photoshop feathers marking 8

7. Letzter Schliff

Die Animation ist technisch fertig, aber wir können noch etwas tun, um sie attraktiver zu machen.

Schritt 1

Sie können das Aussehen aller Rahmen gleichzeitig ändern, indem Sie einfach eine neue Einstellungsebene hinzufügen. Sie können dies in dem mit Fenster > Anpassungen geöffneten Bedienfeld tun. In meinem Fall habe ich den Greif weißer gemacht.

animation animal griffin flight flying wings draw photoshop final

Schritt 2

Wir können die Bewegung auch realer machen, indem wir in einigen Momenten Bewegungsunschärfe hinzufügen. Dazu müssen Sie zuerst alle Ebenen eines Frames zu einer einzigen Ebene zusammenführen. Wählen Sie dann diejenige aus, die Sie ändern möchten, gehen Sie in den Schnellmaskierungsmodus (Q) und malen Sie über die Unschärfebereiche. Verlassen Sie den Modus und kehren Sie die Auswahl um (Strg-Umschalt-I).

animation animal griffin flight flying wings draw photoshop final 2

Schritt 3

Gehen Sie nun zu Filter > Blur > Motion Blur und passen Sie die Einstellungen an Ihre Bedürfnisse an.

animation animal griffin flight flying wings draw photoshop final 3

Schritt 4

Da alle Frames auf sauberen Schnittmasken basieren, können wir problemlos jeden Hintergrund hinzufügen. Sie können etwas Kompliziertes wählen...

animation animal griffin flight flying wings draw photoshop final 4

...oder machen Sie es einfacher, indem Sie Gaußscher Weichzeichner darauf anwenden.

animation animal griffin flight flying wings draw photoshop final 5

Schritt 5

Wenn Sie fertig sind, ändern Sie die Größe der Leinwand auf die endgültigen Abmessungen. Für Web speichern (Strg-Umschalt-Alt-S), GIF als Format auswählen und mit den Einstellungen spielen, um einen Kompromiss zwischen Größe und Qualität zu finden (mehr dazu am Ende dieses Tutorials).

animation animal griffin flight flying wings draw photoshop final 6

Wir sind bis zum Ende geflogen!

Zweifellos war es ein ziemlich langes Tutorial, aber ich bin mir sicher, dass ich alles unterbringen konnte, was Sie beim Erstellen einer Fluganimation einer gefiederten Kreatur hilfreich finden können. Sie können dieses Wissen für Ihren eigenen Cartoon, ein Videospiel oder einfach nur ein schönes GIF verwenden.