Erstellen Sie in Adobe Photoshop eine Laufzyklusanimation von Grund auf

In diesem tutorial werde ich Ihnen zeigen, wie Sie eine animation erstellen von einem Laufenden Geparden, mit einem einfachen frame-editor in Adobe Photoshop.

 Zuerst werden wir lernen, wie die Vorbereitung einer Basis für jedes frame ohne eine perfekte Referenz, um zu lernen, was ein run-Zyklus ist, dann fügen wir dem Körper mit großen Katze, Anatomie, Schatten der Gepard, der mit sehr einfachen und effektiven Methode, und am Ende fügen wir die Flecken, die Folgen der Bewegung des Körpers.

 Während der Ausführung des Zyklus spezifisch für einen Geparden, der Techniken verwendet werden, können leicht angepasst werden, um jedes andere Tier.  Dies ist nicht zu einem "draw-a-frame-dann-andere-Rahmen" Art-tutorial - mein Ziel ist es zu zeigen, wie Sie behalten die Kontrolle über den ganzen Prozess, anstatt sich auf die Künstlerische intuition nur. 

  Dies ist nicht zu einem "draw-a-frame-dann-andere-Rahmen" Art-tutorial - mein Ziel ist es zu zeigen, wie Sie behalten die Kontrolle über den ganzen Prozess, anstatt sich auf die Künstlerische intuition nur.

1. Base Building Zuerst müssen wir eine Reihe von Posen, die von einem Laufenden Tier.  Wenn wir nicht vertraut mit der Anatomie, wollen wir vielleicht finden, eine Referenz.  Und hier ist, wo ein problem Auftritt - gute Qualität der videos eines run-Zyklus, vor allem in slow-motion, erstellt für die beliebtesten Tiere nur.  Und was ist, wenn wir tatsächlich ein video gefunden, aber gedreht wurde es in einige seltsame Perspektive? (Wenn Sie dies nicht interessiert, können Sie diesen Schritt überspringen theoretische intro und gehen Sie nach rechts, um den praktischen Teil.) 

 Sie müssen, um zwei Punkte um eine animation zu erstellen, ohne sich Total auf ein video: 

• Erfahren Sie mehr über die Kreatur, die Sie zeichnen möchten.  Wenn Sie wissen, wie es gebaut wird und wie es sich bewegt, Sie werden in der Lage sein, Ihre ganz eigene erstellen Zyklus ausführen, ohne nachzuziehen einige video frame-by-frame.   Ich haben den Bau einer Basis von Tier-tutorials, die können für diesen Zweck verwendet werden - überprüfen Sie Sie heraus, vielleicht haben wir das Tier, das Sie brauchen!
•  Finden Sie ein oder zwei Fotos von Ihrem Tier läuft.  Versuchen zu finden, alle von Ihnen wäre sinnlos, da eine Ausführung des Zyklus ist es eben - ein Zyklus von sich wiederholenden Phasen. Wenn eine Pfote angehoben ist, wird es brauchen, zu land, in irgendeinem Punkt später, wenn es steht, soll es erhöht werden, und so weiter. 
  

Der zweite Punkt Bedarf einer Erklärung.  Werfen wir einen Blick auf eine Ausführung des Zyklus Philosophie.   Ein sich drehendes Rad ist perfekt für die Fortbewegung - es dreht die ganze Zeit, ohne Unterbrechung, reibungslos, wobei das Objekt mit.  Haben Tiere keine Räder, und wenn Sie wollten, verwenden Sie diese Methode zum verschieben, würde es so Aussehen:

 Leider (oder zum Glück, da sieht es ziemlich gruselig), unsere Gelenke funktionieren nicht wie diese - Sie können nicht machen eine 360-Grad-Drehung.  Ein Bein kann nicht nur vorwärts bewegen, die ganze Zeit, irgendwann muss es kommen den gleichen Weg zurück, um in das land drücken-spot wieder.  Auf diese Weise das Tier tatsächlich spart einige Zeit.

 Allerdings, wenn die Beine waren so lang und steif, Sie würden es schaffen, ein zurück drücken, bei der Rückkehr, so dass Sie alle diese Bewegung sinnlos.  Wir müssen hinzufügen, eine weitere gemeinsame, so dass die Beine könnten kürzer werden für eine Zeit von Ihrer Rückkehr.

 Also, in anderen Worten, ein Tier bewegt seine Beine mit einem kreisförmigen Weg, aber wenn Ihr joint seine Grenze erreicht, nehmen Sie eine Verknüpfung.

 Die wichtigste Lektion, die aus dieser sind die Phasen, wie eine Bewegung gemacht wird. Wir haben eine push-phase (1) und einer pull-phase (2).   Läuft alles über Druck, wenn Sie springen, drücken Sie den Boden Weg von Ihnen, so dass Sie die betroffene Stelle - und Ihre Füße - hinter Ihnen. Der einzige Weg, auf einen Punkt vor Ihnen ist, ziehen Sie die Füße, um wieder vorne mit - und das ist genau, wie ein run-Zyklus arbeitet.

