Der einfachste Kurs zu Motion-Design aller Zeiten – eine perfekte Einführung in Adobe After Effects | Tyler Bennett | Skillshare

Playback-Geschwindigkeit


1.0x


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

Der einfachste Kurs zu Motion-Design aller Zeiten – eine perfekte Einführung in Adobe After Effects

teacher avatar Tyler Bennett, Motion Graphics Designer & Photographer

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

      0:22

    • 2.

      Erste Schritte und Kursprojekt

      0:20

    • 3.

      Einführung in Adobe After Effects

      17:24

    • 4.

      Erstellen eines Comp und Erstellen des Kreises

      2:27

    • 5.

      Animieren des Trimmpfads und Erstellen des Schattens

      2:39

    • 6.

      Textanimation und Verfeinern des Ladekreises

      2:52

    • 7.

      Animation in Looping drehen und exportieren

      3:19

    • 8.

      Outro & Glückwunsch

      0:29

    • 9.

      Bonuslektion - Exportieren ohne Hintergrund

      1:32

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

17

Teilnehmer:innen

3

Projekte

Über diesen Kurs

Dies ist der einfachste Kurs zu Bewegung Grafik, den ich bisher gemacht habe. Dieser Kurs für Anfänger ist eine großartige Einführung in Adobe After Effects. Sie lernen einige grundlegende Animationstechniken sowie einige Tipps und Tricks kennen, die Ihnen den Einstieg in Bewegung Grafiken erleichtern.

In diesem Kurs lernst du:

  • Allgemeine Übersicht über die Adobe After Effects-Software
  • Animieren mit den Eigenschaften Position, Drehung, Skalierung und Deckkraft
  • Animieren einer Linie mit einem "Trimmpfad"
  • Verwenden des Schriftart Tools
  • So erstellen Sie einen Pre-Comp
  • Verwenden eines Ausdrucks
  • So führen Sie einen Loop aus und exportieren Sie Ihre Animation zur Freigabe in der Projekt-Galerie

Du schaffst Folgendes:

  • Gemeinsam erstellen wir eine Animation des Ladeinstruments

Adobe, After Effects und Media Encoder sind eingetragene Marken oder Marken von Adobe Systems Incorporated in den USA und/oder anderen Ländern.

Triff deine:n Kursleiter:in

Teacher Profile Image

Tyler Bennett

Motion Graphics Designer & Photographer

Kursleiter:in

Hello, I'm Tyler. I'm a motion designer & photographer based in Ottawa, Canada. I make simple and easy to follow classes for beginners.

You can find me at tylerbennettvideo.com/

Connect with me at @tytyttheguy or @learnmotionwithty

