Erstellen einer GIF-Illustration in Schleife | Rachael Lum | Skillshare
Drawer
Suchen

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Erstellen einer GIF-Illustration in Schleife

teacher avatar Rachael Lum, Illustrator x Motion Designer

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      1:05

    • 2.

      Konzept

      2:29

    • 3.

      Farben

      2:00

    • 4.

      Character

      2:55

    • 5.

      Illustration von Hintergrund

      1:18

    • 6.

      Rough animieren

      6:10

    • 7.

      Details animieren

      4:52

    • 8.

      Importieren

      2:28

    • 9.

      Animation in After Effects

      6:43

    • 10.

      Exportieren

      3:25

    • 11.

      Vielen Dank

      0:39

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

186

Teilnehmer:innen

1

Projekt

Über diesen Kurs

Dieser Kurs behandelt den Prozess der Erstellung einer Illustration und Animieren in ein of von Anfang bis Ende.

In



diesem Kurs lernst du: Wie du eine
Figur/Hintergrundszene in Photoshop illustrieren und deine Datei in der Bildung, wie du eine Animation vorbereiten kannst

- Wie du deiner Illustration eine more Animation in After Effects hinzufügst

Das Kursprojekt konzentriert sich darauf, wie du deine Illustration mit Animation zum Leben erwecken kannst.

Dieser Kurs ist ideal für Illustratoren , die ihre Erstellung noch einen Schritt weiter bringen


möchten.

Triff deine:n Kursleiter:in

Teacher Profile Image

Rachael Lum

Illustrator x Motion Designer

Kursleiter:in

is a freelance illustrator and motion designer from Singapore with a love for crafting meaningful, creative storytelling. With experience in illustrating, designing, animating and art directing for various projects with clients such as Facebook, F1, Singapore Tourism Board, Asian Food Channel, McDonalds.

She often finds inspiration from nature, unique stories and conversations. When not playing with colours, she’s trying to win affection from cats or taking naps.

Vollständiges Profil ansehen