Eine andere Sache, erwähnenswert ist die Aufhebung des Körpers.   Während der push-phase geht es hinauf (mit der Kraft des springen), und dann, während der pull-phase, geht es nach unten, um etwas zu bekommen macht wieder.

 Aber da sind die Beine an etwas, Sie sind nicht die einzige Sache, die bewegt sich während des Zyklus. Brust und Hüften ermöglichen die Drehung des Körpers nur noch eingeschränkt und in extremen Fällen, die Sie benötigen, um zu drehen, um ihm zu helfen. 

 Glieder sind an der Brust und Hüften, Brust und Hüften sind an der Wirbelsäule.  Die besseren Läufer das Tier ist, je flexibler die Wirbelsäule und den extremen Winkel der gestreckten Gliedmaßen.

 Bildstabilisator ist entscheidend für einen erfolgreichen Lauf, sei es auf der Jagd oder auf der Flucht.  Ein laufendes Tier versucht, seinen Kopf auf eine noch Ebene die ganze Zeit - halten Sie es niedrig ist, wenn die Brust ist hoch und Umgekehrt. Den Kopf nicht zurückziehen beim laufen, aber manchmal kann es so Aussehen, wenn die Schultern sind gestreckt vor, für den Hals.   Bei Vögeln, die den Rückzug-die illusion ist durch den Körper ständig in Bewegung, und der Kopf bewegt sich in Zyklen.

Perfekte Stabilisierung ist nicht möglich, vor allem mit einem run aus den großen Sprüngen, sondern versuchen, halten Sie relativ konstant ist - und nie kleben Sie den Kopf steif auf der Brust!  Wenn es um die Schwanz, seine position hängt größtenteils davon ab, den Winkel der Hüften.

 Haben wir einmal verstanden, wie es funktioniert, wir können jede Referenz Foto zu Beginn der Ausführung des Zyklus.  Es geht um unser start-pose, die wir brauchen, um zu bestimmen, die Gangart des Tieres (wie Sie die Beine bewegen im Verhältnis zu einander).  Es kann sogar so schlimm wie dieses:

 Es ist eigentlich ein Spaziergang-Zyklus, das macht keinen Unterschied - es gibt immer noch Phasen der push-und pull, Sie sind nur langsamer, und die Winkel der Bewegung sind schonender.  Also, zuerst müssen wir es finden eine pose versteckt auf dem Foto.  Sie skizzieren können, es mit jedem Werkzeug, das Sie wollen, es muss nicht ganz klar sein.

Wir anpassen müssen, um die pose zu einem flachen Boden.  Von jetzt an, wir brauchen keine Referenz mehr! 

Zeit für die Analyse.  Die phase ist jedes Bein in?   In meinem Fall, 1 gerade beendet seinen Zug, 2 und 3 sind in der Mitte drücken, und die 4 gerade beendet.  Es ist sehr leicht vorauszusehen, was passiert in den nächsten frame!

 1 beginnt mit schieben, 2 und 3 fertig stellen, und 4 ist in der Mitte ziehen. Mit dieser Methode können Sie erstellen, die alle frames, die Sie brauchen! 

Alles klar?   Wenn dem so ist, beginnen wir mit der animation! 

Schritt 1 

Mit einem Referenz-Bild, Vorbereitung einer start pose.   Sie skizzieren können, es richtig auf dem Foto, mit jedem Werkzeug, das Sie möchten - an dieser Stelle weder es, noch das Programm, das Sie verwenden, für den es wichtig ist.  Möglicherweise müssen Sie ein wenig von der Anatomie wissen hier, aber in diesem Artikel können Ihnen auch helfen, in den meisten Fällen.

 In der Tat, für die Zwecke dieses tutorial, Sie brauchen nicht zu suchen für jede Foto - ich habe ein Bild aus meinem tutorial über Katzen, mischen Sie es mit einem Galopp von einem Pferd (erstellen eines rotary Galopp - einer Aufhängung mit zwei Phasen), und das bereinigte Sie alle zu einem Skelett eines Geparden. Im Ergebnis erhielt ich eine pose mit einem Bein schieben und der andere ziehen. 

 Schritt 2

 Es ist das beste zu verwenden Illustrator für diesen Schritt, aber wenn Sie nicht können, es ist sehr einfach, es zu tun in Photoshop auch (es ist nur eine Frage der Bequemlichkeit der Verwendung von Vektor-Werkzeugen). Ich erkläre Ihnen die letzteren. 

