Erstellen Sie eine Fluganimation in Adobe Photoshop von Grund auf

Was Sie erstellen werden

Eine Animation einer fliegenden Kreatur ist sehr kompliziert, um Flügel zu erzeugen, die sich in der Perspektive ändern. Alle diese Federn ändern ihre Länge und Position und es gibt einen bestimmten Rhythmus, der befolgt werden muss. 

Es gibt jedoch eine Methode, um dies zu tun, ohne nach unzähligen Referenzen zu suchen. In diesem Tutorial zeige ich Ihnen die Mechanismen des Fliegens, um die Flügel in jeder Pose von Grund auf neu zu bauen, wie Sie Federn mit einem einfachen Adobe Photoshop-Trick so schnell wie möglich zeichnen und wie Sie einen Körper bauen, der der Bewegung von folgt die Flügel. Zu guter Letzt werden wir die Kreatur auf einfache Weise malen.

Die fliegende Kreatur ist eine Schnee-Greif-Hälfte-Schnee-Eule, ein Halb-Schneeleopard. Um dieses Tutorial vorzubereiten, können Sie diese überprüfen:

  • Wie zeichnet man Flügel?
  • Wie zeichnet man große Katzen?
  • Wie zeichnet man Vögel?

1. Bereiten Sie die Skizze vor

Schritt 1

Bevor wir anfangen, ist es gut, sich ein wenig aufzuwärmen. Wenn Sie zum ersten Mal etwas zeichnen, können Sie auf keinen Fall beeindruckende Ergebnisse erwarten. Wenn Sie noch nie zuvor einen Schneeleopard oder eine verschneite Eule gezeichnet haben, nehmen Sie sich ein paar Referenzen und lesen Sie sie, bevor Sie etwas komplizierteres ausprobieren.

Studienskizzen sind so toll, weil es nicht um das Endergebnis geht, sondern um den Prozess des Zeichnens

Schritt 2

Wenn Sie sich bereit fühlen, skizzieren Sie Ihre Kreatur ohne Flügel, die in der Luft schweben. Ich gab meinem Greif einen größeren Schnabel, da das Tier viel größer als eine Eule ist und einen schlanken Hals, um ein traditionelleres Aussehen zu erhalten.

2. Konstruieren Sie die Flügel

Schritt 1

Der Flug basiert auf zwei Phasen: an Aufschlag (B) und a Abschlag (EIN). Was für den Flug wirklich wichtig ist, ist der Abschlag, der die Luft mit dem größtmöglichen Flügelbereich drückt. Der Aufschlag dient nur als Übergangsstufe zwischen zwei Abstrichen - er sollte nichts drücken. Daher versucht ein Vogel, seine Flügel zu bauen so groß wie möglich beim Abschlag (Flügel ausgebreitet) und während des Aufwärtshubs so klein wie möglich (Flügel gefaltet).

Verwenden Sie diese Regel, um das Flattern in Ihrer Animation zu definieren. Behalten Sie den Körper auf einer Ebene und erstellen Sie eine neue Ebene für jeden anderen Frame. Sie können mit ihrer Deckkraft spielen, um die vorherige zu sehen und die nächste Bewegung darauf zu stützen.

  1. Aufschlag beendet
  2. Der Abschlag begann
  3. Abschlag läuft…
  4. Abschlag läuft…
  5. Abschlag läuft…
  6. Der Abschlag ist beendet
  7. Der Aufschlag begann
  8. Aufwärtsbewegung läuft…
  9. Aufwärtsbewegung läuft…
Beachten Sie, wie die Flügel beim Aufschlag kürzer wirken

Schritt 2

Wir müssen die Konstruktion von Flügeln verstehen, um noch weiter gehen zu können. Es ist ziemlich einfach:

  1. Das Arm ist kurz, oft in den Federn des Körpers versteckt.
  2. Das Unterarm ist der längste Teil.
  3. Das Hand ist kurz, enthält aber mehr Knochen und ist dadurch flexibler.
  4. Das Schulter-Handgelenk-Ligament kann nur bis zu einem Punkt erweitert werden, so dass Arm und Unterarm niemals eine gerade Linie bilden.