Level: Intermediate

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Ich glaube, dass jeder Antrag auf eine Illustration dazu beitragen kann , Sie einen Schritt weiter zu gehen und eine tiefere Erzählung zu schaffen. Hi. Mein Name ist Rachel Lau. Ich bin Illustrator und Motion Designer aus Singapur. In dieser Skillshare Klasse werden wir Illustrator GIF erstellen. Der erste Schritt wäre also, Ihre Ideen zu skizzieren und einfach Ihre Gedanken rauszuholen und dann diejenige zu malen, die Sie für das Beste halten. Als Nächstes wählen Sie Ihre Farben aus und starten die Farbblockierung. Danach werden wir anfangen, Ihren Charakter und Hintergrund in Photoshop zu illustrieren. Als nächstes werden wir anfangen, es mit Soundanimation zu animieren und dann weiter zu animieren, um es in After Effects weiter zu animieren. Schließlich werden wir es exportieren und Sie haben Ihr eigenes illustriertes GIF. Ich glaube, dass diese Klasse ideal für Illustratoren wäre , die ihre Arbeit einen Schritt weiter bringen wollen und so für Motion-Designer, die ihren Workflow für alle Meeting-Illustrationen verbessern wollen . Ich kann es kaum erwarten zu sehen, was ihr erschafft, also lasst uns anfangen. 2. Konzept: Beginnen wir mit dem Skizzieren von groben Miniaturansichten. Sie können sehr rau sein, nur um die Ideen herauszuholen und zu versuchen, an die Bewegung zu denken, die Sie haben wollen. In diesem Fall dachte ich daran, dass ein Alpaka durch den Hintergrund springt. Der eine fühlt sich ein bisschen zu normal an, so dass Wolken vielleicht ein bisschen interessanter sein werden. Finden Sie fotografische Referenzen online wird auch helfen, eine genauere Visualisierung zu haben, Bilder mit einem Winkel zu finden und posieren, die Sie wollen. Für Wolken möchte ich etwas mehr Abstand haben. Video-Referenzen der tatsächlichen Bewegungen zu haben , hilft später auch bei der Animation. Als nächstes beginnen wir mit dem Skizzieren der Illustration. Öffnen Sie Photoshop und erstellen Sie eine neue Datei. 1080 x 1080 Pixel sollten ausreichen, aber wir können mit 150 dpi arbeiten, falls die Ebenen später skaliert werden müssen. Was nützlich sein könnte, ist ein Alpaka zu erstellen und die Referenzen auch an der Seite zu haben. Wenn ich meine Charaktere skizziere, versuche ich normalerweise, sie in einfache Formen und Linien zu zerlegen. Wir skizzieren es. Sie auch daran, dass je komplexer ist, desto schwieriger wird es sein, zu animieren, also würde ich Ihnen raten, es etwas einfacher in Bezug auf die Formen und den Stil zu halten. Sie können in der groben Form hinzufügen, und die Details werden später hinzugefügt. Für die Hintergrundwolken, die Referenzfotos ansehen, sind sie alle seltsam geformt, also keine Sorge, wenn sie nicht ähnlich sind und versuchen, unterschiedliche Größen zu haben, um es interessanter zu machen. Sobald Sie fertig sind, können Sie einen neuen Layer für die raffinierte Skizze erstellen. Bringen Sie die Deckkraft für die rohe Skizze auf etwa 20%, und wir können beginnen, die Linien mehr zu definieren. Wenn Sie das Gefühl haben, dass Sie Linien sind nicht sauber genug, was könnte auch helfen, die Glättung für Ihren Pinsel zu erhöhen. Es könnte etwas langsamer sein, aber es hilft. der nächsten Lektion lernen wir, wie Sie die Farben für die Illustration auswählen. 3. Farben: Wenn wir nun deine Farben auswählen möchten und wenn du dir nicht sicher bist, wo du anfangen sollst, kannst du auf Pinterest gehen und dir verschiedene Illustrationen und Fotos ansehen , um zu sehen, welche Art von Farben zusammen funktionieren. Versuchen Sie, die Hauptfarben zu beobachten, die verwendet werden, sowie die Ausdehnung Farben, die ergänzt werden. Wenn Sie Ihre eigene Farbpalette erstellen möchten, können Sie dies auch tun. Gehen Sie einfach zu Photoshop und wählen Sie dann eine Hauptfarbe, die Sie haben möchten, und dann können Sie beginnen, Ihre Palette um sie herum zu bauen. Für den Schatten gehe ich normalerweise mit einem analogen Gewebe, um die Dinge interessanter zu machen, anstatt nur ein dunkleres Werkzeug zu haben. Dann für die Hintergrundfarbe, was helfen würde, es hervorzuheben, ist eine ergänzende Farbe am gegenüberliegenden Ende des Farbrades, die in diesem Fall ein Rätsel rosa ist. Ich möchte, dass es auch viel weniger Situation hat, so dass das Grün im Mittelpunkt steht. Für die Wolken denke ich an ein Off-White, versuchen Sie nicht, reines Weiß zu verwenden, wie es in der Regel grell wird. Bringen wir einfach die Palette raus, damit sie die Skizze nicht überdeckt. Erstellen Sie als Nächstes die verschiedenen Layer und beschriften sie nach den verschiedenen Teilen der Illustration. Erstellen Sie dann einen Farbblock mit der Farbpalette, die Sie haben. Es kann eine grobe sein, nur um zu sehen, wie die Farben umgesetzt werden. also verschiedene Ebenen erstellen, selbst im groben Schnitt des Blockierens, können Sie die verschiedenen Farben erkunden und twittern, was immer Sie wollen , ohne es immer wieder wiederholen zu müssen. Fühlen Sie sich frei, mehrere Farbpaletten und Farbblockierungen zu erstellen , um zu sehen, welche am besten funktionieren. 4. Character: Sobald die Farben fertig sind, werden wir direkt in die Veranschaulichung des Charakters bekommen. Lassen Sie uns zuerst die Schichten aufräumen. Ich werde diese Skizzen-Layer nur gruppieren, damit sie leichter zu finden sind. Ändern Sie dann die Hintergrundfarbe, indem Sie aus der Farbpalette auswählen. Jetzt werde ich mir einen Pinsel aussuchen, um ihn zu benutzen. Denken Sie daran, das Aussehen und das Gefühl, das Sie in Ihrer Illustration haben möchten. Ich möchte einen trockenen Pinsel verwenden, weil er etwas mehr Textur in den Strichen hat. Ich werde nur ein paar der Pinsel testen und ihre Texturen vergleichen und sehen, welche besser funktionieren wird. Die großen Pinsel scheinen zu rau zu sein und machen die Illustration unordentlich aussehen, besonders wenn sie animiert ist. Ich denke, ich gehe für die glückliche HB-Bürste. Sobald Sie den gewünschten Pinsel ausgewählt haben, können Sie beginnen, den Körper des Charakters zu skizzieren. Um die Farbe auszufüllen, können Sie dies manuell tun, aber eine schnellere Möglichkeit, dies zu tun, ist mit dem Zauberstab-Werkzeug oben in der Symbolleiste. Klicken Sie in die Mitte des Bereichs, um den Bereich auszuwählen, und wechseln Sie dann zu Auswählen, Ändern und Erweitern. Ich denke, drei Pixel würden genug sein. Füllen Sie dann den Bereich mit der Tastenkombination Alt oder Wahltaste und Löschen aus. Der Grund für das Erweitern des ausgewählten Bereichs besteht darin, die Lücke zwischen dem Umriss und dem ausgewählten Bereich abzudecken. Möglicherweise müssen Sie auch einige Bereiche, in denen noch Lücken vorhanden sind, manuell ausfüllen. Dann können Sie eine Schicht für die Beine erstellen und dasselbe tun. Sobald dies erledigt ist, erstellen Sie eine weitere Ebene für die Schattierung. Stellen Sie sicher, dass es sich über der Ebene „Beine“ befindet, und erstellen Sie eine Zuschneidemaske, indem Sie die Alt-Taste gedrückt halten und dann klicken, sobald der Cursor in den Pfeil und das Rechteck wechselt. Füllen Sie die Schattierung aus und wiederholen Sie das Gleiche für die Linien auf der separaten Ebene. Da haben Sie es, Ihre Illustrator-Figur. 5. Illustration von Hintergrund: Mit dem Zeichen-Illustrator. Ich werde nur die Schichten zusammen schaufeln und es Alpaka nennen. Erstellen Sie dann eine Ebene für das erste hintere Bodenelement. Ich werde die Wolke auf die gleiche Weise wie Alpaka umreißen. Aber anstelle einer festen Füllung möchte ich es manuell ausfüllen lassen, so dass es einige subtile Texturen gibt. Auf der zweiten Wolke skizziere ich es auf die gleiche Weise. Aber weil es zugeschnitten ist, ziehe ich es heraus und verlängere es bis zur Fertigstellung. Dies liegt daran, dass die Wolke beim Animieren über den Bildschirm schwebt und das gesamte Blatt enthüllt wird. Machen Sie das Gleiche für den Rest der Elemente, bedenken Sie, wie es animiert wird und Sie werden Ihren Illustrator-Charakter sowie Ihren Hintergrund haben. 6. Rough animieren: Wir haben alles illustriert, ich bin gerade reingegangen, meine Ebenen aufgeräumt und entsprechend gruppiert. Sie können die Skizze Alpaka und Wolken sehen. Ich habe gerade die Beine versteckt, weil wir sie jetzt animieren werden. Jetzt können wir zur oberen Menüleiste gehen und unter Windows gehen wir zur Timeline und wählen sie aus, die die Timeline für Ihre Animierung aufruft. In der oberen rechten Ecke Ihrer Timeline gibt es eine Schaltfläche mit drei Zeilen und wählen Sie einfach „Timeline Framerate festlegen“. Für diese Animation brauchen wir nicht, dass sie sehr glatt ist. So sollten 12 Frames pro Sekunde in Ordnung sein. Dann wieder in der oberen Menüleiste, unter Erweiterungen, was ich installiert habe, ist ein Plugin namens Investment-Tool, das den Workflow für Frame-für-Frame-Animation verbessert weil dann weniger Tiefen mit den Verknüpfungen haben. Es ist ein kostenloses Plugin und es ist unten. Bevor wir zu den nächsten Schritten gehen, könnte es besser sein, wenn Sie es zuerst installieren, dann ziehen Sie einfach das Fenster nach unten, um die oben Ihrer Timeline festzulegen. Wenn Sie die Schaltfläche mit der Seite auswählen, die zwei sagt, wird eine Ebene mit zwei Frames erstellt. Nur ein Beispiel. Wenn ich das Bein jetzt auf dieser Ebene zeichne, erscheint es für zwei Frames und dann verschwindet es, nachdem du ans Ende gegangen bist. Jetzt können Sie eine weitere Ebene mit zwei Frames erstellen und dann einfach nach unten ziehen, um eine Videogruppe zu erstellen, die die beiden Ebenen zu einer ganzen Sequenz gruppiert. Ich werde nur die erste Ebene löschen und eine grobe aus dem ersten Frame ziehen. Sie können verfolgen oder über Skizze. Ich füge auch eine Richtlinie hinzu, die mir hilft, sicherzustellen, dass die Position aller meiner Frames gleich ist, so dass das Bein nicht wackelt, wenn es animiert ist. auf diese Schaltfläche mit drei Quadraten klicke, schalte ich die Zwiebelhaut ein. gehe einfach wieder zum Menü für die Timeline, ich öffne die Zwiebel-Skin-Einstellungen und ich werde nur die Frames vorher auf zwei und Frames danach einstellen. So können Sie zwei Frames vor und nach sehen, wo immer Sie sich in Ihrer Timeline befinden. Ich werde nur die Beine gehen nach vorne zu zeichnen und dann eine weitere Schicht zu schaffen, werde nur die Beine nach hinten zu ziehen. also die Zwiebelfelle verwenden, können Sie sehen wie weit oder schließen Sie Ihren Abstand zwischen den einzelnen Bewegungen sind. Versuchen Sie, die Bewegungen gleichmäßig zu halten, so dass die Geschwindigkeit Ihrer Bewegungen konsistent ist. Um sicherzustellen, dass es Schleifen, was Sie tun müssen, ist sicherzustellen, dass die Bewegung Ihrer Beine oder Ihrer Gliedmaßen zurück und dann wieder vorwärts geht. Jetzt werde ich nur noch einmal die Skizzenebene einschalten, um die Position des nächsten Beines zu überprüfen, das sich hinter dem linken vorderen Bein befindet, und weil die Bewegungen ähnlich sind, was ich tun werde, ist nur das ganze Gruppe und benennen Sie es einfach vorderes rechtes Bein um. Nun, da die Momente ähnlich sind, aber sie leicht versetzt sind, ziehe ich sie einfach zwei Frames nach hinten und ersetze die erste Ebene durch die letzte Ebene. Dann versetzen Sie es einfach leicht an ungefähr, wo sich die Position in der Skizze befindet. Jetzt sehen Sie, dass die Bewegungen ähnlich sind, aber sie sind leicht versetzt und es fühlt sich natürlicher an. Sobald Sie das Hängen von den Vorderbeinen haben, können Sie voran gehen und das gleiche für die Taschenbeine tun und Sie haben Ihr ganz eigenes Lauf-Alpaka. 7. Details animieren: Was wir als Nächstes tun können, ist, alle Beine zusammenzufassen und ihnen die Beine rau zu nennen. Ich werde nur die Deckkraft runterbringen, damit ich anfangen kann, sie zu verfolgen. Erstellen Sie einfach erneut eine neue Ebene in Werkzeugen und wählen Sie die Farbe der Gliedmaßen aus. Ich werde nur den Rest der Beinschichten zuerst verstecken, so dass es einfacher ist, den Überblick zu behalten, welches Glied ich trage. Dann können Sie einfach alle Skizzen verfolgen. Für die Bereinigung, stellen Sie einfach sicher, dass alle Ihre Formen sind viel sauberer und es ist nicht so skizzenhaft. Sobald du auch den Rest der Beine bereinigt hast, erhältst du die vollständige Animation für deinen Charakter. Nur um die Animation ein bisschen natürlicher zu machen, werde ich die Frames für das hintere linke Bein erweitern und den letzten Frame löschen. Weil mein Alpaka auf und ab springen wird, wenn es hochspringt, wird es ein leichtes Loch geben, also werde ich nur alle ersten Frames für zunächst um zwei Frames verlängern. Dieser nächste Teil ist nur, um mehr Details zu Ihrem Charakter hinzuzufügen. Was ich tun werde, ist etwas Ähnliches wie das, was ich für die Beine getan habe, nämlich Schatten hinzuzufügen, indem ich nur die Deckkraft für die Beingruppen herunterbringe, damit ich sehen kann, wo sie sich überlappen. Dann werde ich nur Frame für Frame jede Zeile für den Schatten zeichnen , wo er sich füllen wird. Für die Aufräumungen der Schatten, was ich tun werde, ist, nur über die Linien zu verfolgen und dann füllen Sie es für den Rest des Beines. Es ist nicht notwendig, die Form des Beines zu verfolgen, denn danach, in After Effects, schneide ich sie zusammen. Dann für die Zeilendetails, die ich hinzufügen werde, weil die Beine von der gleichen Farbe sind, um eine gewisse Trennung zu zeigen. Ich füge nur ein paar Zeilen in einer rosa Farbe hinzu. Die Art und Weise, wie ich es mache, ist, eine Linie zu zeichnen, wo sich die Beine überlappen, aber es ist nicht notwendig, sie für die schattierten Teile hinzuzufügen. Jetzt ist die Animation abgeschlossen. 8. Importieren: Bevor wir unsere Datei importieren, reinigen wir sie einfach. Zuerst werden wir es als neue Version speichern, und ich werde es nur Version 3 nennen. Für diese Version werde ich nur alle Ebenen löschen, die ich nicht mehr verwenden würde, also Dinge wie die Skizzen und visuelle Referenzen. Dann gehen Sie zu After Effects, ich habe normalerweise eine Vorlage für meine Arbeitsdateien, so dass sie die verschiedenen Ordner sind bereit für mich, meine Dateien zu importieren und besser organisiert zu halten. Es gibt also die Hauptkomp, Pre-Comps, SS, Audio und Referenz. Um die Datei zu importieren, klicke ich auf den SS-Ordner und importiere nur die Arbeitsdatei, die ich als Version 3 gespeichert habe. Stellen Sie sicher, dass Sie Komposition auswählen Ebenengrößen beibehalten, damit die Layer nicht abgeschnitten werden. Um diese einfach zu halten, werden wir nur viele Ebenen Stil in Footage auswählen, und klicken Sie dann einfach auf „OK“. Wie Sie sehen können, gibt es andere Ebenen innerhalb des Ordners selbst, einschließlich aller Schleifen, die zu Kompositionen geworden sind. Gehen Sie einfach in die Hauptkomposition, Sie werden in der Lage sein, die Pre-comp im Inneren zu sehen, die früher die [unhörbare] war. Wenn wir in die Vorkomposition gehen, haben wir alle verschiedenen Gruppierungen. Was ich gerade tun werde, ist, alle Vorkompositionen und Ebenen zu kopieren und sie in meine Hauptkomposition zu verschieben. Stellen Sie einfach sicher, dass die Ebenen zentriert sind. Jetzt werde ich nur meine Komposition für die Animation vorbereiten, Sie können eine Verknüpfung Befehl K verwenden, um die Kompositionseinstellungen zu öffnen und sicherzustellen , dass die Breite und Höhe der gleichen sind wie Ihre Photoshop-Datei, die 1080 um 1080, und ändern Sie einfach die Bildbreite auf 12, und stellen Sie sicher, dass die Videodauer fünf Sekunden beträgt, was der Animation in Photoshop entspricht. 9. Animation in After Effects: Jetzt verlängern wir einfach die Schleife, um die fünf Sekunden zu passen, wählen Sie die erste Vorkomposition und wählen Sie einfach alle Ebenen und drücken Sie Befehl und D zusammen, was die Verknüpfung zum Duplizieren der Ebenen ist. Dann bringen Sie sie einfach nach oben und ziehen Sie sie nach rechts, so dass sie genau nach dem ersten Satz sind und dann weiter duplizieren Sie die Ebenen erneut und wiederholen Sie die gleichen Schritte, so dass es sich erstreckt, um die fünf Sekunden passen. Wiederholen Sie dann einfach die Schritte für den Rest der Vorkompositionen, so dass alle Ebenen, die zugelassen sind, jetzt in einer 5-Sekunden-Schleife sind und sobald das erledigt ist, gehen Sie einfach wieder zur Hauptkomposition zurück und wenn wir „Leertaste“ drücken, können Sie eine Vorschau das Fenster und sehen, dass es tatsächlich Schleifen kontinuierlich nach den fünf Sekunden. Jetzt werde ich nur die Wolkenschichten in den Wolkenvorkomposition herausbringen und sie in die Hauptkomposition einfügen , so dass alle Wolkenschichten zusammen gesehen werden können. Drücken Sie T, um das Gegenteil aufzurufen, und bringen Sie es einfach für die Vorkomposition der Wolken herunter und stellen Sie dann sicher, dass sich Ihre Wolkenschichten in der richtigen Position befinden. Verwendung der Vorkomposition als Leitfaden. Als nächstes schalten wir einfach die Transparenz für die Beine Schatten ein. Wenn Sie diese Schaltfläche umschalten, das heißt Toggle Switches/Modi, können Sie die verschiedenen Symbole sehen und nur sicherstellen, dass die Rasterung Ihrer Schattierungsvorkompositionen alle sind, was das kleine Symbol ist, das wie aussieht ein wenig Sonne. Wechseln Sie dann zurück, um das Transparenzsymbol mit dem Titel T dazwischen zu sehen , Sie sind Stimmung und Schachmatt. Wenn es aktiviert ist, sollte es wie ein Raster innerhalb des Quadrats aussehen. Damit stellen Sie sicher, dass Ihre Ebenen transparent sind oder entsprechend den darunter liegenden Ebenenabgeschnitten entsprechend den darunter liegenden Ebenen und wir können sicherstellen, dass sie später vollständig transparent sind. Lassen Sie uns nun unsere Schichten parallel, um sicherzustellen, dass alle Gliedmaßen und die Schattierungen und Linien mit dem Körper des Alpakas verbunden sind. Wählen Sie alle Layer mit Ausnahme des Körpers aus. Klicken Sie auf das kreisförmige Symbol und ziehen Sie es auf das Alpaka, Sie sollten die Verknüpfung von neun auf die Alpaka-Ebene sehen. Ich klicke einfach auf den Pfeil der Alpaka-Ebene, der die Transformation am Anfang Ihres Timeline-Schlüsselbilds aufrufen soll die Transformation am Anfang , indem Sie auf das Stoppuhr-Symbol klicken. Sie werden sehen, dass es für die Position blau wird und dann zur nächsten Position in Ihrer Timeline gehen und einen weiteren Schlüsselrahmen erstellen. Gehe wieder weiter in die Timeline und finde genau die gleiche Position und erstelle einen dritten Schlüsselrahmen und bewege deinen Charakter dann nach oben, so dass er so aussieht, als würde er nach oben springen. Dann gehen wir wieder zum ersten Keyframe und verschieben Sie Ihren Charakter wieder nach oben, indem Sie zwischen der höchsten und der niedrigsten Position, also ist er irgendwo dazwischen. Wenn Sie jetzt spielen, sollte es so aussehen, als ob Ihre Charaktere tatsächlich auftreten und sich nach oben schieben, als würde es springen. Als nächstes kopieren Sie einfach den zweiten und den dritten Schlüsselrahmen und stellen Sie sicher, dass die Abstände gerade sind und fügen Sie es so ein, dass es Ihre Wiederholung hält und Ihr Alpaka sollte weiter auf und ab springen. Kopieren Sie das zweite und das dritte Schlüsselbild, und fügen Sie es in der Zeitleiste ein, um sicherzustellen, dass die Abstände gleichmäßig sind. Dies wird die Animation wiederholen, so dass Ihr Alpaka weiter auf und ab springt. Nun lassen Sie uns einfach von den Ebenen für das Alpaka und wählen Sie dann die Wolken und einen anderen Schlüsselrahmen aus und starten Sie damit die Timeline. Wechseln Sie dann in die Mitte der Timeline und erstellen Sie einen weiteren Keyframe und ziehen Sie alle Wolken aus dem Frame. Jetzt möchten Sie, dass das Timing ein bisschen anders ist, so dass es die Dinge interessanter macht und etwas mehr Tiefe hat. Wählen Sie dann die Objekte aus, die weiter entfernt sind oder in diesem Fall die kleineren Wolken und für die zweiten Keyframes Ziehen Sie sie einfach an das Ende der Timeline. Dadurch wird die Bewegung für die Objekte, die weiter entfernt sind, viel langsamer. Dann duplizieren Sie einfach Ihre Cloud-Layer und wählen Sie das Farbfeld, lassen Sie uns einfach die Ebenen ändern, um Farbe zuzuweisen , so dass wir zwischen den beiden Sätzen unterscheiden können. Schließen Sie einfach die Ebenen für den ersten Satz von Wolken, indem Sie erneut auf den Pfeil klicken, so dass wir nur die Keyframes für den zweiten Satz sehen. Wählen Sie dann das mittlere Schlüsselbild für alle Seitenebenen aus löschen Sie sie, und ziehen Sie die ersten Keyframes an das Ende der Timeline. Jetzt gehen Sie wieder in die Mitte der Timeline und ziehen Sie die Wolken nach links, so dass sie wieder hereinkommen und Ihre Wolken eine Schleife machen. Jetzt müssen wir das Timing wieder kompensieren. Wählen Sie die kleineren Wolken und in den mittleren Schlüsselbildern aus, um sie bis zum Anfang der Zeitachse zu veranschaulichen, sodass diese Geschwindigkeit so langsam ist wie der erste Satz. Wenn Sie nun Ihre Vorschau wiedergeben, können Sie sehen, dass die Wolken tatsächlich von Anfang bis Ende laufen. Sie nun sicher, dass sie sich außerhalb der Schattierungsebenen vollständig transparent sind. Sie können Ihre Alpaka-Ebenen oder eine Zeichen-Layer entsperren und einfach alle auswählen und mit der rechten Maustaste darauf klicken. Wählen Sie Pre-Compose aus. Wir benennen nur Alpaka-Pre-comp und klicken auf „OK“, damit diese Ihre Ebenen zusammenfassen und sicherstellen, dass die Schattierungen transparent und entsprechend den Beinen abgeschnitten sind . 10. Exportieren: Nachdem wir nun die Illustration animiert haben, lassen Sie uns die Datei einfach exportieren. Wechseln Sie zur oberen Menüleiste, und wählen Sie Zur Renderwarteschlange hinzufügen aus. Dann unter Ausgabemodul, klicken Sie auf den Pfeil und wir können eine neue Vorlage erstellen. Klicken Sie auf „Bearbeiten“, und stellen Sie sicher, dass das Format QuickTime ist. Wählen Sie unter Formatoptionen einfach Apple Prores 422 aus. Wir können den Ton ausschalten und „Okay“ drücken. Sie können diese Vorlage Prores 422 ohne Audio umbenennen. Vorlagen sind nützlich, da Sie sie für ein zukünftiges Projekt wieder verwenden können und Sie nichts verpassen werden. Wählen Sie dann Ihr Ausgabeziel aus. Für mich wäre es ein separater Ordner für meine Ausgaben. Stellen Sie sicher, dass Sie Ihre Version nur für den Fall benennen, dass Sie mehrere Versionen rendern müssen, und klicken Sie auf „Speichern“. Sobald Sie fertig sind, können Sie eine schnelle Überprüfung durchführen und die Schaltfläche „Rendern“ drücken. Sobald Sie die Render-Taste gedrückt haben, können Sie auf Photoshop klicken. unter der oberen Menüleistenebene Wechseln Sieunter der oberen Menüleistenebenezu Videoebenen und einer neuen Videoebene aus Datei. Wählen Sie dann Ihr Render-Video aus, und Sie können sehen, dass es sich um eine Video-Ebene handelt. wir einfach sicher, dass es unter der Aufwärtstaste steht und schalten Sie alles andere aus, was Sie nicht brauchen. Vergewissern Sie sich, dass sich die Videoebene in der Mitte befindet. Lassen Sie uns einfach die Timeline erweitern und sicherstellen, dass es fünf Sekunden ist, die gleiche wie Ihre Animator-Schleife. Wählen Sie einfach Ihre oben Taste drücken Sie Befehlshalt G, die die Gruppierung Ihrer Aufwärtstaste aufheben würde, und die obere Menüleiste wieder. Bearbeiten Sie Ihre Leinwandgröße und stellen Sie sicher, dass sie 1080 x 1080 Pixel hat. Sobald das erledigt ist, können wir es speichern, indem wir wieder in die obere Menüleiste gehen. Unter Exportieren speichern Sie für Web, und ein anderes Fenster wird angezeigt. Stellen Sie sicher, dass die zweite Option GIF lautet. unter „Looping-Optionen“ die Option „Für immer“ aus, damit Ihre Animation weiterhin laufend läuft. Klicken Sie auf „Speichern“ und wählen Sie erneut Ihr Ausgabeziel aus. Normalerweise speichere ich die endgültige Ausgabe in einem anderen Ordner und stelle sicher, dass Ihre Versionsnummer korrekt ist. Ich werde es einfach umbenennen und Alpaka hüpfen. Sie müssen nichts anderes ändern und einfach auf „Speichern“ klicken. Wenn Sie zu demselben Ordner gehen, sollten Sie ein eigenes animiertes GIF mit Schleife haben. 11. Vielen Dank: Danke, dass Sie die Lektionen befolgt haben. Wenn Sie es hilfreich gefunden haben, können Sie auch Ihre Projekte unter meiner Skillshare Klasse als Header Projekte und Ressourcen hinzufügen , wo es eine Schaltfläche namens Projekt erstellen. Klicken Sie einfach darauf und Sie können beginnen, Ihre Dateien hinzuzufügen und mit anderen Personen zu teilen, die entlang der Lektionen als auch verfolgt haben. Ich kann es kaum erwarten zu sehen, welche verschiedenen Charaktere und Interpretationen dieser Lektion Sie erstellen werden. Es gibt viele andere hilfreiche Kurse auf Skillshare als auch. Fühlen Sie sich frei, mehr von ihnen zu erkunden, einschließlich Klassen für Illustration und Motion Graphics.