or on YouTube: @tylerbennett3601

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. Einführung: Hallo und willkommen zum einfachsten Animations-Kurs , den du je besucht hast. Ich werde Ihnen zunächst eine einfache Einführung in Adobe After Effects geben und Ihnen dann zeigen, wie Sie diese Ladesymbolanimation erstellen. Ich kann es kaum erwarten, die Animationen zu sehen, die Sie erstellen. 2. Erste Schritte und Kursprojekt: Für diesen Kurs benötigen Sie Adobe After Effects, Adobe Media Encoder Export Das Klassenprojekt besteht darin, dem Beispiel zu folgen und Ihre eigene Ladesymbolanimation zu erstellen Eine fertige Version der Projektdatei finden Sie auf der Projekt- und Ressourcenseite. Vergessen Sie nicht, Ihr Projekt in der Projektgalerie zu veröffentlichen. 3. Einführung in Adobe After Effects: Hallo, und willkommen zum Teil mit der Einführung in After Effects in diesem Kurs. Ich möchte klarstellen , dass die Erstellung dieses Teils der Lektion für das Klassenprojekt nicht unbedingt erforderlich ist. Wenn Sie zum ersten Mal mit Adobe After Effects arbeiten, empfehle ich Ihnen wirklich, sich diese Lektion vollständig anzusehen, bevor Sie mit der Animation beginnen Wenn Sie sich diese Lektion dann vollständig angesehen haben, erstellen wir gemeinsam unser Klassenprojekt Damit Ihr Bildschirm wie mein Bildschirm aussieht, können Sie zu Fenster, Arbeitsbereich wechseln und Standard auswählen. Jetzt können wir auf die Schaltfläche „ Neue Komposition“ klicken , um unsere Kompositionseinstellungen aufzurufen. In diesem Feld können wir einen Namen für unsere Komposition wählen. Ich tippe Main ein. Und für die Zwecke dieser Übung werde ich ein Preset wählen. Ich wähle Social Media Landscape HD. Dadurch erhalten wir eine Breite von 1920 und eine Höhe von 1080, Bildrate von 30. Für die Dauer werde ich 500 Frames wählen. Beachten Sie auch, dass Ihre Anzeigeeinstellungen möglicherweise als Timecode statt als Frames angezeigt werden. Um dies zu ändern, müssen Sie lediglich die Datei, die Projekteinstellungen und den Zeitanzeigestil aufrufen. Ich bevorzuge die Denkweise als Rahmen, aber das zu ändern ist für das Klassenprojekt nicht notwendig In diesem Feld können wir eine Hintergrundfarbe wählen. Ich bleibe bei einem weißen Hintergrund. Wir können auf Okay klicken und wir gehen zu unserer neuen Komposition über. Jetzt, wo wir uns in unserer neuen Komposition befinden, können wir zum oberen Bildschirmrand gehen, und auf diesem Symbol finden können wir zum oberen Bildschirmrand gehen, und auf diesem Symbol finden wir unsere Formwerkzeuge. Wenn Sie darauf klicken, sehen Sie eine ganze Liste von Formen , die Sie erstellen können. Für diese Demonstration wähle ich das Rechteckwerkzeug aus. Jetzt halte ich in unserem Kompositionsfenster die Umschalttaste gedrückt und ziehe mit der Maus, um ein perfektes Quadrat zu erstellen. Jetzt gehen wir zu unserem Ebenenfenster , wo wir unsere neue Ebene auswählen und die Eingabetaste drücken können , um ihr einen Namen zu geben. Ich werde meinen Platz eins nennen. Wenn unsere Ebene ausgewählt ist, gehen wir zum oberen Bildschirmrand und klicken auf dieses Symbol, um das Pan Behind Tool aufzurufen . Mit diesem Tool können wir unseren Ankerpunkt auf unserer Ebene ändern. Und was der Ankerpunkt ist, ist im Grunde ein Punkt auf unserer Ebene, von dem aus unsere Ebene animiert wird Dies wird später sinnvoller sein, wenn Sie zu Animieren wechseln. Hier ist ein kurzer Tipp zum Zentrieren Ihres Ankerpunkts. Wenn du das Ausrichten aktiviert hast, wird es dir leichter fallen , deinen Ankerpunkt in der Mitte oder an den Seiten deines Objekts zu deinen Ankerpunkt in der Mitte oder an den Seiten deines Ich gebe ein Beispiel, indem ich die Rotationseigenschaft aufrufe , indem ich R drücke . Und wie Sie sehen können, dreht sich das Quadrat, wenn wir es drehen , von der Mitte der Ebene aus , weil sich dort unser Ankerpunkt Ich mache das mit Strg Z rückgängig. Jetzt rufe ich die Position auf, indem ich die Taste P Wir können das Quadrat mithilfe der X-Achse oder der Y-Achse verschieben , indem wir diese Zahlen ziehen Alternativ können Sie das Quadrat mit der Maus ziehen. Ich drücke Strg Z, um das rückgängig zu machen. Jetzt werde ich unsere quadratische Ebene mit Control D duplizieren . Ich verschiebe ihre Y-Position. Ich werde das nochmal machen. Bewege es mit der Y-Position nach unten. Ein drittes Mal duplizieren. Nochmals, wir werden es verschieben. Jetzt haben wir also vier Quadrate. Ich werde sie nur ein bisschen besser verteilen. Es muss nicht perfekt sein, aber ich möchte, dass es gut aussieht. Jetzt, wo wir vier Quadrate angezeigt haben, werde ich Ihnen zeigen, wie Sie beim Animieren vorgehen würden Aber zuerst werde ich die Ebenen neu anordnen, sodass sie in der Reihenfolge eins bis vier angeordnet sind Da haben wir's. Also, wie würden wir beim Animieren vorgehen? Nun, zunächst wollen wir sicherstellen, dass sich unser Abspielkopf am Anfang unserer Timeline befindet Hier drüben findest du deinen Abspielkopf. Und hier findest du Timeline, auf welcher Frame-Nummer du dich befindest Jetzt können wir alle unsere Ebenen im Ebenenfenster auswählen und diese Stoppuhren drücken Dadurch werden Keyframes auf unserer Timeline platziert. Jetzt können wir unseren Abspielkopf auf der Timeline ziehen , um ihn zu bewegen Wir wechseln zu vielleicht 30 Bildern auf der Timeline, was genau 1 Sekunde entspricht Und wir können die Shift-Taste gedrückt halten , während wir unsere Boxen ziehen. Dies wird uns helfen, sie in einer geraden Linie zu ziehen. Wir ziehen sie auf die andere Seite des Bildschirms, vielleicht bis hierher. Und wie Sie sehen können, werden dadurch automatisch neue Keyframes auf der Timeline platziert automatisch neue Keyframes auf der Timeline Ich werde meinen Vorschaubereich verkleinern indem ich N auf der Tastatur drücke Alternativ können Sie auch einfach das Ende Ihres Vorschaubereichs ziehen Wir werden später in der Exportstunde mehr über den Arbeitsbereich erfahren . Und jetzt drücken wir die Leertaste , um eine Vorschau unserer Animation anzuzeigen. Indem Sie unsere Keyframes auswählen und die Taste F 9 drücken, wird das, wie wir es nennen, leicht gemacht Und was wirklich einfach ist, ist, dass es unseren Keyframes automatisch eine Animation mit gleichmäßigem und gleichmäßigem Verlauf hinzufügt unseren Keyframes automatisch eine Animation mit gleichmäßigem und gleichmäßigem Wir gehen in den Diagrammeditor um das genauer zu untersuchen, und ich zeige Ihnen, wie Sie Ihre Keyframes mithilfe des Geschwindigkeitsdiagramms auf unterschiedliche Weise animieren können Ihre Keyframes mithilfe des Geschwindigkeitsdiagramms auf unterschiedliche Weise Um in den Diagrammeditor zu gelangen, wählen wir die beiden Keyframes für Quadrat eins und drücken hier auf dieses Symbol, das Grafik-Editor-Symbol ist Sobald wir dort drin sind, müssen wir sicherstellen, dass wir uns auf der Geschwindigkeitskurve befinden , denn es gibt die Geschwindigkeitskurve und die Wertegrafik Für diese Demonstration werde ich Ihnen die Geschwindigkeitskurve zeigen, weil ich finde, dass das Konzept für Anfänger viel einfacher zu verstehen ist. So sollte unser Grafikeditor auf den Standard-Es aussehen. Wenn es nicht so aussieht, bedeutet das, dass Sie sich wahrscheinlich im Wertediagramm befinden und zum Geschwindigkeitsdiagramm wechseln müssen. Derzeit werden auf alle unsere Ebenen die Standard-Es angewendet. Wir belassen unser Quadrat bei den Standard-Es, also verlassen wir den Diagrammeditor, indem wir auf das Symbol drücken, gehen zu unserer Ebene Quadrat Nummer zwei, wählen die Keyframes aus und gehen erneut in den Diagrammeditor Jetzt schauen wir uns die Keyframes für das zweite Quadrat an. Wir ziehen die Ziehpunkte in die Mitte und schauen uns eine Vorschau an ziehen die Ziehpunkte in die und sehen, wie sich das auf die Animation auswirkt Wie Sie sehen können, gibt es einen großen Unterschied. Langsamer Anfang wird in der Mitte schnell und dann langsam enden. Jetzt beenden wir den Diagrammeditor. Wir wählen die Keyframes für unser Quadrat Drei aus, gehen zurück zum Diagrammeditor und für diesen ziehen wir unsere Griffe nach links Wie Sie sehen können, ist es ein schneller Start und ein langsames Ende. Jetzt machen wir dasselbe für unser Quadrat Nummer vier, verlassen den Diagrammeditor, wählen die Keyframes aus, gehen zurück in den Diagrammeditor, und hier ziehen wir die Keyframes nach rechts Wir werden eine Vorschau anzeigen. Jetzt hat unser viertes Quadrat einen langsamen Start und ein schnelles Ende. Jetzt zeige ich Ihnen, wie Sie einige andere Eigenschaften animieren Ich denke, wir werden mit der Rotationseigenschaft beginnen , weil wir sie bereits früher angesprochen haben Wir wählen alle unsere Ebenen aus und drücken R, um die Rotation zu starten. Wir wählen alle unsere Ebenen aus. Drücken Sie die Stoppuhren für die Eigenschaft Rotation. Jetzt wechseln wir zu unseren Keyframes an zweiter Position. Wir werden alle unsere Ebenen erneut auswählen. Und in diesem Feld hier geben wir 360 für 360 Grad ein. Alternativ können Sie einen Wert in dieses Feld eingeben, was eine vollständige 360-Grad-Drehung bedeutet. Da haben wir's. Jetzt haben alle unsere Quadrate eine Rotation. Jetzt gehen wir jedes einzelne durch und drücken F neun, um die Keyframes einfacher Und wir werden dasselbe tun, was wir für unsere Positionsanimationen getan haben Wir werden jedes Quadrat mithilfe der Geschwindigkeitskurve anders animieren . Wir werden Quadrat eins auf der Standardeinstellung belassen. Jetzt wählen wir die Keyframes von Square Two aus. Wir gehen in den Diagrammeditor und ziehen diese Griffe in die Mitte Jetzt gehen wir zum dritten Quadrat und wählen die Keyframes aus. Gehe zum Diagrammeditor. Wir ziehen diese nach links. Jetzt gehen wir im Diagrammeditor zu unserem vierten Kopf. Und wir ziehen diese Griffe nach rechts. Sehen wir uns jetzt eine Vorschau unserer Animation an. M. Bei der nächsten Eigenschaft werde ich die Skala animieren. Auch hier wählen wir alle unsere Ebenen aus. Um die Skalierungseigenschaft aufzurufen, können wir die Taste S drücken. Am Anfang der Timeline, wenn unsere Ebene ausgewählt ist, drücken wir erneut auf die Stoppuhr, um die Skala anzuzeigen Dann können wir den Skalierungswert auf 0% ändern. Wir bewegen uns vielleicht zur Hälfte durch unseren Animationsframe 15 und wählen erneut alle unsere Ebenen Wir geben 100% ein, während unsere Ebene ausgewählt ist. Jetzt, nach der Hälfte unserer Animation, vergrößern unsere Boxen Wir gehen unsere Ebenen nacheinander durch und drücken F neun, um unseren maßstabsgetreuen Animationen einige einfache Es hinzuzufügen Und für die Skalenanimation denke ich, dass die Standardeinstellung „ Ease“ ausreichend ist. Die letzte Eigenschaft, die wir animieren werden, ist die Opazitätseigenschaft Wir wählen erneut alle unsere Ebenen aus und drücken T auf der Tastatur, um die Opazitätseigenschaft aufzurufen Zu Beginn der Timeline drücken wir die Stoppuhr Geben Sie 0% ein. Für die Animation mit der Deckkraft gehe ich, glaube ich, einfach zu Bild zehn auf der Timeline Wir geben 100% ein. Und für die Opazitätsanimation glaube ich nicht, dass wir ETEs hinzufügen müssen Wir lassen es einfach so wie es ist. Also, was war der Sinn dieser Übung? Nun, in 90% der Fälle, wenn Sie Adobe After Effects animieren, werden Sie die Position, Skalierung, Drehung oder Deckkraft animieren Skalierung, Drehung oder Deckkraft animieren Jetzt haben Sie ein grundlegendes Verständnis dafür, wie man animiert. Natürlich wird die Software immer komplexer, je tiefer Sie in sie eintauchen, aber wenn Sie wissen, wie Sie diese vier Eigenschaften animieren können, erhalten Sie einen guten Vorsprung Jetzt werde ich dir einige weitere Dinge zeigen, die du für das Klassenprojekt wissen musst Als Erstes möchte ich Ihnen schnell das Zeichenstift-Werkzeug zeigen, das im Wesentlichen genauso funktioniert wie die Formwerkzeuge, außer dass Sie Ihre Form mit dem Stift zeichnen und sie auf die gleiche Weise animieren können, und sie auf die gleiche Weise animieren können wir das Formwerkzeug animiert haben Gehen wir nun zum Textwerkzeug, weil wir wissen müssen, wie wir es für unser Klassenprojekt verwenden können für unser Klassenprojekt Wir finden unser Textwerkzeug hier oben direkt neben dem Stiftwerkzeug. Wir werden auf das Symbol klicken. Jetzt tippen wir etwas Text ein. Zuallererst richten wir ihn mit dem Ausrichtungsfenster an der Mitte der Komposition aus. Hier in den Textfeldern , wo wir unsere Eigenschaften ändern können. Wir können hier unsere Füllfarbe ändern, die Größe unseres Textes erhöhen oder verringern. Das Absatzmenü ändert im Wesentlichen , wo sich der Ankerpunkt für unsere Textebene befindet. Wir haben vorhin ein wenig darüber gelernt, was ein Ankerpunkt ist. Auch hier richte ich ihn an der Mitte der Komposition aus. Hier können wir unsere Schrift ändern. Für das Klassenprojekt werde ich die Monster-AT-Schrift verwenden. Aber du kannst jede Schriftart verwenden, die du möchtest. In diesem Feld können wir die Unterschneidung unseres Textes ändern, bei der sich um ein Leerzeichen zwischen den Buchstaben handelt Wir können unseren Strich hinzufügen oder entfernen , unsere Strichfarbe ändern Hier können wir die Strichbreite erhöhen oder verringern. Das ist im Grunde alles , was ich dir für das Textwerkzeug zeigen möchte . Eine weitere Sache, die wir in diesem Klassenprojekt animieren werden , ist der sogenannte Trimpfad Es ermöglicht Ihnen im Wesentlichen , den Strich einer Ebene zu animieren Um ihn zu finden, können wir unsere Ebene herunterschalten. Gehe zum Hinzufügen eines Trimmpfads. Hier unten gehen wir zum Trim Path-Menü. Und indem wir die End- und Startwerte ändern, können wir unseren Strich animieren Jetzt deaktiviere ich die Ebene. Jetzt werde ich dir zeigen, was ein Ausdruck ist. Ein Ausdruck ist im Grunde eine Codezeile , die uns die Arbeit erheblich erleichtern wird. Wir rufen die Position auf, indem wir P drücken und die Alt-Taste gedrückt halten und auf eine Stoppuhr drücken So können Sie einen Ausdruck hinzufügen Hier in diesem Feld können wir unsere Ausdrücke eingeben Und in unserem Klassenprojekt werden wir etwas verwenden, werden wir etwas verwenden das als Loop-Out-Ausdruck bezeichnet wird. So tippst du es aus. Und mit diesem Ausdruck können wir unsere Animation immer wieder wiederholen. Sie werden später sehen, wie das funktioniert , wenn wir unser Klassenprojekt erstellen. Und eine letzte Sache, die wir für unser Klassenprojekt wissen müssen , ist die Erstellung eines Pre-Comps Um eine Pre-Comp zu erstellen, können wir mit der rechten Maustaste klicken, zu Pre-Comp gehen und sicherstellen, dass alle Attribute, die in die neue Komposition verschoben wurden zu Pre-Comp gehen und sicherstellen, dass alle Attribute, die in die neue Komposition verschoben wurden, ausgewählt sind. Hier oben können wir unserem Pre-Comp einen Namen geben. Und eine Pre-Comp erzeugt eine neue Komposition mit den Ebenen, mit denen wir unsere Pre-Comp erstellt Wir könnten zu unserer neuen Komposition wechseln, indem wir darauf klicken. Wie Sie sehen können, ist unsere neue Komposition jetzt in unseren Ebenenfenstern aufgeführt. Um zu unserer Hauptkomposition zurückzukehren, können wir hierher zurückkehren oder sie hier oben finden. Und damit ist der Teil mit der Einführung in After Effects in diesem Kurs so gut wie abgeschlossen. Ich hoffe, Sie haben jetzt ein sehr grundlegendes Verständnis dafür , wie die Software funktioniert. Ja, ich weiß, es war eine sehr einfache Einführung, und Sie haben wahrscheinlich immer noch viele Fragen zur Funktionsweise der Software. Es ist ein sehr komplexes Programm und es dauert Jahre und Jahre, bis Sie es vollständig beherrschen, aber machen Sie sich keine Sorgen. Sie sollten über genügend Informationen verfügen , um das Kursprojekt abzuschließen Ich werde Sie ab der nächsten Lektion Schritt für Schritt durch dieses Projekt führen. 4. Erstellen eines Comp und Erstellen des Kreises: H. Jetzt fangen wir an, unsere Ladeanimation zu erstellen. Wenn Ihr Bildschirm nicht wie meiner aussieht, denken Sie daran, dass Sie zu Workspace wechseln können, es ist wie die Standardeinstellung. Das sollte dein Bildschirm ungefähr so aussehen lassen. Ich werde auf die Schaltfläche „ Neue Komposition“ klicken. Wir können unserer Komposition einen Namen geben. Ich werde meinen Main nennen. Ich werde es auf dieser voreingestellten Social-Media-Landschaft in HD, 1920 mal 1080, belassen. 30 Bilder pro Sekunde. Die Dauer werde ich bei 600 Bildern belassen. Wir können zu unserer Hintergrundfarbe wechseln und ich wähle einen weißen Hintergrund. Klicken Sie auf Okay. Ich werde meinen Vorschaubildschirm so auswählen, dass er passt. Als Erstes gehen wir zu unserem Formwerkzeug wählen das Ellipsenwerkzeug Halten Sie jetzt die Umschalttaste gedrückt. Ich werde meine Form herausziehen, um einen Kreis zu erstellen. Wir können Ellipse eins und Ellipsenpfad eins nach unten schalten. Ich werde meins auf 400 abrunden. Ich werde die Ebene in Kreis umbenennen. Denken Sie daran, die Eingabetaste zu drücken, um eine Ebene umzubenennen. Wir können zu unserem Ankerpunkt-Werkzeug gehen und unseren Ankerpunkt zentrieren. Jetzt schalte ich mein Ausrichtungspanel herunter und zentriere den Kreis in der Mitte der Komposition Jetzt schalte ich den Kreis nach unten, schalte den Kreis füllen ein Wir könnten eigentlich einfach unseren Füllwert löschen indem wir die Löschtaste drücken Jetzt werde ich den ersten Schlag herunterschalten. Ändern Sie die Strichfarbe auf Schwarz. Neben der Strichstärke könnten wir zehn ausprobieren. Es sieht nicht dick genug aus. Ich werde 20 ausprobieren. Da, das sieht besser aus. 5. Animieren des Trimmpfads und Erstellen des Schattens: Schalten Sie unsere Kreis-Ebene herunter. Gehe zum Hinzufügen eines Trimmpfads. Schalten Sie den ersten Trimmpfad nach unten. Wir setzen unser Ende auf Null. Drücken Sie die Stoppuhr , um einen Keyframe einzufügen. Wir bewegen uns auf der Timeline um mehr als 30 Frames. Ändere unser Ende auf 100%. Gehen wir nun zurück zu Bild 15. Für den Start drücken wir die Stoppuhr. Dann bewegen wir uns über 30 Frames und ändern unseren Startwert auf 100 Das haben wir bisher. Jetzt wählen wir alle unsere Keyframes aus. Drücken Sie F neun, um einige EZ Es hinzuzufügen, genau wie wir es im Einführungsvideo gelernt haben Für diese Animation denke ich, dass die Standardeinstellung es Es gut genug ist. Sie können in den Diagrammeditor gehen und die Geschwindigkeitsgrafik bearbeiten , wie Sie möchten. Ich werde meins auf der Standardeinstellung belassen. Ich schalte den ersten Strich runter ändere die Linienobergrenze in die runde Obergrenze Ich glaube, dadurch sieht es ein bisschen besser aus. Deaktiviere die Ebene. Jetzt werde ich den Schatten erstellen. Ich dupliziere die Kreisebene mit Strg D. Drücken Sie die Eingabetaste, um die Ebene umzubenennen, und benennen Sie sie in Schatten um. Verschiebe sie unter die Kreis-Ebene. Drücken Sie U, um unsere Keyframes aufzurufen, und wir können die Stoppuhr drücken, um alle Keyframes zu entfernen , da wir keine Animation wünschen Ändern Sie N auf 100, um unseren Kreis zurückzuholen. Jetzt können wir T drücken, um die Opazität zu erhöhen. Reduzieren Sie die Opazität auf 50%. Da haben wir's. Wir haben den Schatten für unsere Ladeanimation erstellt. 6. Textanimation und Verfeinern des Ladekreises: Lassen Sie uns nun die Ladetextanimation erstellen. Wir gehen zu unserem Texttool. Wir werden etwas Text eingeben. Wir können ihn mit dem Ausrichtungsfenster auf die Mitte der Komposition zentrieren. Wir möchten, dass unsere Ladetextanimation genauso lang ist wie unsere Kreisanimation. Deshalb werden wir unsere Keyframes als Leitfaden verwenden. Denken Sie daran, U zu drücken. Wir erhöhen die Deckkraft des Ladetextes, indem Sie T drücken. Am Anfang der Timeline drücken wir die Stoppuhr, um einen Keyframe einzufügen Sie T drücken. Am Anfang der Timeline drücken wir die Stoppuhr, um einen Dann gehen wir zum Ende unserer Kreisanimation über, das Bild 45 ist , und kopieren unseren ersten Keyframe und fügen ihn ein Gehen wir nun etwa zur Hälfte zurück. Nehmen wir Frame 22 an, und wir ändern die Deckkraft unseres Ladetextes auf 25. Wählen wir nun die drei Keyframes aus, drücken Sie F 9, um die Geschwindigkeit zu erhöhen, und los geht's Sehr einfache, sehr einfache Animation. Jetzt werde ich meine Animation verfeinern, indem ich einfach die Größe des Kreises ändere. Wir können Kreis, Ellipse und Ellipsenpfad eins herunterschalten , und ich werde die Größe auf 200 mal 200 ändern Wir müssen dasselbe für den Inhalt unserer Schattenebene tun , Ellipse eins, Ellipsenpfad eins, ändern Ich werde auch die Ladeanimation bearbeiten . Ich werde mein Raster einschalten, die Position für den Ladetext aufrufen und die Y-Position verschieben. Ich glaube, das sieht besser aus. Ich glaube, ich werde auch die Unterschneidung aus dem Ladetext entfernen Unterschneidung aus dem Ladetext Wir tun das, indem wir unseren Text auswählen und zu unserem Textfeld wechseln Ich werde es auf 100 ändern. Ich finde, das sieht viel besser aus. Ich könnte auch die Größe meines Textes ändern und ihn auf 45 Pixel reduzieren. Ich werde auch einen Hintergrund hinzufügen. Gehe zu Ebene, neuer Festkörper, und ich werde eine sehr hellblaue Farbe wählen. Stellen Sie sicher, dass sie sich am unteren Rand unseres Ebenenfensters befindet. Da haben wir's. 7. Animation in Looping drehen und exportieren: Jetzt, da wir unsere Hauptanimation fertiggestellt haben, möchten wir, dass sie während der gesamten Dauer der Timeline wiederholt wird. Wir werden unseren Arbeitsbereich erweitern. Wir werden eine Vorkomposition unserer Animation erstellen und dann das Time-Remap-Tool verwenden , um unseren Loop-Out-Ausdruck hinzuzufügen Wählen wir also unsere drei Ebenen aus. Rechtsklick, gehe zu Pre-Comp. Stellen Sie sicher, dass „Alle Attribute in eine neue Komposition verschieben “ ausgewählt ist Wir nennen es Loading Circle. Drücken Sie die Eingabetaste. Jetzt haben wir unseren Pre-Comp. Jetzt können wir mit der rechten Maustaste auf unsere Pre-Comp klicken, zu T gehen und die Zeit-Neuzuweisung aktivieren Jetzt wollen wir zum letzten Bild gehen, auf dem sich die Animation befindet Was in unserem Fall Frame 45 ist. Wir drücken die Keyframe-Taste , um unserer Zeit-Remap einen neuen Keyframe Nun, das ist der wichtigste Schritt dieser Lektion. Stellen Sie sicher, dass Sie den letzten Keyframe für die Zeitremap auf der Timeline löschen , da sonst die Loop-Out-Expression nicht richtig funktioniert Sobald wir das getan haben, können wir jetzt unseren Ausdruck hinzufügen. Wir halten die Alt-Taste gedrückt und drücken unsere Stoppuhr. So fügen wir Ausdrücke hinzu und geben unseren Ausdruck in dieses Feld Endlosschleife. Schauen wir uns jetzt an, was passiert, wenn wir eine Vorschau anzeigen. Da haben wir's. Wir haben eine Loop-Animation Lassen Sie uns nun unsere Animation exportieren , um sie in der Projektgalerie zu teilen Was Sie beachten sollten , ist, dass Ihr Arbeitsbereich der Bereich des Videos ist , den Sie exportieren werden. Sie können Ihren Arbeitsbereich ändern, indem die Griffe ziehen oder die Tasten B und Ende drücken B und Ende , um den Anfang und das Ende des Arbeitsbereichs zu ändern Sie können den Arbeitsbereich auch auf der Timeline ziehen. Für meinen Export möchte ich, dass es ein perfekter Loop ist. Ich muss auf der Timeline einen Moment finden, an dem die Animation endet und bevor sie beginnt. In meinem Fall sind das 6 Sekunden. Also werde ich hier hineinzoomen und sicherstellen, dass das Ende meines Arbeitsbereichs genau nach 6 Sekunden endet. Jetzt werde ich eine Vorschau der Animation , um sicherzugehen, dass es sich um einen perfekten Loop handelt. Da haben wir's. Es läuft perfekt Jetzt kann ich zu Datei, Export und Hinzufügen zu Adobe Media Encoder gehen , Export und Hinzufügen zu Adobe Media Encoder Sobald Media Encoder geöffnet ist, können wir nun eine Voreinstellung aus all diesen Voreinstellungen auswählen , die Adobe Ads für uns erstellt hat Wählen wir YouTube zehn ADP, Full HD. Wir können hier klicken , um unserer Datei einen Namen zu geben und anzugeben, wohin wir sie exportieren werden Jetzt hier oben drücken wir den grünen Pfeil, um unsere Animation zu exportieren. 8. Outro & Glückwunsch: Herzlichen Glückwunsch und vielen Dank, dass Sie an meinem Kurs teilgenommen haben. Jetzt können Sie Ihre Projekte in der Projektgalerie veröffentlichen , sodass jeder die von Ihnen erstellten Animationen sehen kann. Wenn Sie mehr über Motion Graphics und Adobe After Effects erfahren möchten , schlage ich vor, sich einige meiner anderen Kurse anzusehen. Ich habe fünf weitere Kurse für Anfänger, in denen Sie lernen können, wie man Textur, Farbtheorie, wichtige Textanimationen und viele andere Tipps und Tricks hinzufügt wichtige Textanimationen . Ich kann es kaum erwarten, die Animationen zu sehen, die du erstellst. 9. Bonuslektion - Exportieren ohne Hintergrund: Mm. Ich wollte nur eine kurze Bonusstunde für Schüler erstellen, die ihre Animation möglicherweise ohne Hintergrund exportieren möchten. Möglicherweise möchten Sie dies tun, wenn Sie Ihr Symbol in zukünftigen Kompositionen verwenden möchten . Zuallererst müssen wir unseren Hintergrund löschen. Dann gehen wir hier zu diesem Symbol und schalten das Transparenzraster Wenn Sie das karierte Symbol sehen, wissen Sie, dass es funktioniert. Wir gehen zu Datei, Export und dieses Mal fügen wir es unserer Renderliste hinzu Wir können unsere Rendereinstellungen so lassen, wie sie sind. Wir werden in das Ausgangsmodul gehen wollen. Standardmäßig ist das Format auf QuickTime eingestellt. Wir werden zu Channels gehen wollen. Sie werden feststellen, dass die von uns gewünschte Einstellung, nämlich RGB plus Alpha, in der Quick Time-Option nicht verfügbar ist. Wir müssen also ein Format wählen , das es uns ermöglicht, den Alphakanal zu verwenden. Normalerweise exportiere ich gerne mit AVI. Jetzt kehren wir zum Kanalmenü zurück und wählen RGB plus Alpha. Klicken Sie auf O. Wir können hier klicken, um unserem Export einen Namen zu geben und anzugeben, wohin wir ihn exportieren werden. Klicken Sie auf Speichern und dann gehen wir zum Rendern hierher. Jetzt sollte es ohne Hintergrund exportiert werden, und jetzt können Sie es in zukünftigen Kompositionen verwenden.