Schau auf deinen Arm. Es kann relativ gedehnt werden, wobei der Ellbogen nach unten, nach oben oder dazwischen zeigt, ohne den Körper zu drehen. Dies wird auch während des Fluges passieren. Die Position des Ellbogens sagt uns, ob wir die Oberseite oder die Unterseite eines Flügels sehen können.

Verwenden Sie nun diese Konstruktion, um Flügelarme zu bauen. Denken Sie daran, dass wir sowohl beim Aufwärts- als auch beim Abwärtsschlag je nach Perspektive entweder die Oberseite oder die Unterseite eines Flügels sehen können.

Sie können eine Testanimation ausführen, um zu überprüfen, wie sie aussieht.

Schritt 3

Erinnern Sie sich an die typische Form von Hähnchenflügeln? Das ist es, was wir bauen müssen, bevor wir Federn daran befestigen.

Beginnen Sie mit dem Armteil. Sie ist mit einer Seite am Körper befestigt. Achten Sie also darauf, was passiert, wenn der Ellbogen gedreht wird.

Schritt 4

Fügen Sie den Unterarmteil hinzu. Es ist am vorherigen Teil befestigt, jedoch nicht direkt am Körper. Daher ist es flexibler. Es verengt sich auch zum Handgelenk hin.

Schritt 5

Der letzte Teil ist ein einfaches Dreieck.

Schritt 6

Nun können wir die Position der Federn definieren. Sie folgen dem Rhythmus des Teils, an dem sie befestigt sind, aber die Armfedern haben eine knifflige Sache - obwohl ihr Teil am Körper befestigt ist, sind sie es selbst nicht. Sie können leicht aus dem Körper gedehnt werden, dies wird jedoch während des Fluges nicht empfohlen, da dies den Aufzug beschädigen würde.

Folgen Sie beim Hinzufügen der Federn dem Rhythmus ihres Teils des Flügels. Denken Sie an die Perspektive und eventuelle Verkürzung!

Schritt 7

Fügen Sie eine weitere Portion Federn hinzu. Können Sie sich vorstellen, was passiert, wenn wir das Handgelenk in die andere Richtung drehen??

Schritt 8

Und der letzte Teil.

3. Umreißen Sie die Federn

Zuerst müssen wir verstehen, wie die Federn angebracht werden. Wir haben bereits solide Flügel gebaut, daher sollte es keine Probleme geben. Sehen Sie einfach, wie die Federn dem Rhythmus ihrer Bereiche folgen.

Bereich "Hand":

Bereich "Unterarm":

Bereich "Arm":

Gleiches gilt für eine andere Zeile:

Es gibt eine Ansammlung kleiner Federn im "Daumenbereich":

Zum Schluss den Flügel mit winzigen, flauschigen Federn bedecken:

Große Flügel können ihre "Handfedern" geschlitzt haben:

Jetzt können wir die Federn umreißen.

Schritt 1

Wir werden jetzt an den endgü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 könnten alle Federn einzeln zeichnen, aber selbst für einen Frame wäre das sehr zeitaufwändig - und wir haben neun! Um dies zu vermeiden, versuchen wir einen Trick, der zu unserem Stil passt.

Ein ... kreieren Neue Schicht und Doppelklick es zu öffnen Ebenenstil Fenster. Stellen Sie die Einstellungen wie folgt ein:

Schritt 3

Ein ... kreieren Neuer Stil basierend darauf.

Schritt 4

Die beste Bürste für unseren Zweck wird sein DP Comic Inker von DP-Voreinstellungen. Jede harte Bürste reicht jedoch aus. dieser arbeitet einfach reibungsloser. Finde es im Werkzeugvoreinstellungen Panel.

Zeichnen Sie einige Testzüge mit dem Pinsel und verwenden Sie unseren neuen Stil. Der Umriss sollte von selbst erscheinen.