Erstellen Sie eine Neue Datei (Strg-N) und fügen Sie Ihre start-pose da.   Ändert seine Deckkraft auf 20% durch drücken von 2 auf deiner Tastatur mit dem Verschieben-Werkzeug (V) aktiv.

 Schritt 3

Zeichnen Sie über die Skizze mit Vektor-Formen.  Draw Ovale mit dem Ellipse-Werkzeug (U) und Linien mit dem Zeichenstift-Werkzeug (P).  Farben sind nicht wichtig, wählen Sie, was zu Ihnen passt.   Denken Sie daran zu ziehen, ganze Gliedmaßen, egal, wie groß die Teile sind sichtbar in dieser position. 

Warum Vektorformen?   Sie nicht an Qualität verlieren, wenn transformiert (gedreht oder skaliert werden), und Sie können leicht geändert werden.

 Wenn Sie möchten, um den Prozess zu beschleunigen, dieses Modell ist verfügbar zum download mit anderen Vermögenswerten.

Schritt 4 

 Gruppe der Formen (Control-G), einen einfachen Zugang zu jedem Teil.  Anschließend die Gruppe alle von Ihnen in einer größeren Gruppe, das erste Bild.

Schritt 5 

Duplizieren (Strg-J) die große Gruppe.   Diese Kopie wird das zweite Bild. Ändern Sie die Deckkraft des ersten Frames um 20%. 

Schritt 6 

 Ändern Sie die Formen des zweiten frame erstellen einer anderen phase der Bewegung.  Je kleiner die änderungen zwischen den frames, desto flüssiger und schwerer die animation, und auch die weitere Arbeit für Sie, wenn es um die Malerei.

Schritt 7 

 Verstecken Sie den ersten frame und wiederholen Sie die Schritte 5-7, bis Sie Sie schließen den Zyklus.  Wenn alle Gruppen offenbart werden, es sollte ähnlich wie dieses Aussehen:

Schritt 8

Bevor wir weiter gehen, müssen wir testen die animation.   Gehen Sie zu Fenster > Zeitleiste zu öffnen Sie die animation-editor, klicken Sie dann auf Erstellen Frame-Animation.

Schritt 9 

 Zeigen alle layer, wählen Sie jedes einzeln (nicht alle gleichzeitig) mit der rechten Maustaste und wählen Sie Convert to Smart-Objekt. Auf diese Weise werden Sie in der Lage sein, zu ändern, jeder Gruppe, aber Photoshop wird Sie behandeln wie einzelne Schichten.   Der Rahmen sollte nun so Aussehen: 

Schritt 10 

 Öffnen Sie das Menü der Zeitleiste und wählen Sie " Make-Frames Von Schichten (1).  Set looping (2) zu für Immer und frame-Verzögerung (3) auf Andere > 0.07.  Sie müssen möglicherweise entfernen Sie den Rahmen aus, die ausschließlich für den hintergrund (wenn Sie irgendwelchen haben).  Wählen Sie alle frames und zeigen den hintergrund für Sie. 

Drücke Space, um testen Sie die animation.    Möglicherweise müssen Sie passen Sie die frame-Verzögerung auf Ihre eigenen frames " - Nummer. 

Schritt 11 

Beachten Sie die animation aufmerksam.  Wo wird es verlieren Glätte?  Warum ist es passiert?  Vielleicht irgendwo eine Hüfte nach unten geht plötzlich, wenn es gehen sollte?   Wenn du sicher bist, was der Fehler ist, doppelklicken Sie auf die Ebene - das smart-Objekt wird in einem neuen Fenster geöffnet. Nehmen Sie die änderungen, speichern und kommen zurück, um die animation.  Die änderungen werden automatisch übernommen, wenn Sie speichern. 

 Zahlen eine Besondere Aufmerksamkeit auf diesen Schritt - wenn etwas falsch ist mit dem Skelett, auch der tollste details nicht sparen. Nehmen Sie sich Zeit, zu beheben jeden kleinen Fehler! 

2. Bestimmung des Körpers und der Muskulatur 

Schritt 1 

Zeit, um den Körper!   Zur Erhaltung der Konsistenz zwischen den frames, die wir brauchen, um es aus wiederverwendbaren Blöcken.  Wieder schlage ich mit Illustrator, aber es ist nur die Frage der Bequemlichkeit.

 Öffnen Sie das erste Bild als Smart-Objekt und setzen Sie seine Deckkraft auf 20%. Vereinfachte Muskel-Schema aus meinem Anatomie-tutorial (vereinfacht, noch mehr für diesen Zweck) zeichnen Sie die Teile des Körpers auf das Skelett.   Verwenden Sie das Zeichenstift-Werkzeug (P) in der Form mode zu halten, es zu Bearbeiten. Wieder, Gruppe und Namen der lokalen Teile, halten Sie alle in einer großen Gruppe.    Speichern Sie die Datei und gehen Sie zurück zu der animation, ohne es zu schließen. 

