Erstelle lebendige Collagenanimationen in Adobe After Effects mit Bewegungsgrafiken | Guillermo Ortega | Skillshare
Suchen

Playback-Geschwindigkeit


1.0x


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

Erstelle lebendige Collagenanimationen in Adobe After Effects mit Bewegungsgrafiken

teacher avatar Guillermo Ortega, Creative Director

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.

      Intro

      1:31

    • 2.

      PROJEKT

      0:41

    • 3.

      Bilder ausschneiden: handgemachter Look

      2:06

    • 4.

      Bilder ausschneiden: schneller und genauer

      3:36

    • 5.

      Vektordateien

      1:14

    • 6.

      Adobe After Effects

      2:05

    • 7.

      Unverzichtbare Tools

      1:46

    • 8.

      Grafiken mit Bewegung versehen

      5:11

    • 9.

      Animieren der Doodles

      1:59

    • 10.

      Figurenanimation

      2:49

    • 11.

      Wiggle-Animation

      1:45

    • 12.

      Stop-Motion-Effekt

      2:06

    • 13.

      Rendern

      1:09

    • 14.

      Schlussgedanken

      1:03

  • --
  • 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.

184

Teilnehmer:innen

7

Projekte

Über diesen Kurs

Dynamische Collagenanimationen mit Adobe After Effects erstellen: Stop-Motion-Look

Möchtest du atemberaubende Collagenanimationen mit Bewegungsgrafiken in After Effects erstellen? Begleite mich in diesem Kurs und lerne, wie du es einfach und schnell machst.

Das wirst du lernen:

Du lernst zunächst verschiedene Techniken zum Ausschneiden von Bildern in Adobe Photoshop. Danach sehen wir, wie wir unsere Designs in Adobe Illustrator organisieren, um effizient in After Effects zu arbeiten.

Dann tauchen wir in die Benutzeroberfläche von After Effects ein und lernen die wichtigsten Tools kennen.

Sobald das erledigt ist, beginnt der aufregendste Teil – die Designs zum Leben zu erwecken!

Du wirst lernen, wie man Keyframes erstellt, Expressions und Effekte hinzufügt und alles, was du brauchst, um lustige und professionelle Collage-Animationen zu erstellen.

Für wen ist dieser Kurs geeignet?

Dieser Kurs ist ideal für Illustratoren und Grafikdesigner, die lernen möchten, wie man erstaunliche Collagen-Animationen einfach und in kürzester Zeit erstellt.

Voraussetzungen:

Um diesen Kurs abzuschließen, musst du Adobe After Effects, Adobe Photoshop und Adobe Illustrator auf deinem PC installiert haben und vor allem den Wunsch haben, zu lernen.

Triff deine:n Kursleiter:in

Teacher Profile Image

Guillermo Ortega

Creative Director

Kursleiter:in

Hey! My name is Guillermo Ortega. I am the co-founder and creative director of Operary, a 2D animation studio with over 10 years of experience. Over the years, I have designed and animated hundreds of videos for companies worldwide such as Intel, Deloitte, Bayer, Porsche, Santander Bank and many more.

I love creating content and teaching animation, and I'm thrilled to share all my knowledge on Skillshare. If you're looking to quickly and easily learn how to make professional animations, you've come to the right place.

Here are some animated explainer videos I've worked on recently :)

Vollständiges Profil ansehen