Wenn wir jedoch versuchen, Striche zu überlappen, gehen sie ineinander über und bilden einen großen Fleck. So vermeiden Sie dies beim Zeichnen überlappender Federn?

Schritt 5

Die Problemumgehung besteht darin, für jeden Strich eine neue Ebene zu erstellen, aber können Sie sich das vorstellen? Für automatische Aufgaben wie diese können wir die verwenden Aktionen Panel.

Beginnen Sie mit dem Hinzufügen eines Neues Set, dann Neue Aktion erstellen.

Schritt 6

Die Aktion wird jetzt aufgenommen! Führen Sie alle Aufgaben aus, die automatisiert werden sollen:

  • Füge hinzu ein Neue Schicht (Strg-Umschalt-Alt-N).
  • Fügen Sie den Umrissstil hinzu.

Jetzt können Sie die Aktion abbrechen.

Schritt 7

Jedes Mal, wenn wir die Aktion verwenden möchten, müssen Sie nur auf das Symbol klicken abspielen Taste. Allerdings kann auch dieses einfache Klicken anstrengend sein, wenn wir viele Striche zeichnen. Fügen wir eine neue Verknüpfung dazu hinzu.

Gehe zu Bearbeiten> Tastenkombinationen, wählen Panel-Menüs, und finde Aktionen auf der Liste. Weisen Sie dann eine Verknüpfung für die zu abspielen Taste. Wählen Sie etwas, das einfach zu bedienen ist.

Schritt 8

Probier es aus! Mit unserer Aktion in der Liste ausgewählt:

  • Verwenden Sie die Verknüpfung.
  • Zeichne eine Feder mit einem großen Strich.
  • Wiederholen.

Schritt 9

Verwenden Sie diese Methode, um die Federnreihen wie zuvor beschrieben zu zeichnen. Wenn Sie mit einer Reihe fertig sind, Verschmelzen (Control-E) die Schläge, um Unordnung und Verlangsamung zu vermeiden. Denken Sie an die Überlappung der Federn, wie in diesem Tutorial beschrieben!

Schritt 10

Eine nette Sache bei dieser Methode ist, dass Sie die Federn leicht modifizieren können (sofern sie nicht zusammengefügt werden), um beispielsweise geschlitzte Federn zu erstellen. Klicken Sie mit der Werkzeug verschieben (V) beim Halten Steuerung um ihre Ebene auszuwählen, ohne auch nur die Liste zu betrachten.

Schritt 11

Zeichnen Sie mit dieser Methode alle Flügel und lassen Sie den linken und den rechten Flügel auf separaten Ebenen. Es kann am Anfang kompliziert sein, aber mit jedem Flügel werden Sie es einfacher und schneller finden - viel schneller, als jede Feder manuell zu skizzieren und umreißen! Die gute Nachricht ist, dass Sie die Federn nicht zählen müssen, denn niemand wird den Unterschied bemerken. Sie müssen nicht einmal zu vorsichtig sein - es kommt auf die Animation an, nicht auf einen einzelnen Frame. Wenn Sie mir nicht glauben, schauen Sie einfach, wie seltsam einige meiner Bilder aussehen!

4. Passen Sie die Körperbewegung an

Die Flügel sind nicht die einzigen Dinge, die sich während des Fluges bewegen. Wie bereits erwähnt, der Abschlag eigentlich schiebt der Körper nach oben und balanciert die Konstante fallen des Aufschlags. Wenn das Gleichgewicht gehalten wird, steigt der Vogel weder auf, noch fällt er herunter - er fliegt. Sie können diese ausgeglichene Bewegung in diesem Video sehen.

Der Körper unseres Greifen ist jedoch nicht so ausgeglichen wie der eines Vogels. Schauen Sie sich nur den Rücken an - wenn der Torso nach oben gedrückt wird, wird der Rest des Körpers von ihm gezogen, aber nicht direkt von den Flügeln. Wir können uns vorstellen, dass es in beiden Phasen zu einer leichten Verzögerung kommt.