Schritt 2 

Doppelklicken Sie auf einen anderen Rahmen.   Halten Sie beide Dateien in die einzelnen Fenster durch ziehen mit der Maus aus der bar.  Einmal können Sie sehen, wie Sie beide, auf den ersten Rahmen, greifen die Gruppe mit den Formen des Körpers, und ziehen Sie es in den zweiten Rahmen - auf diese Weise werden Sie kopieren und fügen Sie die Gruppe hinein.  Blenden Sie die Ebene mit dem Skelett in das erste Bild ein, und schließen Sie die Datei.

Schritt 3 

 Stellen Sie die Deckkraft des Skeletts zu 20% und die Transformation der Formen der kopierten Gruppe zu passen, die pose.  Manchmal alles, was Sie tun müssen, wird einfach die rotation, aber manchmal müssen Sie zum ändern einer Form, insbesondere die Schubkarre, daß Bögen während der Bewegung.  Wiederverwendung der Formen, die ein Gebäude darstellen, können Sie halten den Körper in Einklang, die während der Bewegung - der klassischen Zeichnung über einen Rahmen kann dazu führen, eine Reihe von Fehlern in ungeübte Hände.

 Wiederholen Sie die Schritte 2-3, bis Sie bedeckt haben alle frames. Testen Sie die animation, und beheben Sie alle Fehler. 

Schritt 4 

 Jetzt gehen wir zu brechen, die animation für eine Weile, aber keine Panik - alles unter Kontrolle! Öffnen Sie die Timeline-Menü und wählen Sie " Animation Löschen.  Zeit für etwas mehr spontan als sorgfältige Aufbau der Körper aus Vektor-Blöcke. 

 Erstens, die Größe der Datei (Strg-Alt-I), um etwas so groß wie möglich, ohne Würgen Ihren computer.  Für mich 7000 x 3500 ist durchaus sinnvoll, aber Sie müssen möglicherweise etwas kleiner.  Je größer, desto mehr details werden Sie Zugriff haben, aber es kann auch verlangsamen die animation.  Es hat nichts zu tun mit der endgültigen Auflösung der animation - es ist nur unsere arbeiten Größe.

Schritt 5 

 Erstellen Sie eine neue Ebene ein (Strg-Shift-Alt-N) über dem ersten frame.  Verwenden Sie einen harten Pinsel (Deckkraft von 100% und Volumenstrom) zu malen, über den Körper. Um es einfach, die Farbe nur als Umriss und Füllung (G) der Innenseite.   Das Vektor-shapes als Anleitung, sondern auch halten Sie im Verstand Merkmale charakteristisch für einen Geparden. Wieder, mein tutorial über Raubkatzen zu Hilfe kommt.    Nicht zahlen Besondere Aufmerksamkeit-an-Kopf-noch - nur sichtbar markieren Ihre position.

Wiederholen Sie für jeden frame.   Dieses mal gibt es keine tricks, um den Prozess zu beschleunigen - Handbuch Gemälde geben einen individuellen Charakter, um jeden Schritt der Bewegung.  Der einzige Rat, den ich dir geben kann, ist nicht zu malen, frame-by-frame, sondern überspringen alle anderen und kommen zurück zu Ihnen später.  Auf diese Weise, wenn Sie ermüdet und die Formen, die Sie zeichnen, werden leichtsinnig, erzielen Sie eine anständige Mischung aus guten und schlechten frames, anstatt gute frames allmählich geht schlecht.

 Wenn Sie möchten, testen Sie die animation an diesem Punkt, speichern Sie es als eine neue Datei, entfernen Sie alle smart-Objekte und erstellen Sie eine neue animation, in der die Silhouetten.

Schritt 6 

• Ziehen Sie jede silhouette unter seiner Anleitung Formen und legen Sie Ihre Deckkraft auf 20%; 
• Wählen Sie Formen, die Ebene und drücken Sie Strg-Alt-G zur Schnittmaske erstellen und entfernen Sie die bits der Kreuzung der Gliederung; 
  
• Wählen Sie beide Schichten (silhouette und seine Formen) und drücken Sie Ctrl-E, um diese zusammenzuführen.   Von nun an werden Sie nicht in der Lage, ändern Sie die Vektor-Formen nicht mehr, so speichern Sie die Datei unter einem neuen Namen, wenn Sie wollen, Sie zu halten.
  