Level: Beginner

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. Intro: Animation von Video Class bietet grenzenlose kreative Möglichkeiten , Emotionen hervorzurufen Vereinfachen Sie Konzepte und fördern Sie Ihr Publikum. Hallo, ich bin Gear Mortega, Mitbegründer des Animationsstudios Operati wo ich als Creative Director arbeite In den letzten zehn Jahren haben wir wunderschöne animierte Erklärvideos für Hunderte von Unternehmen weltweit produziert , darunter Intel, Deloit Beyer, Poors haben wir wunderschöne animierte Erklärvideos für Hunderte von Unternehmen weltweit produziert, darunter Intel, Deloit Beyer, Poors und viele mehr. In diesem Kurs werde ich Ihnen beibringen, wie Sie mit After Effects schnell und einfach Animationen für stehende Klassen erstellen schnell und einfach Animationen für stehende Klassen und Meine Lieblings-Animationssoftware. Sie lernen zunächst verschiedene Techniken zur Bearbeitung von Bildern in einem Rob Photoshop. Danach werden wir sehen, wie Sie Ihre Designs in einem B-Illustrator organisieren können, um effizient in Afterfx zu arbeiten Dann werden wir uns der Aftereffects-Oberfläche befassen und uns mit den wichtigsten Tools vertraut Man fängt mit dem aufregendsten Teil an, unsere Designs zum Leben erweckt Sie werden lernen, wie Sie die Frames mit Ausdrücken, Effekten und allem, was Sie brauchen, erstellen, um unterhaltsame und professionelle Collage-Animationen Sie können die Vtor-Dateien, die wir während des Kurses verwenden, herunterladen , sodass Sie den Anweisungen in Echtzeit folgen können, was es viel einfacher macht, das Gelernte anzuwenden Dieser Kurs ist ideal für Illustratoren und Grafikdesigner, die lernen möchten, wie man auf einfache Weise und in kürzester Zeit erstaunliche Kolossanimationen erstellt einfache Weise und in kürzester Zeit Schöpfen Sie Ihr Potenzial aus. Treten Sie jetzt bei. 2. PROJEKT: Hallo, für das Abschlussprojekt wirst du eine Klassenanimation von Grund auf neu erstellen und dabei alles anwenden, was du während des Kurses gelernt hast. Dieser Kurs ist leicht nachzuvollziehen. Um diesen Kurs abzuschließen, müssen Sie lediglich AOV After ef, AOB Photoshop und AV Illustrator auf Ihrem PC installiert Am Ende jeder Lektion werde ich einige Richtlinien geben Ich empfehle, sie zu befolgen, um die Ergebnisse dieses Kurses zu erzielen. Ich freue mich auf Ihre Fortschritte. Zögern Sie nicht, Ihre Arbeit in die Projektgalerie des Kurses hochzuladen . Wenn Sie Fragen haben, ich Ihnen gerne weiter. Ich hoffe es gefällt dir. 3. Bilder ausschneiden: handgemachter Look: Wenn Sie sich das Kursprojekt ansehen, werden Sie feststellen, dass es sowohl echte Bilder als auch Vektordesigns enthält sowohl echte Bilder als auch Vektordesigns Der Grund ist einfach. Ich wollte ein lustiges und modernes Design kreieren indem ich verschiedene Arten von Inhalten mischte. In dieser Lektion lernen wir, wie man Bilder einfach und schnell zuschneidet. Zuerst müssen wir das Bild herunterladen, das wir zuschneiden möchten. Sie können es kostenlos von Websites wie Free Pick, Pixabay oder Pexels Wenn Sie möchten, können Sie auch ein Bild mit künstlicher Intelligenz erstellen künstlicher Intelligenz Nachdem wir das Bild heruntergeladen haben, öffnen wir es mit Adobe Photoshop. Es gibt verschiedene Möglichkeiten , das Bild zuzuschneiden. Diese Methode ist ideal für diejenigen , die einen unvollkommenen handgefertigten Look wünschen Wir entsperren zunächst die Ebene, indem wir auf das Schlosssymbol klicken Wenn die Ebene ausgewählt ist, wählen wir das polygonale Wenn wir dann auf das Bild klicken, fangen wir an, es zuzuschneiden. Wir streben keinen präzisen Zuschnitt da wir eine animierte Collage erstellen Das Ziel ist es, einen visuellen Effekt zu erzielen als wäre es mit einer Schere von Hand geschnitten worden Doppelklicken Sie, um die Auswahl zu schließen. Wenn wir Teile der Auswahl entfernen möchten, gehen wir zu den Auswahloptionen und wählen Von Auswahl subtrahieren Dann wählen wir den Teil aus, den wir entfernen möchten. Sobald die Auswahl abgeschlossen ist, verwenden wir die Tastenkombination oder den Befehl J auf dem Mac, um eine neue Ebene mit dem zugeschnittenen Teil zu erstellen Wenn wir die Ebene darunter deaktivieren, können wir unsere Auswahl sehen So einfach ist das. 4. Bilder ausschneiden: schneller und genauer: Ordnung. Gehen wir nun zu Methode Nummer zwei über. Diese Methode ist viel schneller und genauer, aber denken Sie daran, dass wir bei der Erstellung einer Collage nicht immer präzise sein müssen bei der Erstellung einer Collage nicht immer präzise sein Es ist wichtig, die erste Methode zu kennen. Löschen Sie zunächst die oberste Ebene und reaktivieren Sie das Originalbild Wir können den Zuschnitt auf zwei verschiedene Arten anwenden. In den neuesten Versionen von Photoshop bei der Auswahl der Ebene ein Menü angezeigt, in dem Sie das Motiv automatisch auswählen können. Sie können in nur wenigen Sekunden einen präzisen Zuschnitt erzielen. Okay, ich werde das Bild abwählen. Die andere Möglichkeit besteht darin, das Objektauswahlwerkzeug zu verwenden. Mit diesem Werkzeug können Sie ein Rechteck um das Objekt zeichnen und dabei die gleiche Präzision wie zuvor erreichen. Es funktioniert auch bei Bildern mit komplexen Hintergründen gut. Sobald Sie die Auswahl angewendet haben, sehen Sie die Auswahl und die Maske. Option oben rechts. Von hier aus können Sie auf viele Optionen zugreifen , um Ihre Auswahl zu verfeinern. Ich erhalte eine Benachrichtigung über eine neue Photoshop-Version. Ich werde es später aktualisieren, damit es uns nicht stört. Von hier aus können Sie die Deckkraft der Auswahl vor dem Hintergrund anpassen , was sehr nützlich ist, wenn mit komplexen Hintergründen arbeiten Sie können auch den Anzeigemodus ändern. Normalerweise verwende ich die Overlay-Option, aber Sie können gerne auch andere ausprobieren Auf der linken Seite befinden sich verschiedene Tools zum Hinzufügen oder Entfernen von Elementen oder Pixeln zur Auswahl Sie können beispielsweise das Design vergrößern und mit dem polygonalen Lasso-Werkzeug Teile zur Auswahl hinzufügen Sie können auch Teile entfernen so wie wir es in der vorherigen Lektion getan haben Verkleinern wir die Ansicht etwas , um zu sehen, wie es aussieht. Auf der rechten Seite können Sie verschiedene Einstellungen anpassen , um das Endergebnis zu verbessern. In diesem Fall ist dies jedoch nicht erforderlich, da wir für die Erstellung einer animierten Collage keinen perfekten Zuschnitt benötigen für die Erstellung einer animierten Collage Also lassen wir es so wie es ist und klicken. Okay, wie in der vorherigen Lektion verwenden wir die Tastenkombination Control J oder Command J auf dem MAC, um mit unserer Auswahl eine neue Ebene zu erstellen. Wenn wir die Ebene darunter deaktivieren, können wir das zugeschnittene Bild ohne Hintergrund sehen. Lassen Sie uns nun ein neues Dokument in der gleichen Größe erstellen , wie es die Animation später machen wird. Erstellen Sie ein Dokument mit 1920 x 1080 Pixeln und einer Auflösung von 72 Pixeln pro Zoll. Benennen Sie das Dokument und klicken Sie auf Erstellen. Hab ich vergessen. Sehr wichtig. Im Hintergrundinhalt müssen Sie transparent auswählen. Kehren Sie als Nächstes zum vorherigen Dokument zurück und ziehen Sie das zugeschnittene Bild mit dem Auswahlwerkzeug in das neue Dokument mit dem Auswahlwerkzeug in das Mit der Tastenkombination Strg T. Sie können die Größe des Bilds ändern, indem Sie es aus den Ecken ziehen Aber es gibt einen schnelleren Weg. Über das Hauptmenü können Sie das Bild verkleinern. Zum Beispiel werde ich die Größe auf 30% ändern und es wie gewünscht positionieren Jetzt bist du dran. Ich empfehle Ihnen, ein beliebiges Bild herunterzuladen, egal ob es sich um eine Person, ein Tier, ein Gebäude oder etwas anderes handelt, das Ihnen gefällt, und zu versuchen, es mit einer der beiden Methoden zuzuschneiden , die wir im Kurs behandelt haben 5. Vektordateien: Hallo, in dieser Lektion. Wir werden unsere Vektordesigns so vorbereiten, sie in After Effects effizient animiert Ich habe Adobe Illustrator verwendet , um das Design zu erstellen. Sie können die Illustrator-Datei aus Projekten und Ressourcen herunterladen aus Projekten und Die Organisation ist in der Animation von grundlegender Bedeutung. Dies wird unsere Arbeit in After Effects effizienter machen und uns helfen, schneller zu arbeiten. Wenn wir das Ebenenbedienfeld öffnen, können wir sehen, wie wir unser Design getrennt haben. Die Idee ist, alle Elemente, die wir animieren werden , in Ebenen zu Auch wenn die Kreise in unserer endgültigen Animation in den Ecken platziert werden , wir sie in die Leinwand ein, um zu verhindern, dass sie bei der Animation abgeschnitten werden Wir werden sie später in After Effects korrekt positionieren. Es ist auch wichtig, dass die Doodles mit einem einfachen Strich erstellt werden , damit Sie an der Animation arbeiten können, die Sie später erstellen werden Wenn wir mit der Animation beginnen, werden Sie besser verstehen, warum wir alle Elemente durch Ebenen trennen müssen alle Elemente durch Ebenen trennen müssen 6. Adobe After Effects: Bevor wir mit der Animation der Projekte beginnen, wollen wir uns mit der After Effects-Oberfläche vertraut machen Der erste Schritt besteht darin, eine neue Komposition zu erstellen. Gehen Sie also zur Komposition, zur neuen Komposition. Öffne eine neue Komposition im Format 1920 x 1080, mit 24 Bildern, gib ihr 10 Sekunden Zeit und gib ihr einen Namen. Als zweiten Schritt importieren wir unser A illustriertes Design, um eine Datei zu importieren, gehen wir zu Datei, Import, Datei. Wenn wir in der Option Import als eine Datei mit mehreren Ebenen importieren, müssen wir die Option Komposition und Ebenengrößen beibehalten auswählen. Wie Sie sehen können, wurden eine Komposition und ein Ordner mit Ebenen erstellt. Wir werden an der Komposition arbeiten. Ziehen Sie zunächst die importierte Komposition in die Hauptkomposition. Werfen wir einen kurzen Blick auf die After Effects-Oberfläche. Das Panel, in dem Sie das Design sehen, ist das Viewport. Dieses Panel zeigt die Ergebnisse unserer Designs und Animationen Unten sehen wir das Zeitleistenfenster. In diesem Bereich werden wir mehr Zeit damit verbringen , unsere Animationen zu erstellen. Von hier aus können wir die Transformationseigenschaften der Ebene einfach ändern . Mit den neuen After Effects-Updates bei der Auswahl einer Ebene automatisch ein neues Bedienfeld mit dem Namen Eigenschaften angezeigt. Ich werde es etwas vergrößern, damit Sie es besser sehen können. In diesem Bereich können wir von einem einzigen Bedienfeld aus auf die verschiedenen Konfigurationen der Ebene zugreifen von einem einzigen Bedienfeld aus auf die verschiedenen Konfigurationen . Wenn Sie die neuesten Updates installiert haben und dieses Fenster nicht sehen können, können Sie es über die Windows-Eigenschaften öffnen. Aber mach dir keine Sorgen. Sie benötigen dieses Panel nicht, um dem Kurs zu folgen. Wenn wir nach links schauen, sehen wir das Projektfenster, in dem alle von uns erstellten Kompositionen und alle von uns importierten Dateien angezeigt werden. Und oben finden wir die wichtigsten Tools. 7. Unverzichtbare Tools: In dieser Lektion werden wir uns die wichtigsten Tools ansehen, die wir während des Kurses verwenden werden. Doppelklicken wir, um Komposition der Collagen-Animation aufzurufen, und ich zeige Ihnen, wie die verschiedenen Tools funktionieren Das Auswahlwerkzeug ermöglicht es uns, Elemente auszuwählen und zu verschieben und ihre Größe zu ändern Wenn wir beim Anpassen der Größe die Umschalttaste gedrückt halten , bleiben die Proportionen erhalten. dem Handwerkzeug können wir im Kompositionsfenster navigieren. Mit dem Zoom-Werkzeug können wir das Bild vergrößern oder verkleinern. Durch Klicken wird die Ansicht vergrößert und wenn Sie beim Klicken die Out-Taste gedrückt halten , wird die Ansicht verkleinert dem Drehwerkzeug können wir die ausgewählten Objekte um ihren Ankerpunkt drehen die ausgewählten Objekte um ihren Ankerpunkt Wir können die Position der Ankerpunkte mit dem Werkzeug „ Schwenken hinter“ ändern . Beachten Sie, dass sich die Drehung je nachdem, wo sich der Ankerpunkt befindet, unterschiedlich verhält je nachdem, wo sich der Ankerpunkt befindet, unterschiedlich . Sehen wir uns nun an, wie Sie mit einem Tastendruck auf die wichtigsten Tools zugreifen können. Drücken Sie V für das Auswahlwerkzeug, halten Sie die Leertaste für das Handwerkzeug, Z für das Zoom-Werkzeug, für das Rotationswerkzeug und Y für das Pan-Hinter-Werkzeug gedrückt. Bevor wir fortfahren, speichern wir unser Projekt. Gehen Sie zur Datei, speichern Sie und speichern Sie Ihr Projekt einfach am gewünschten Ort. 8. Grafiken mit Bewegung versehen: Fangen wir mit dem aufregendsten Teil an. unsere Illustration zum Leben zu erwecken, importieren wir die Photoshop-Datei und ziehen sie über die anderen Designs. In diesem Fall handelt es sich um ein Design mit einer einzigen Ebene, sodass wir es als Filmmaterial importieren können. im Popup-Fenster Klicken Sie im Popup-Fenster darauf und ziehen Sie es über die restlichen Ebenen. Ich habe beschlossen, ein anderes Bild als das, das wir zuvor ausgewählt haben, zu verwenden . Obwohl es ähnlich ist, bevorzuge ich in diesem Fall die Pose der Arme, weil sie vom Körper getrennt sind. Um bequemer arbeiten zu können, ziehe ich die Kreise direkt unter dem tanzenden Mädchen und dem Dreieck. Wenn Sie mehrere aufeinanderfolgende Ebenen auswählen möchten, wählen Sie die erste aus, halten Sie die Umschalttaste gedrückt, und wählen Sie dann die letzte aus. Wenn Sie mehrere Ebenen auswählen möchten , die nicht aufeinander folgen, halten Sie die Strg-Taste gedrückt. Klicken Sie für diese vier Ebenen auf die Solo-Option , damit die restlichen Ebenen vorerst verschwinden. Wie wir gesehen haben, wählen wir nun das glückliche Mädchen, das Dreieck und die beiden Kreise aus. Drücken Sie die Taste, um die Positionseigenschaft zu öffnen, und wechseln Sie zur zweiten Position auf der Timeline. Sie können den Zeitzähler hier sehen und auf das Stoppuhrsymbol klicken , um ein Schlüsselbild zu erstellen Keyframes sind Zeitmarkierungen, anhand derer Sie in After Effects angeben können, wo Sie den Wert für eine Ebene ändern möchten den Wert für eine Ebene ändern Positionieren Sie das Mädchen und das Dreieck in der Mitte des Bildschirms und platzieren Sie die Kreise in den Ecken. Gehen Sie dann zurück zum Anfang der Timeline und verschieben Sie alle Ebenen. Bewege das Mädchen vom Bildschirm nach unten, das Dreieck nach oben, vom Bildschirm weg und die Kreise zu den Ecken. Durch Verschieben dieser Elemente wird am Anfang der Timeline automatisch ein Keyframe erstellt Wenn Sie mit der Nulltaste auf dem Ziffernblock eine Vorschau anzeigen, haben Sie Ihre erste Animation erstellt Sie müssen After Effects nur mitteilen, wo die Animation beginnt, wo sie endet und zu Effects nur mitteilen, wo die Animation beginnt, welchem Zeitpunkt Aber die Bewegung ist momentan zu abrupt. Um dieses Problem zu beheben, wählen Sie alle Keyframes aus, klicken Sie mit der rechten Maustaste und wählen Sie den Keyframe-Assistenten Einfach und einfach. Wenn Sie es erneut in der Vorschau anzeigen, sieht es jetzt viel flüssiger Gehen Sie als Nächstes zu den zweiten drei und erstellen Sie einen weiteren Keyframe für das Mädchen und das Dreieck Um einen neuen Keyframe zu erstellen, ohne die Ebenenwerte zu ändern, klicken Sie hier Gehen Sie 1 Sekunde vorwärts, wählen Sie beide Ebenen aus und verschieben Sie sie nach rechts Jetzt können wir die Solo-Option ausschalten , um die anderen Ebenen zu sehen. bei den zweiten vier, die mit den zuletzt erstellten Keyframes übereinstimmen, Wählen Sie bei den zweiten vier, die mit den zuletzt erstellten Keyframes übereinstimmen, die Wolke und die Sonne Drücken Sie P, um die Positionseigenschaft zu öffnen und klicken Sie auf die Stoppuhr , um einen Keyframe zu erstellen Gehen Sie 1 Sekunde zurück und entfernen Sie sie vom Bildschirm. Bitte machen Sie dasselbe mit den Schildern. Aber dieses Mal brauchen wir einen zusätzlichen Schritt. Beachten Sie, dass jedes Schild aus zwei Schichten besteht. Das Schild mit dem Deck und der gelben Hintergrundebene. Wir möchten, dass die gelbe Hintergrundebene der Bewegung des Schildes folgt. also in der Option Übergeordnetes Element und Verknüpfung die Collagen-Hintergrundebene mit der Collagenebene und die Animationshintergrundebene der Animationsebene Wenn wir nun die Zeichen verschieben, folgen die Hintergrundebenen Wählen Sie die beiden Zeichen aus und öffnen Sie die Positionseigenschaft. Sie bei den zweiten vier Animationen, die sich Erstellen Sie bei den zweiten vier Animationen, die sich an den anderen Animationen orientieren, ein Schlüsselbild Gehen Sie eine Sekunde zurück, bewegen Sie das Collage-Zeichen vom Bildschirm weg und platzieren Sie das Animationszeichen hinter dem Dreieck Wählen Sie die Schlüsselbilder aus und lassen Sie die Bewegung mit der Taste F Nine sanft wirken Schauen wir uns an, wie es läuft. Perfekt. Ich möchte nicht, dass das Animationszeichen von Anfang an sichtbar ist. Um dieses Problem zu beheben, ziehen Sie den linken Rand der Ebenen bis zu dem Punkt, an dem die Animation beginnt, d. h. an den zweiten drei. Und wir sehen uns noch einmal eine Vorschau an. In der nächsten Lektion werden wir unser Projekt weiter zum Leben erwecken. 9. Animieren der Doodles: Lassen Sie uns das Scribble weiter animieren. Um die Animation zu erstellen, müssen wir die eine Ebene des Doodle in eine Formebene umwandeln eine Formebene umwandeln Klicken Sie dazu mit der rechten Maustaste auf die Ebene, erstellen Sie Formen aus der Vektorebene Gehen Sie als Nächstes zu den Optionen für die Formebene. Klicken Sie auf Hinzufügen und Anwenden von Trimmpfaden. Erstellen Sie einen Keyframe für Ende und Anfang und setzen Sie deren Werte auf Null Gehen Sie etwa 1,5 Sekunden vorwärts und erhöhen Sie den Wert auf 100% Verschieben Sie dann die zu Beginn angewendeten Keyframes , um den gewünschten Effekt zu erzielen Wählen Sie alle Keyframes aus, klicken Sie mit der rechten Maustaste und wenden Sie einfache Es an, um die Bewegung zu glätten In der Vorschau sehen Sie unser animiertes Doodle. Wir möchten , dass die Animation zweimal abgespielt also duplizieren Sie die Ebene mit Control D und verschieben Sie sie in der Timeline Wählen Sie dann beide Ebenen aus und duplizieren Sie sie mit Strg D oder Befehl D auf dem Mac. Ziehe sie über die anderen Formebenen und verschiebe sie in die untere rechte Ecke. Verschiebe außerdem ihr Timing, um Überschneidungen mit den Animationen der anderen beiden Doodles zu vermeiden Überschneidungen mit den Animationen der anderen beiden Doodles Zum Abschluss werden wir die Doodle-Two-Ebene, die wir als Referenz hatten, deaktivieren Doodle-Two-Ebene, die wir als Referenz hatten, Lassen Sie uns noch einmal eine Vorschau anzeigen. Großartig. 10. Figurenanimation: In dieser Lektion lernen wir auf einfache Weise, das Bild eines tanzenden Mädchens zu animieren Um unseren Charakter schnell und einfach zu animieren, verwenden wir das Puppet Wenn die Ebene ausgewählt ist, klicken Sie auf das Puppenstiftwerkzeug und platzieren Sie Stecknadeln an verschiedenen strategischen Punkten Versuche, nicht zu viele Stecknadeln zu erstellen , um die Animation natürlicher zu gestalten In diesem Fall haben wir eine Stecknadel am Becken, an den Armgelenken und an der Oberseite des Kopfes angebracht an den Armgelenken und an der Oberseite des Kopfes Wenn Sie diese Marionetten-Pins erstellen, wird automatisch ein Keyframe generiert Wenn Sie die Ebene auswählen und die Taste drücken, können Sie diese Keyframes sehen Ich vergrößere dieses Fenster ein wenig und wähle und lösche nun die Keyframes Großartig. Jetzt ist unser Charakter bereit, animiert zu werden. Über die Option „Verformen“ können wir die von uns erstellten Marionetten-Pins auswählen Wenn Sie den Stift auswählen, wird er gelb. Wir möchten alle Punkte außer diesen beiden animieren. Um sie schnell zu animieren, wenden wir einen einfachen Halten Sie die alte Taste gedrückt und klicken Sie auf die Stoppuhr. Geben Sie dann den Code ein, den Sie auf dem Bildschirm sehen. Mit diesem Code weisen wir After Effects an, zufällige Bewegungen zu erzeugen. In diesem Fall haben wir es so eingestellt, dass es sich mit einer Frequenz von zwei und einer Amplitude von 15 Pixeln bewegt . Sehen wir uns eine Vorschau an. Sie können diese Werte nach Belieben anpassen. Kopieren Sie den Ausdruck nach der Anwendung mit einem Rechtsklick. Fügen Sie es dann mit Strg V oder Befehl V auf dem Mac in alle Marionettenpins ein, an denen Sie eine Animation erstellen möchten . So einfach ist das Denken Sie daran, dass wir zu diesem Zeitpunkt keine Animation erstellen möchten. Fahren Sie also mit dem nächsten Marionetten-Pin fort Wählen Sie einfach den Ausdruck aus und fügen Sie ihn ein. Wenn wir nun eine Vorschau von Oi für die Marionettennadeln an den Handgelenken anzeigen, können wir die Amplitude der Bewegungen erhöhen , um sie etwas übertriebener wirken zu lassen Erhöhen wir zum Beispiel die Amplitude auf 30. Und mach dasselbe mit dem anderen Handgelenk. Schauen wir uns das noch einmal an. In der nächsten Lektion werden wir unsere Animation weiter verbessern. 11. Wiggle-Animation: In dieser Lektion werden wir das Aussehen unserer Animation weiter verbessern Öffnen Sie die Position des Dreiecks und geben Sie denselben Ausdruck wie in der vorherigen Lektion ein. Denken Sie daran, um einen Ausdruck zu erstellen, gedrückter alter Taste auf die Stoppuhr klicken und den Ausdruck eingeben Um den Vorgang zu beschleunigen, klicken Sie jetzt mit der rechten Maustaste, um den Ausdruck zu kopieren Wählen Sie die restlichen Ebenen mit Ausnahme der Hintergrundebene aus und fügen Sie die Expression mit Strg V ein. Denken Sie daran, mehrere Ebenen gleichzeitig auszuwählen, halten Sie die Umschalttaste gedrückt. Mal sehen, wie es aussieht. Jetzt müssen wir nur noch die Rotation animieren. Gehe zur Dreiecksebene und erstelle einen Ausdruck für ihre Drehung Reduzieren Sie diesmal jedoch die Amplitude auf zwei, damit die Bewegung nicht zu übertrieben wird Klicken Sie erneut mit der rechten Maustaste, um den Ausdruck zu kopieren. Wählen Sie die restlichen Ebenen mit Ausnahme der Hintergrundebene aus und fügen Sie den Ausdruck mit Steuerung V ein. Wenn wir eine Vorschau anzeigen, haben wir ihn. Das Projekt sieht toll aus. Wir müssen nur den letzten Schliff hinzufügen, um den angestrebten Stop-Motion-Effekt zu erzielen. 12. Stop-Motion-Effekt: In dieser Lektion werden wir unserer Animation den letzten Schliff geben . Beginnen wir damit, unserer Animation etwas Rauschen hinzuzufügen, um ihr einen Vintage-Look zu verleihen. Lassen Sie uns zunächst eine Einstellungsebene erstellen. Gehen Sie zur Ebene, zur neuen Einstellungsebene und stellen Sie sicher, dass Sie sie über den anderen Ebenen platzieren. Einstellungsebenen werden verwendet , wenn Sie Effekte auf mehrere Ebenen anwenden möchten , ohne den Effekt jedem Clip einzeln hinzuzufügen . bei ausgewählter Einstellungsebene Sie bei ausgewählter Einstellungsebene die Optionen Rauschen und Körnung der Effekte aus und wählen Sie Rauschen aus. Wir können einen Geräuschpegel von etwa 7% anwenden. D. Als Nächstes, um den Stop-Motion-Effekt zu erzielen. Wenn die Ebene ausgewählt ist, gehen Sie zu Effekte, T, Zeit posterisieren Stellen Sie die Bildrate auf sechs ein. Das bedeutet, dass sich die Animation sechsmal pro Sekunde bewegt , statt wie ursprünglich 24 Mal. Sehen wir uns eine Vorschau an, um zu sehen, wie es aussieht. Großartig. Durch die Reduzierung der Bildrate verleihen wir dem Bild ein lustigeres, stopperes, bewegungsähnliches Aussehen. Zum Abschluss passen wir die Farben unseres Tänzers an. Wenn die Ebene ausgewählt ist, gehen Sie zu Effekte, Farbkorrektur und wählen Sie den Farbsättigungseffekt aus. Sie können den Master-Farbtonwert nach Ihren Wünschen ändern und den Sättigungswert reduzieren , um ihm ein Vintage-Look zu verleihen Und wenn wir eine Vorschau von Voila anzeigen. Unsere wundervolle Animation kann jetzt exportiert und mit allen geteilt 13. Rendern: Jetzt, da wir unsere Projekte fertig haben, können wir sie exportieren. Dazu gehen wir zur Komposition und wählen Zu Adobe Media Encoda hinzufügen Media Encode hilft uns, Projekte effizienter zu exportieren. Zuerst wählen wir den Codec aus. In diesem Fall werden wir h264 verwenden. Es exportiert das Video in MP Four, dem am häufigsten verwendeten Format für das Web In Bezug auf die Ausgabeauflösung können wir die Option „Quelle anpassen“, „ Hohe“ oder „Mittlere Bitrate“ wählen , um Fehler zu vermeiden , und die Datei in derselben Größe exportieren , in der wir an dem Projekt gearbeitet haben. Schließlich wählen wir den Speicherort aus, an den wir das Video exportieren möchten, und geben der Datei einen Namen. Um fertig zu werden, klicken Sie hier auf die Play-Schaltfläche. Und damit wäre alles bereit. Sobald der Vorgang abgeschlossen ist, können Sie Ihr Video öffnen und es in Ihren sozialen Netzwerken teilen. 14. Schlussgedanken: Ich möchte Ihnen zum Abschluss dieses Kurses gratulieren. In diesen Lektionen haben Sie eine Menge Dinge gelernt. Schneide Bilder in einem Obi-Photoshop aus. Bereiten Sie Ihre Designs in einem Roby-Illustrator vor. Er erklärt die After Effects, die Funktionen der Benutzeroberfläche, die wichtigsten Tools, erstellt Animationen, wendet Ausdrücke und Effekte an und gibt einige Tipps, um Ihren Arbeitsprozess zu beschleunigen Und das alles in etwas mehr als 3 Minuten des Kurses. Jetzt ist der perfekte Zeitpunkt, um alles, was Sie während des Kurses gelernt haben, anzuwenden , indem Sie eine Klassenanimation von Grund auf neu erstellen . Sie können die Kursdateien verwenden oder Ihre Designs animieren. Mach weiter und lade deine Projekte in die Kursprojektgalerie hoch und markiere mich in deinem Instagram-Beitrag Ich schätze deine Meinung sehr. Wenn dir der Kurs gefällt, hinterlasse mir bitte eine Bewertung. Ich wäre sehr dankbar. Viel Spaß beim Lernen.