Um diesen Effekt zu erzielen, müssen wir den Körper aus unabhängigen Elementen aufbauen.

Schritt 1

Zeichnen Sie die Elemente, die Sie unabhängig voneinander verschieben möchten, auf dieselbe Weise wie bei Federn. Details sind jetzt nicht wichtig, konzentrieren Sie sich also auf die Konturen.

Schritt 2

Erstellen Sie eine Animation, verwenden Sie für alle Bilder den gleichen Körper und ändern Sie nur die Flügel. Nur für den Fall, dass Sie es noch nie gemacht haben:

  • Öffnen Sie das Zeitleistenfenster mit Fenster> Zeitleiste.
  • Klicken Frame-Animation erstellen.
  • Klicken Einmal und ändern Sie es in Für immer.
  • Ändern Sie die Zeit (0 Sekunden) auf 0,1 Sekunden.
  • Klicken Sie auf das weiße Kartensymbol, um einen neuen Rahmen zu erstellen. Jeder Rahmen hat seine eigene Ebenensichtbarkeit und die Position seiner Elemente.

Hinweis: Wenn Sie eine allmähliche Änderung hinzufügen möchten, starten Sie sie für alle Bilder und deaktivieren Sie nur das vorherige Bild, bevor Sie ein anderes ändern.

Schritt 3

Bei vollem Aufschlag sollte der Greif etwas niedriger sein als bei vollem Abschlag. Der Abstand zwischen ihnen liegt bei Ihnen - je größer, desto schwerer wirkt das Tier, desto grotesker ist die Bewegung.

Verwenden Sie den Rahmen mit vollem Aufwärtshub als Ausgangsposition. Wählen Sie ein anderes Bild aus, wählen Sie alle darauf sichtbaren Ebenen aus und klicken Sie auf Shift-Pfeil nach oben den Griff nach oben bewegen. Jedes neue Bild sollte etwas höher sein, bis Sie den vollen Abschlag erreicht haben. Bewegen Sie danach den Griff nach unten, um die Position des vollen Aufschlags zu erreichen.

Schritt 4

Es ist nicht das Ende! Der Körper ist nicht starr und wir müssen es zeigen. Beginnen wir mit dem Kopf. Es muss während der Bewegung stabilisiert werden, damit der Greif alles effizient und ohne Schüttelblick beobachten kann. Um dies zu erreichen, halten Sie den Kopf während der Animation auf einem ähnlichen Niveau. Ignoriere den Hals vorerst!

Schritt 5

Wie bereits erwähnt, wird die Rückseite des Körpers von der Vorderseite gezogen, nicht von den Flügeln, was zu einer leichten Verzögerung führt. Um dies zu zeigen, stoppen Sie zunächst den Rücken.

Schritt 6

Jetzt geben Sie diesem Teil die höchste Position Vor Der Körper ist die niedrigste und die niedrigste Position vor dem Körper ist die höchste. Sie können auch andere Kombinationen ausprobieren - einige davon werden natürlicher sein, andere sind lustiger.

Meins sieht lustig aus, nicht wahr? Die Bewegung des Rückens ist der deutlichste Indikator für das Körpergewicht. Sie können sehen, ob das Tier Schwierigkeiten hat, in der Luft zu bleiben oder friedlich zu schweben.

Schritt 7

Um den Rücken weniger steif zu machen, fügen wir eine kleine Hüftverdrehung hinzu, die wenig Sinn macht, aber cool aussieht.

Schritt 8

Ähnliches kannst du mit den Armen machen:

Schritt 9

Beenden wir die Körperbewegung mit dem Abknicken des Schwanzes.

5. Machen Sie die Line Art

Unser Greif tanzt glücklich in der Luft, aber die Kunst selbst ist noch nicht getan. Wir müssen aus diesem Chaos richtige Linien ziehen.

Schritt 1

Blenden Sie den Hintergrund aller Bilder aus.