Schritt 7 

 Hit Ctrl-R um die Lineale anzuzeigen, ziehen Sie dann die Führungen Sie, um die Höhe von Kopf und Rücken.  Auf diese Weise werden Sie in der Lage sein zu sehen, ob ein Rahmen bleibt, richtig in Beziehung zu anderen.  Verwenden Sie Pfeiltasten, mit Verschieben-Werkzeug (V) auf, um kleine änderungen an der position.

Schritt 8 

Bis jetzt waren wir fokussiert auf den Körper nur, ohne sich darüber den Kopf.   Es ist wichtig, fügen Sie eine richtige Form, um es, bevor wir die animation zurück.

 Erstellen Sie eine neue Datei und Tipps zur Nutzung von big cat tutorial Skizze ist der Kopf des Geparden.  Details sind nicht wichtig, aber die Allgemeine Form ist entscheidend.   Hit "Ctrl-I" zum invertieren der Farben, so dass Sie zeichnen konnte einen soliden hintergrund für Sie. Speichern Sie die Datei für später. 

Schritt 9 

 Kopieren und fügen Sie den Kopf in die Haupt-Datei.  Konvertieren in Smart-Objekt und transformieren (Strg + T) zu passen, das erste Bild. Dann kopieren Sie es und wiederholen Sie diesen Vorgang für jeden frame.  Befolgen Sie die position des Kopfes haben wir vor!  Wenn Sie nicht, den Kopf zu springen zwischen den frames.  Verwenden Sie Hilfslinien zu vermeiden. 

Schritt 10 

 Verwenden Sie das Radiergummi-Werkzeug (E) zum entfernen der Reste von der Kopf-Schablone auf der Form-Ebene.   Sie können auch beheben Sie den übergang zwischen Kopf und Hals mit dem Pinsel-Werkzeug (B), die gleiche, die wir verwendet, um zu zeichnen die silhouette. Wenn Sie fertig sind, verschmelzen auf jeden Kopf mit seinem Körper. 

 Erstellen wir die animation wieder wie in Schritt 10 der erste Teil.  Unser Gepard ist ziemlich viel Leben jetzt, aber es gibt noch eine Menge Arbeit zu tun!

Schritt 11  

Von jetzt an, wird jede neue Ebene Hinzugefügt würde, brechen Sie die animation.   Um dies zu vermeiden, müssen wir-clip-jeder von Ihnen auf eine der Silhouetten, die mit Control-Alt-G.

 Wir verwenden ein-Muskel-System, aus meiner großen Katze tutorial zu ziehen Muskeln.  Wir müssen es ändern, um die Form des Geparden ' s Körper, aber es ist eine gute Referenz sowieso.  Das größere problem ist, Muskeln sind keine starre Struktur, Sie ändert sich während der Bewegung, und es geht nicht nur um rotation, sondern über die tatsächliche Form und proportion!  Glücklicherweise gibt es ein Werkzeug, das wir benutzen wollen, Recht ausführlich in diesem tutorial - Warp-Modus oder Frei-Transformieren-Werkzeug.  Während es wird Sie nicht retten, all unsere Probleme, er ist in der Lage, den Prozess zu beschleunigen, ohne dabei zu viel Genauigkeit.

Suchen Sie sich zuerst ein frame, in dem ein Teil des Körpers am ähnlichsten ist, eine stationäre position, genau wie unsere Muskel-Schema.  Erstellen Sie eine neue Ebene über es, es den clip und ziehen Sie die Muskeln.  Ich weiß betonen Sie, aber es kann leicht gedreht werden, um schwarz mit Ctrl-I. 

Schritt 12 

Kopieren Sie die Zeichnung, und fügen Sie es über eine andere Schicht.  Clip, und drücken Sie Strg + T zu öffnen, transformieren-box.   Jetzt, klicken Sie auf die Warp-Symbol in der oberen Leiste. Verwenden Sie das mesh anpassen, Muskel-Zeichnung auf diese bestimmte position.   Manchmal werden Sie brauchen, um zu löschen, einige Teil und ziehen Sie es manuell, aber diese Methode funktioniert für die meisten Fälle.  Nur unterlassen Dehnung der arm-zu viel - es muss Folgen der Form unter, kann es nicht größer oder kleiner aus heiterem Himmel.

Schritt 13 

Wiederholen Sie Schritt 12 für jedes frame.   Wenn Sie dies richtig tun, die Muskeln sollten Folgen, die Bewegung reibungslos.  Kümmern Sie sich nicht um saubere Linien, das ist nur eine Skizze.

Schritt 14 

Wiederholen Sie die Schritte 11 bis 13 für das Hinterbein und barrow zu.   Wenn Sie fertig sind, verschmelzen die Muskelschichten für jeden Rahmen zu speichern einige Platz auf Layer-Liste.  Wir werden es brauchen!  Auch, wenn Sie die weißen Linien, invertieren Sie ("Ctrl-I"), um schwarze.  In den nächsten Schritten, die wir gehen, um loszuwerden, die Form, die Linien, so dass Sie definieren müssen einige von Ihnen (überschneidung von den Beinen und so weiter) auf die Muskel-Schicht .

3. Schattierung 

 Es ist Zeit für die spannendste - wir bringen die Geparden zum Leben!  Hier und hier können Sie mehr über die Grundsätze der Schattierung.  In diesem tutorial werde ich Ihnen nur zeigen, Sie Art von Verknüpfungen, die Sie verwenden können, um die Schatten bei jedem frame sehr schnell, wenn man alle der animation konsistent.

Schritt 1 

Beginnen wir mit flachen Farben.   Verwenden Sie einen dunkleren Farbton der Farbe, die Sie wollen - für mich ist es #91734d.  Aus dem Kopf, wie Sie es für jetzt, wir gehen, behandeln Sie es als ein detail.

Schritt 2 

Es ist üblich für Katzen leichter Unterkörper.  Um etwas Zeit zu sparen können wir mit einem Farbverlauf zu färben: 

• Doppel-klicken Sie auf die Farbe-Ebene des ersten Rahmens; 
• Wählen Sie " Gradient Overlay; 
•  Erstellen Sie einen Farbverlauf von der Basis-Farbe mit der Deckkraft von 0% und einer leichteren, weniger gesättigte version mit 100% Deckkraft
• Justieren Sie den Winkel, um den Winkel des barrow.  

Um den Prozess zu beschleunigen, speichern Sie die Layer-Stil und verwenden Sie es für jeden Rahmen.   Alles, was Sie brauchen, zu tun danach wird die Einstellung der Winkel der Steigung.

Schritt 3 

Ändern Sie die Füllmethode jeder Muskel-Ebene auf Weiches Licht.  Wir wollen nicht diese Zeilen zu stehen. 

Schritt 4 

Jetzt gehen wir mehr in die Künstlerische phase.   Es gibt keine tricks, die könnte führen Sie durch, ohne die Notwendigkeit zu verbringen einige Zeit, auf jeden einzelnen frame.  Aber, die starken, einheitlichen Basis, die wir geschaffen haben, sollte mehr als genug, um Kontrolle über es.

 Es gibt eine wichtige Sache, über die Malerei eine animation, frame-by-frame - es ist die gesamte animation, in Angelegenheiten, die nicht einem einzelnen frame. Es ist besser, zu malen, jedes frame Locker, aber konsequent, als auf Polnisch, einige von Ihnen, aber jedes auf unterschiedliche Weise.  Ein frame ist egal - aber Sie alle tun.   Es ist, weil niemand wird eine chance haben, starren auf einen einzelnen frame, wenn Sie alle in Bewegung.