Öffne das Zeitleiste Menü und klicken Sie auf Rahmen in Ebenen glätten.

Jetzt können Sie alles überflüssige Material löschen und nur das Wesentliche hinterlassen:

Schritt 2

Verwenden Sie die Methode mit der zuvor beschriebenen Kontur, um die Leerzeichen zwischen den Teilen zu patchen.

Schritt 3

Malen Sie mit dem gleichen Pinsel über die Linien, die Sie nicht mit Weiß sehen möchten.

Schritt 4

Machen Sie dasselbe für jeden Frame.

Schritt 5

Fügen Sie einem Frame Details der Strichzeichnungen hinzu, kopieren Sie sie und passen Sie sie an den Rest an.

Schritt 6

Doppelklick eine der Schichten und fügen Sie eine schwarze hinzu Schlaganfall dazu Klicken Sie dann mit der rechten Maustaste auf die Ebene, Ebenenstil kopieren, Wählen Sie alle Ebenen aus und Ebenenstil einfügen zu ihnen.

Schritt 7

Duplikat (Steuerung-J) jede Ebene und die Kopie mit abschneiden Strg-Alt-G. Jede Ebene, die Sie zwischen ihnen hinzufügen, überschreitet nicht die Grenzen der Strichzeichnungen!

Um die weißen Teile von unserer Strichzeichnung zu entfernen, ändern Sie das Mischmodus von jeder Kopie an Multiplizieren. Probier es aus!

So sollte unsere Liste der Layer an diesem Punkt aussehen:

6. Fügen Sie dem Artwork Farben hinzu

Wir werden die Animation Frame für Frame farbig gestalten, also brauchen wir natürlich eine schnelle Methode, die sich leicht replizieren lässt. Natürlich werde ich Sie nicht daran hindern, alle Rahmen auf Ihre Art zu malen. Ich zeige Ihnen nur, wie es am schnellsten geht.

Schritt 1