Erstellen Sie eine neue Ebene (muss ich Sie daran erinnern, um clipping?),   schnappen Sie sich einen weichen Pinsel und malen Sie über die Linien der Muskeln mit eine dunklere Farbe (bei mir ist es #54371a). Kümmern Sie sich nicht über die Richtung des Lichtes in dem moment. 

Schritt 5 

Erstellen Sie eine neue Ebene und malen Sie die Mitte von jedem Muskel mit einer helleren Farbe (z.B. #c9a980). 

Schritt 6 

Verwenden Sie die Grundfarbe zum mischen der hellen und dunklen Bereichen.   Das Hauptziel ist es zu verbergen, die Konturen, so dass nur ein Vorschlag, Sie unter die Haut.  Die Bedeutung der Muskulatur ist eine Frage des Stils, so müssen Sie den Grad der Vermischung auf Ihrem eigenen.

Schritt 7 

Wiederholen Sie Schritt 4 bis 6 für jeden Rahmen.   Wieder, es ist gut, überspringen Sie die frames zu halten, ein einheitliches Aussehen, egal wie gelangweilt Sie bekommen.  Auch, es ist besser, zu tun einen Schritt zu einer Zeit für alle frames, damit es ihm schnell.  Zahlen Sie nicht zu viel Aufmerksamkeit auf einen einzelnen frame - nur alle von Ihnen.

Wenn Sie fertig sind, testen Sie die animation.   Prüfen, ob etwas steht oder ob es eine gewisse Art von blinken.  Wenn Sie sicher sind, dass alles in Ordnung ist, verbindet alle der shading-Ebenen für jeden Rahmen - wollen wir nicht ein Chaos.

Schritt 8 

 Was wir gerade gemacht haben, war keine Beschattung im eigentlichen Sinne - es ist eine Art von ambient occlusion shading, ohne gerichtetes Licht.  Fügen Sie Lichter - es geht um ein einfaches, so dass wir nicht haben, zu fallen, vor Erschöpfung in all diesen frames.

Beginnen wir mit den Schatten.   Ich verwendet, dark blue (#434748) und mit einem weichen Pinsel malen Sie diese Bereiche, aber die Striche waren sehr subtil - auf diese Weise, anstelle der Malerei die cheetah blau, ich gab nur einen bläulichen Schatten auf seinem Fell. Beachten Sie, wie chaotisch die Schattierung ist ! 

Schritt 9 

 Fügen Sie nun ein orange (#f5d8a0) Licht auf das Gegenteil. Verwenden Sie Weiches Licht " als Füllmethode aufhellen der Umgebung entsprechend die Farbe unter. 

Schritt 10 

 Jetzt ist der Körper des Geparden sieht sehr glatt aus, so als wenn es die Haut nur ohne Fell. Es ist, weil jede textur, wie Pelz, stört das Licht auf seiner Oberfläche.  Also das ist, was wir brauchen - eine textur.   Und ich spreche nicht über einige Fotos eingefügt mit geringer Deckkraft, textur ist ein Gebiet mit gestörtem Licht.

 Erstellen Sie eine neue Ebene, ändern Sie die Füllmethode auf Weiches Licht und zeichne einzelne "Strähnen" (ich habe #fff9ca).

Schritt 11 

 Stellen Sie den Kontrast ein bisschen, erstellte ich eine neue Ebene im Overlay-Modus und Malte einige weitere Blaue Schatten.

Schritt 12 

 Testen Sie die animation.  Ich mag, wie es aussieht, aber vielleicht möchten Sie gehen für mehr fantasy-look, mit warmen direktes Licht und Kälte reflektiert Licht?  Kein problem - nehmen Sie sich die Zeit und Polieren Sie die Schattierung auf Ihrem Wunsch.

4. Fügen Sie die Details 

Schritt 1 

 Es kann sein, seltsam, behandeln den Kopf, als ein detail, aber da es sehr detaillierte selbst, die wir brauchen, um Besondere Sorgfalt.

Öffnen Sie die Datei mit dem schwarzen Kopf und Schmerzen in den details jetzt.  Sie haben nicht sehr ordentlich, insbesondere, wenn Sie gehen für eine kleine animation. 

Schritt 2 

Kopieren und fügen Sie den Kopf in das erste Bild.  Bevor Sie irgend etwas tun, konvertieren in Smart-Objekt zu zügeln, der Qualitätsverlust während der Transformationen. 

Skalieren und drehen Sie den Kopf, um genau zu passen mit den schwarzen Vorlage, die wir angefügt haben, vor.   Möglicherweise müssen Sie malen Sie über einige Pelz zu verbergen, die "Naht" zwischen ihm und dem Hals.

Schritt 3 

 Hinzufügen der Pfoten, finden einen Rahmen, wo einem der Aufenthalt in einer "default" - position.  Malen Sie die details auf eine neue Ebene und wandelt es in ein Smart-Objekt.

Schritt 4 

 Genau wie mit den Muskeln, kopieren und fügen Sie den layer, um alle frames, die Anpassung der Form an jeder Pfote. Manchmal müssen Sie möglicherweise ändern Sie die Deckkraft der Pfote passen Sie die Schattierung.  Übrigens, die Schatten der Beine, wenn nötig.  

Schritt 5

 Es ist höchste Zeit für die spots!  Genau wie mit Muskeln, die wir brauchen, um zu finden eine Standard-position, für jedes Glied, barrow und Schwanz.  Farbe der Flecken auf, wandeln Sie auf den Smart-Objekt, kopieren Sie es auf einen nächsten Rahmen und verzerren die Form. Das Smart-Objekt wird merken das Warpen zwischen den frames.   Nehmen Sie gute Pflege der single-spot-Form - Sie sollte nicht zu verzerrt. Auch halten Sie im Verstand, den Sie benötigen, um zu Rastern, das Objekt zu löschen überlappenden bits. 

Schritt 6 

 Nun, wenn Sie sicher sind, dass die animation abgeschlossen ist, die wir brauchen, um loszuwerden, das Chaos. Wählen Sie alle Schichten abgeschnitten von jedem Rahmen (ohne die eigentliche Schnittmaske) und Zusammenfügen.   Dann Wählen Sie die zusammengeführten Schicht, der rechten Maustaste und wählen Sie " Merge Down. Auf diese Weise werden Sie die Ebenen Zusammenführen, ohne die animation. 

 Es gibt drei Dinge, die Sie tun können, jetzt fügen Sie einen letzten Schliff, um die animation.  Erstens können Sie Einstellungen (wählen Sie es im Fenster Liste der Optionen).  Die Optionen, die Sie möglicherweise daran interessiert sein, die meisten sind Farbbalance, Farbton/Sättigung, Helligkeit/Kontrast, aber fühlen Sie sich frei zu Experimentieren mit anderen zu.

 Der andere Weg ist der Verflüssigen-filter (Umschalt-Strg-X) und seine Forward Warp Tool.  Mit es können Sie etwas bewegen ein Teil des Körpers, zum Beispiel schließen die Augen des Geparden, wenn Sie auf dem Boden nach dem großen Sprung, oder bewegen Ihre Ohren während des Laufs (oder, in meinem Fall, ändern Sie die Kopf-Größe, die immer noch nicht sehen OK aus). Der Dritte Weg ist, um tatsächlich etwas zu malen auf dem Rahmen, wie wehende Fell.   Diese kleinen änderungen geben können, die mehr Leben in das Tier, wobei sich die Steifigkeit durch eine bit-automatische Prozess der animation.  Sie funktioniert am besten, wenn Sie-schrittweise - beginnend leicht am Rahmen, mit starker Wirkung auf einen anderen Rahmen und eine Schwächung auf den nächsten.

Schritt 7 

Ein weiterer trick für eine Ausführung des Zyklus wird eine Unschärfe Hinzugefügt, die auf einigen der Teile.   Um dies zu tun, können Sie ein Bein mit Maskierungsmodus (Q) (malen Sie einfach über den Bereich mit einer weichen Bürste, klicken Sie Q erneut und Steuerung-Umschalt-I kehrt die Auswahl um).  Verwenden Sie dann Filter > Weichzeichnungsfilter > Bewegungsunschärfe mit Winkel der Bewegung. 

 Schritt 8 Verwenden Sie dann Filter > Weichzeichnungsfilter > Bewegungsunschärfe mit Winkel der Bewegung.

 Schließlich müssen wir die animation speichern, wie es präsentiert wird, unsere Zuschauer.  Ersten, ändern der Bildgröße (Strg-Alt-I), um die Dimensionen, die Sie benötigen - je kleiner, desto heller ist die Datei.  Wenn Sie erstellen für Web, es ist das beste, um die Größe unter 200KB, das ist nicht immer einfach mit einem gemalten animation. Sie müssen möglicherweise entscheiden, ob Sie gehen für die Auflösung... 

...oder vielleicht die Allgemeine Qualität und das fehlen von Lärm. 

 Zum speichern der animation, klicken Sie auf Control-Shift-Alt-S.  Sie können Experimentieren Sie mit diesen Optionen, um das beste Ergebnis, aber ich kann Ihnen einige Hinweise: 

1.  Sie können Experimentieren Sie mit diesen Optionen, um das beste Ergebnis, aber ich kann Ihnen einige Hinweise:Natürlich müssen Sie wählen Sie GIF als format zum erstellen einer animation für Web;
2. Die Anzahl der Farben sollte Ihre erste Wahl sein.   Beginnen Sie mit 256 und sehen, ob die Größe (linke untere Ecke) ist in der Nähe, die Sie brauchen.  Wenn 32 Farben geben Ihnen die perfekte Größe, gehen für 64 und versuchen, spielen Sie mit den Schiebereglern;
3. "Dither" sollte Ihre erste Wahl für die Optimierung.   Noch Schiebe es nach unten auf 0 macht nicht so viel Unterschied in der Qualität, aber die Größen fallen sowieso;
   
4.  Dies sollte Ihre Letzte, verzweifelte Wahl.  Sie können ganz sicher bis zu 50%, aber es ist sehr einfach zu verlieren, die Grundlagen der Qualität hier;
5.  Diese slider gibt Euch nicht nur Einsparungen in der Größe, es ist auch in der Lage, fügen Sie einen schönen Effekt für Ihre animation. Aber geh nicht zu hoch! 
   

 Stellen Sie sicher, überprüfen Sie die Vorschau, die gerade unter der Größe - einige Browser beschleunigen die Geschwindigkeit der animation, so müssen Sie möglicherweise passen Sie es erneut.

Wir sind Fertig! 

Nach dieser langen, gründlichen tutorial sollten Sie in der Lage sein, um eine schöne Ausführung des Zyklus für jedes Tier.   Während eine glatte, präzise animation nimmt eine Menge Zeit, diese Methode, es zu tun, mit dem Sie garantiert sehr gute Ergebnisse, im Gegensatz zu Malerei-frame-by-frame, wo alles ein Ratespiel. Ich hoffe, Sie hatten Spaß, die folgenden Schritte und Sie haben viel gelernt für Ihre zukünftigen Projekte!