Füge hinzu ein Neue Schicht zwischen der Schnittmaske und ihrer Kopie. Verwenden Sie die Farbeimer Werkzeug (G) mit dunkelblau füllen (# 2a5bba) - das wird unser Schatten sein. Wiederholen Sie es für jeden Frame.

Schritt 2

Ein ... kreieren Neue Schicht und malen Sie das Innere der Strichzeichnungen mit hellblau oder cyan (# a0f0ff). Verwenden Sie den gleichen harten Pinsel wie zuvor und kommen Sie nicht in die Nähe der Kanten. Malen Sie es für jeden Rahmen.

Schritt 3

Gehe zu Filter> Unschärfe> Gaußsche Unschärfe die Schattierung verwischen Sie können den gleichen Filter problemlos auf jeden Frame anwenden, indem Sie seine Ebene auswählen und treffen Steuerung-F.

Schritt 4

Ein ... kreieren Neue Schicht und malen Sie die Beleuchtung mit einem sehr hellen Blau (# def6ff). Um ein Auflösen der Kanten zu vermeiden, können Sie mit der Taste Bereiche auf der Strichgrafik auswählen Zauberstab-Werkzeug (W) und dann malen Sie sie auf Ihre Ebene.

Schritt 5

Bevor wir mit dem Mischen der Beleuchtung beginnen, benötigen wir einen harten Pinsel. Ein ... kreieren Neue Datei und zeichnen Sie so etwas und gehen Sie dann zu Bearbeiten> Pinselvorgabe definieren.

Schritt 6

Verschmelzen (Kontrolle-E) alle Farbschichten (ohne Strichzeichnungen!) in ihrer Schnittmaske. Jetzt können wir zwei Wege gehen:

  • CS4 und weniger verwenden Werkzeug verwischen mit 100% Stärke und unsere neue Bürste.
  • CS5 und höher verwenden die Mixer-Bürstenwerkzeug mit unserem neuen Pinsel und den Einstellungen wie folgt:

Schritt 7

Ein ... kreieren Neue Schicht für jeden Rahmen und füllen Sie ihn mit Weiß. Dann setzen Sie seine Mischmodus zu Sanftes Licht die Farben darunter aufhellen.

Schritt 8

Fügen Sie jedem Rahmen eine neue Ebene hinzu und färben Sie einfache Details darauf.

Schritt 9

Der Körper sieht ein bisschen schlicht aus, fügen wir also ein Muster hinzu. Um Zeit zu sparen, können wir einen Pinsel dafür erstellen. Ein ... kreieren Neue Datei und zeichne so etwas:

Schritt 10

Gehe zu Bearbeiten> Pinselvorgabe definieren, dann ändern Sie seine Einstellungen (F5) wie nachstehend:

Schritt 11

Sie können jetzt leicht die Markierungen zeichnen. Sie können die Einstellungen für eine Weile ändern, um besser in den Bereich zu passen. Manchmal werden kleinere Abstände oder keine Übertragung besser funktionieren.

Schritt 12

Der Rest des Körpers basiert auf einem Schneeleoparden, also fügen wir auch dessen Muster hinzu. Ein ... kreieren Neue Schicht auf einem der Rahmen und zeichnen Sie die Rosetten. Dann Rechtsklick die Ebene und wählen Sie In intelligentes Objekt konvertieren.

Schritt 13

Duplikat die Schicht (Kontrolle-J) um es auf jeden Rahmen zu setzen. Wenn eine Anpassung erforderlich ist, verwenden Sie Free Transform (Kontrolle-T) im Kette Modus (obere Leiste rechts). Wenn Sie mehr über diese Methode erfahren möchten, lesen Sie mein Tutorial zum Animieren eines laufenden Geparden.

Schritt 14

Auf dieselbe Weise zeichnen Sie Rosetten auf Rücken, Hinterbeinen und Schwanz.

7. Final Touch

Die Animation ist technisch gemacht, aber wir können immer noch etwas tun, um sie attraktiver zu machen.

Schritt 1

Sie können das Erscheinungsbild aller Frames gleichzeitig ändern, indem Sie einfach einen neuen hinzufügen Einstellung Schicht. Sie können es in dem mit geöffneten Panel tun Fenster> Einstellungen. In meinem Fall habe ich den Greif weißer gemacht.

Schritt 2

Wir können die Bewegung auch realistischer machen, indem Sie in einigen Momenten Bewegungsunschärfe hinzufügen. Um es zu tun, müssen Sie zuerst Verschmelzen Alle Ebenen eines Frames zu einer Ebene. Wählen Sie dann den aus, den Sie ändern möchten, und gehen Sie zu Schnelle Maske (Q) Modus und Farbe über die Bereiche der Unschärfe. Verlasse den Modus und Umkehren die Auswahl (Control-Shift-I).

Schritt 3

Gehen Sie jetzt zu Filter> Unschärfe> Bewegungsunschärfe und passen Sie die Einstellungen an Ihre Bedürfnisse an.

Schritt 4

Da alle Frames auf sauberen Schnittmasken basierten, können Sie problemlos jeden Hintergrund hinzufügen. Sie können etwas Kompliziertes wählen…

… Oder durch Anwenden einfacher machen Gaußscher Weichzeichner dazu.

Schritt 5

Wenn Sie fertig sind, ändern Sie die Größe der Leinwand in die endgültigen Abmessungen. Speichern Sie für Web (Strg + Umschalt + Alt + S), wählen GIF als Format und spielen Sie mit den Einstellungen, um einen Kompromiss zwischen Größe und Qualität zu erhalten (Sie können am Ende dieses Tutorials mehr darüber erfahren)..

Wir sind bis zum Ende geflogen!

Zweifellos war dies ein ziemlich langes Tutorial, aber ich bin mir sicher, dass ich alles einholen konnte, was Sie beim Erstellen einer Fluganimation einer gefiederten Kreatur als hilfreich empfinden könnten. Sie können dieses Wissen für Ihren eigenen Cartoon, ein Videospiel oder einfach für ein schönes GIF verwenden.