Animation leicht gemacht – mit Adobe After Effects (V1) | Jake Bartlett | Skillshare

Playback-Geschwindigkeit


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

Animation leicht gemacht – mit Adobe After Effects (V1)

teacher avatar Jake Bartlett, Motion Designer

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

15 Einheiten (1 Std. 20 Min.)
    • 1. Warte mal!

      0:46
    • 2. Kurs-Trailer

      0:45
    • 3. Erste Schritte

      7:20
    • 4. Von Gruppen zu Ebenen

      2:23
    • 5. Vorbereitungen für die Animation

      9:55
    • 6. Auslegen deiner Objekte

      7:45
    • 7. Der Diagramm-Editor

      11:50
    • 8. Ankerpunkte sind wichtig!

      7:25
    • 9. Vereinfache die Bewegung!

      5:58
    • 10. Überschwingen animieren

      8:19
    • 11. Arbeiten mit Diagrammen

      11:57
    • 12. Erstellen eines Loops

      2:06
    • 13. Exportieren aus After Effects

      0:47
    • 14. Speichern eines GIF in Photoshop

      2:03
    • 15. Vielen Dank!

      0:24
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

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.

14.247

Teilnehmer:innen

252

Projekte

Über diesen Kurs

Du hast die Grundlagen gelernt.  Keyframes sind in deiner Toolbox enthalten. Jetzt ist es an der Zeit, den nächsten Schritt als Animator:in zu gehen und die Power des Diagramm-Editors von After Effects zu nutzen!

8ce262af

Dieser Kurs ist für alle, die das Erscheinungsbild ihres Motion-Designs beherrschen möchten. Ganz gleich, ob du After Effetcs seit Jahren verwendest oder erst angefangen hast, das Programm zu lernen – in diesem Kurs kann jede:r mitmachen. Ich bringe dir alles bei, was du über das Ein- und Ausblenden von Bewegungen wissen musst und helfe dir, eine Ästhetik zu entwickeln, die deine Arbeit von der anderer abhebt.

Wenn du noch nie After Effects verwendet hast, empfehle ich dir, zuerst meinen anderen Kurs Der Leitfaden für Anfänger zur Animation von benutzerdefinierten GIFs zu besuchen. Dann bist du auf den Inhalt dieses Kurses bestens vorbereitet.

______________

Kursübersicht

  • Einfache Animation. Jake bringt dir bei, wie und wann du die Werkzeuge in After Effects einsetzt, um deine Animation zu steuern und ein optimales Ergebnis zu erhalten. Ganz gleich, ob du professionelle:r Animator:in bist oder gerade erst anfängst, Animation zu lernen – mit Jakes Kurs wirst du deine Fähigkeiten verbessern und deine Arbeit bereichern.
  • Erstellen deiner eigenen. Im Anschluss an diesen Animationskurs wirst du aufgefordert, mit den Werkzeugen und Tastenkürzeln, die du von Jake gelernt hast, dein eigenes animiertes Haus zu entwerfen. Wenn du deine Datei hochlädst, wirst du aufgefordert, Screenshots deines Fortschritts zu teilen, sodass Jake nicht nur deine endgültige Animation sondern auch deinen Prozess und deine organisatorischen Fähigkeiten bewerten kann. Wenn du Fragen hast, ist das vollkommen in Ordnung! Jake wird sein Diskussionsforum „Frag mich alles“ im Blick behalten, sodass du einen direkten Draht zu ihm hast, für den Fall, dass du einmal nicht weiterkommst.
  • Lerne deinen Werkzeugkasten kennen. Du erhältst ein umfassendes Verständnis der Geschwindigkeits- und Wertdiagramme in After Effects und wie du sie zu deinem Vorteil nutzen kannst. Außerdem wird Jake dir wertvolle Tipps zum Workflow sowie Tastenkürzel geben, mithilfe derer du die Arbeit an deiner Animation effizienter und spannender gestalten kannst.
  • Schritt-für-Schritt-Anweisungen. Jake wird dir zeigen, wie du komplexe Designs in einfache, überschaubare Teile strukturieren kannst. Du lernst, wie du einen Entwurf aus Adobe Illustrator in After Effects übertragen kannst, und wie du ihn als Summe von Teilen betrachtest, die du leicht einzeln animieren kannst.
  • Vorbereitungen für die Animation. Du lernst, wie du Gruppen von Designobjekten in Ebenen aufgliedern und dann mehrere Ebenen zusammenfügen kannst, um bessere, kontrolliertere animierte Bewegungen zu „komponieren“.
  • Auslegen deiner Objekte. Jake erklärt dir, wie du dein Original-Kunstwerk als Referenzwerkzeug verwendest, um deine Ebenen auszurichten und zu organisieren. Du lernst auch wichtige Tastenkombinationen kennen, mit denen du Zeit sparen kannst – ganz gleich, ob du an der Spiel- oder Gesichtsanimation arbeitest, oder nur einfache animierte GIF-Dateien erstellen möchtest.
  • Den Diagramm-Editor verwenden. In einer kurzen, knappen Vorführung zeigt Jake dir, wie er den Diagramm-Editor in After Effects verwendet, um seine Animation anzupassen, zu steuern und fließend zu gestalten. Am Ende dieses Animationskurses kannst du Keyframes bearbeiten, die Geschwindigkeit der Bewegungen anpassen und beeinflussen, wie sie sich im Laufe der Zeit bewegen.
  • Arbeiten mit Ankerpunkten und Diagrammen. Du arbeitest mit Ankerpunkten, um Objekte mithilfe der Skalierung zu animieren. Jake wird auch darüber sprechen, wie du Diagramme verwendest, um komplexe Designs mit mehreren Ebenen zu animieren.
  • Bewegung vereinfachen und Loops erzeugen. Unter Jakes Anleitung lernst du, wie du die Reihenfolge und das Timing der Animationen deiner Ebenen anpassen und mit kompletter gestalterischer Freiheit eine unbegrenzte Anzahl von Designs entwerfen kannst! Wenn du mit deiner Arbeit zufrieden bist, zeigt Jake dir, wie du einen Loop erstellen kannst, damit deine Komposition beim Abspielen genauso spannend ist wie beim Aufbau.
  • Erstellen eines GIF. Jake gibt dir Schritt-für-Schritt-Anweisungen, wie du deine Arbeit aus After Effects exportierst, indem du sie als Quicktime-Datei speicherst oder sie in Photoshop in ein GIF umwandelst. Außerdem zeigt er dir wichtige Techniken zum Scrubbing deiner Arbeit, damit die Animation immer fließend und richtig angezeigt wird, ganz gleich, auf welchem Gerät sie landet.

Triff deine:n Kursleiter:in

Teacher Profile Image

Jake Bartlett

Motion Designer

Top Teacher

Kursbewertungen

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

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

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 bei 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. Warte mal!: Hey, es ist Jake und ich will dich einfach dort aufhalten und sagen, schau nicht mehr von dieser Klasse an, weil ich sie aktualisiert habe. Es gibt jetzt eine animierende mit Leichtigkeit Version zwei und einen Link dazu und in den Notizen des Videos gerade jetzt. Grundsätzlich bin ich in der Zeit, seit ich die erste Version dieser Klasse gemacht habe, ein besserer Motion Designer geworden. Ich habe bessere Techniken gelernt, und diese ist überholt. Jetzt wollte ich diese Klasse nicht löschen, falls Sie sie bereits in Ihrem Klassenprojekt genommen haben , es gibt eine ganze Reihe von Klassenprojekten und Diskussionen auf der Community-Registerkarte. Also möchte ich nur all das aktiv halten, aber die neue Klasse hat einfach so viel bessere Techniken, der Inhalt ist doppelt so lang. Ich verspreche, dass Sie selbst wenn Sie diese Klasse absolviert haben, bevor Sie sich die neue Version ansehen , absolut davon profitieren und bessere Techniken lernen werden. Also geh da rüber und ich sehe dich in dieser Klasse. 2. Kurs-Trailer: Hey, ich bin Jake Bartlett und in diesem Kurs werden wir mit Leichtigkeit in Aftereffekte animieren. Ich werde Ihnen beibringen, wie Sie den Diagramm-Editor verwenden, damit Sie die Bewegung in Ihren Animationen steuern können. Egal, ob Sie After Effects seit 10 Jahren professionell verwenden oder erst gestern die Software zum ersten Mal geöffnet haben. Wenn Sie den Diagramm-Editor nicht verwenden, haben Sie keine volle Kontrolle über Ihre Bewegung. In diesem Kurs erhalten Sie ein vollständiges Verständnis sowohl der Geschwindigkeits- als auch der Wertegrafiken und wie Sie sie zu Ihrem Vorteil nutzen können. Für das Klassenprojekt entwerfen und animieren Sie ein Haus von Grund auf. Auf dem Weg werde ich einige meiner Workflow-Tipps und Tricks sowie Tastenkombinationen teilen , um effizient in After Effects zu arbeiten. Am Ende dieses Kurses werden Sie mit Leichtigkeit animieren. Wir sehen uns in der Klasse 3. Erste Schritte: Zuerst möchte ich mich so sehr bedanken, dass du dich in meine Klasse eingeschrieben hast. Ich bin super aufgeregt, zu diesem Thema zu unterrichten. Ich glaube wirklich, dass der Graph-Editor das wertvollste Stück Wissen ist, das ich Ihnen weitergeben kann. Es ist erstaunlich, was es mit Ihren Animationen tun kann. Nun, wenn Sie sich irgendwann verwirrt fühlen oder Sie Gefühl haben, dass ich etwas nicht klar genug erklärt habe, gehen Sie bitte auf die Seite Diskussionen und hinterlassen Sie einen Kommentar zum Thema Fragen Sie mich etwas, und ich werde mehr als glücklich sein, etwas durchzuarbeiten und gehen Sie auf jeden Fall zurück und überarbeiten Sie diese Videos, um zukünftige Schüler Lernerfahrungen zu erleichtern. Lasst uns in dieses Projekt einsteigen. Ich werde dich durch die Art und Weise führen, wie ich diese Hausanimation gemacht habe. Es mag ziemlich kompliziert aussehen, aber es ist eigentlich wirklich einfach, es gibt nur viele Ebenen. So ziemlich alle Animationen verwenden den Diagramm-Editor in irgendeiner Weise, um die Bewegung zu glätten. Lasst uns dran kommen. Das erste, was ich tat, war, mein Haus in Illustrator zu entwerfen. Normalerweise entwerfe ich mein Kunstwerk im Illustrator und bringe es dann in After Effects und erstelle es dort neu. Ich ziehe es vor, innerhalb von Illustrator zu entwerfen weil ich das Gefühl habe, dass ich Dinge schneller erledigen kann. Sie können hier sehen, dass dies mein Referenzbild ist. Das ist das Haus, in dem ich aufgewachsen bin. Ich habe das nur als visuelle Referenz verwendet und mein Haus so nah wie möglich gestaltet. Es ist sehr einfach, nicht viel Detail, nur einige Rechtecke, einige Dreiecke und dann ein paar benutzerdefinierte Formen hier unten für die Büsche. Wenn Sie neu bei After Effects sind, möchte ich Sie ermutigen, Ihr Design so einfach wie möglich zu halten. Du willst dich nicht überwältigen. Wenn du nun After Effects schon eine Weile benutzt hast und mit allen Mitteln etwas komplizierteres machen willst , dann mach weiter. Es gibt keine Begrenzung für die Menge an Details, die Sie einfügen können. Es hängt nur davon ab, wie viel Animation Sie darin haben möchten, desto länger dauert es, um zu machen. Aber ich überlasse diese Entscheidung völlig Ihnen. Für das Klassenprojekt werde ich daran festhalten. Bevor wir losgehen, möchte ich nur ein wenig über mein Layout in After Effects erklären . Ich habe nur die Panels geöffnet, von denen ich denke, dass ich für dieses Projekt brauchen werde. Es ist in Ordnung, wenn Ihr Layout nicht so aussieht, aber wissen Sie nur, dass, wenn Sie ein von mir geöffnetes Panel sehen, das nicht auf Ihrem geöffnet ist, gehen Sie einfach zum Fenster, Dropdown-Menü und Sie können alle verschiedenen Panels in After Effects sehen . Lassen Sie uns zuerst unser Kunstwerk einbringen. Ich komme zum Projektfenster, klicke mit der rechten Maustaste darauf und gehe zu Datei importieren. Ich hole meine Hausdatei von Illustrator und drücke „Öffnen“. Jetzt haben wir es in After Effects. Als nächstes möchte ich eine Komposition erstellen, indem ich auf die Schaltfläche Neue Komposition gehe und darauf klicke. Ich möchte, dass meine Firma 800 mal 600 Pixel hat. Ich wählte die 800 von 600, weil ich möchte, dass sie ein Vier-zu-Drei-Verhältnis haben, und ich weiß, dass ich es keine höhere Auflösung als das brauche. Wenn Sie möchten, dass dies HD ist, fühlen Sie sich frei, die Auflösung zu ändern, was Sie wollen, aber für dieses Projekt werde ich es bei 800 mal 600 belassen. Ich möchte, dass meine Bildrate 30 beträgt und die Dauer meines Comps etwa 20 Sekunden beträgt. Ich glaube nicht, dass meine Animation so lang sein wird, aber ich möchte mir einfach genug Arbeitsbereich geben, falls ich sie brauche. Ich werde „Okay“ drücken, um meine Komposition zu erstellen. Dann werde ich mein Kunstwerk in die Komposition bringen, indem ich auf die Datei klicke und ziehe , bis sie die Mitte der Komposition einrastet und loslässt. Als nächstes möchte ich mein Kunstwerk in eine Formebene konvertieren , damit ich es innerhalb von After Effects animieren kann, es ist ein wenig einfacher. Um dies zu tun, klicke ich mit der rechten Maustaste auf die Datei, scrollen Sie in diesem Menü nach unten, bis ich zu Formen aus Vektorebene erstellen komme. Sie werden sehen, dass das mein ursprüngliches Kunstwerk verborgen und eine Formebene erstellt hat, die genau gleich aussieht. Das Problem ist, dass alles auf einer Schicht ist. Wenn ich diese Ebene öffne und in den Inhalt gehe, können Sie sehen, dass wir nur eine ganze Reihe von Gruppen haben, die alle jede einzelne Form innerhalb meines Artworks repräsentieren. Wir müssen die verschiedenen Formgruppen in verschiedene Ebenen aufteilen, damit wir sie leichter animieren können. Um dies zu tun, mache ich ein wenig mehr Platz, indem ich meine Maus zwischen dem Schnittfenster und dem Kompositionsfenster bis meine Maus zu diesem kleinen Doppelpfeil wechselt. Ich klicke und ziehe, um mein Panel ein wenig größer zu machen , damit ich mehr von meiner Timeline sehen kann. Dann werde ich nach oben scrollen, bis ich zu Gruppe eins komme, Ich werde auf die erste Gruppe klicken und sehen, dass wir einen Teil dieses Lichts ausgewählt haben. Wenn ich durch Drücken der Periodentaste auf der Tastatur vergrößern und dann die Leertaste gedrückt halten, um vorübergehend zum Handwerkzeug zu wechseln, klicke und ziehe ich, um die Position neu zu positionieren. Wir können sehen, dass Gruppe eins nur ein Teil dieser Lampe ist. Gruppen eins bis vier sind die Leuchte auf der rechten Seite. Wenn ich also auf Gruppe vier klicke und dann die Umschalttaste auf Gruppe eins klicke, habe ich alle vier Gruppen gewählt. Wenn ich Apple oder Control auf einem PC plus G drücke , werden alle vier Gruppen zusammengefasst. Jetzt mit der neuen Gruppe ausgewählt, Ich kann die Eingabetaste auf der Tastatur drücken und die Ebene umbenennen, rechte Lampe und drücken Sie erneut die Eingabetaste, um die Umbenennung zu bestätigen. Jetzt wiederholen wir diesen Vorgang für jedes Objekt, das ich in eine andere Ebene trennen möchte. Als nächstes möchte ich die linke Lampe machen, die die nächsten vier Gruppen sein sollte. Da ist es, Ich werde es gruppieren, indem Sie Apple G oder Kontrolle G auf einem PC drücken, benennen Sie es durch Drücken der Eingabetaste, linke Lampe, Enter erneut, und ich werde dies nur für das gesamte Stück tun. Ich werde meine Komposition wieder verkleinern, indem ich die Komma-Taste auf der Tastatur drücke, und dann erneut positionieren, indem ich die Leertaste gedrückt halte, um das Handwerkzeug aufzurufen. Ich möchte ein wenig darüber reden, wie ich das animieren werde. Ich möchte all diese Fenster in einzelne Ebenen aufteilen, aber ich weiß auch, dass ich sie alle genau auf die gleiche Weise animieren möchte. Also wirklich brauche ich nur eines der Fenster und dann kann ich fünf Duplikate davon machen, nachdem ich es animiert habe. Wenn ich durch meine Gruppe scrolle und finde, wo eines dieser Fenster ist, gehen wir los. Gruppen 35 und 36 sind dieses Fenster. Wenn ich diese beiden gruppiere und es umbenenne, oberes Fenster, dann kann ich einfach diese einzelne Gruppe verwenden, um alle fünf Duplikate zu machen. Ich mache mir jetzt nicht mal Sorgen um diese anderen vier Fenster. Dann mache ich dasselbe für die unteren Fenster, ich werde herausfinden, wo eins davon ist. So Gruppen 30-32, sind eines der unteren Fenster. Also gruppieren Sie die zusammen, benennen Sie sie um, dann muss ich mich nicht um die anderen drei unteren Fenster kümmern. Für alles, das mehrere Kopien derselben Animation hat, benötige ich nur eine Instanz von. Wenn ich herausfinde, wo einer meiner Büsche ist, gehen wir los, da es eine einzige Form ist, muss ich ihn nicht einmal wieder gruppieren, ich benenne ihn einfach in Busch um. Dann suchen wir die Tür. Gruppen 19-26, gruppieren Sie diese zusammen, benennen Sie sie Tür um. Um sicherzustellen, dass ich alle Objekte für die Tür habe, werde ich einfach den Augapfel für diese Gruppe ausschalten. Sicher genug, alle diese Objekte sind innerhalb dieser Gruppe, also sehen wir gut aus. Als nächstes gibt es diese Türschwelle und dann die Basis des Hauses. Dann ist die letzte Gruppe das Abstellgleis und die Verkleidung und das Dach. Ich denke, das ist alles, was wir brauchen. Jetzt können wir jede der Gruppen loswerden, die nicht umbenannt werden. Also wähle ich alle diese Gruppen aus und klicke „Löschen“, bis ich nur die Gruppen übrig bin, die ich umbenannt habe. Jetzt habe ich all die verschiedenen Elemente, die ich brauche, in verschiedene Gruppen aufgeteilt , damit ich dies leichter in mehrere Ebenen aufteilen kann. Ich werde diese Ebene umbenennen, indem ich sie ausgewählt habe und die Eingabetaste drücke und sie dann als Hauselementmaster aufrufe. Ich möchte es so nennen, damit ich das später nicht versehentlich modifiziere. Ich mache immer ein Duplikat davon, bevor ich irgendetwas drinnen ändere. Auf diese Weise kann ich immer wieder auf meine ursprünglichen Elemente zurückkommen, wenn ich es jemals brauche. Das nächste, was ich erwähnen sollte, ist, dass Sie sich in die Gewohnheit bekommen sollten , die ganze Zeit zu sparen. Ich habe mein Projekt noch nicht gespeichert und das ist wirklich schlecht. Also lasst uns weitermachen und das tun. Ich werde mein Haus gefüllt nennen und „Safe“ drücken. Nachdem Sie Ihr Projekt zunächst gespeichert haben, müssen Sie nur noch auf „Apple“ oder „Control S“ klicken. Denken Sie also daran, Ihren Fortschritt ständig zu speichern. 4. Von Gruppen zu Ebenen: Das nächste, was wir tun müssen, ist, alle unsere Gruppen in verschiedene Schichten zu trennen. Fangen wir mit dem oberen Fenster an. Um dies zu tun, dupliziere ich meine Master-Ebene und benenne sie „Oberes Fenster“ um, dann öffne ich diese Ebene und gehe zu „Inhalt“ und dann möchte ich alles über die obere Fenstergruppe löschen. Ich wähle alle meine Gruppen aus, indem ich auf die erste klicke, „Shift“ auf der Tastatur gedrückt halte und auf die letzte klicke und dann auf „Command“ klicke oder „Control“ klicke auf einen PC auf der Ebene, die ich behalten möchte, um sie zu deaktivieren und drücken Sie dann „Löschen“. Jetzt ist diese Ebene nur mein oberes Fenster und wenn ich die Ebene durch Klicken auf den „Solo Switch“ solo, können Sie sehen, dass das das einzige, was in dieser Ebene ist. Dann mache ich dasselbe für das Untere Fenster, ich dupliziere meine Master-Ebene, benenne sie „Unteres Fenster“ um, öffne den Inhalt, wähle alles aus, wähle Unteres Fenster aus und drücke „Löschen“. Diese Schicht bestätigt nur, dass das nur unser unteres Fenster ist und wir sehen gut aus. Etwas, das ich gerade bemerkt habe, habe ich beide Lampen, aber sie werden beide auf die gleiche Weise animiert werden. Ich brauche wirklich nur einen von ihnen. Ich werde meine linke Lampe aus meiner Master-Ebene löschen weil ich weiß, dass ich sie nicht brauche und dann diese Ebene einfach umbenennen, um sie zu einer Lampe zu werden. Dann breche ich diese Ebene einfach weiter in all ihren einzelnen Elementen auf, bis ich eine Ebene für jede Formgruppe habe. Jetzt, anstatt Sie all das zu sehen, werde ich die Magie des Editierens nutzen und nur zuschneiden, wenn es fertig ist. Da gehen wir, ich habe alle meine Gruppen in verschiedene Ebenen getrennt. Das Letzte, worüber ich wirklich schnell sprechen möchte, bevor wir in die Animation kommen, ist Organisation. Es ist äußerst wichtig, wenn Sie komplexe Animationen mit vielen verschiedenen Ebenen haben , die Sie organisiert bleiben . Deshalb habe ich jede dieser Ebenen speziell benannt , um zu reflektieren, was tatsächlich in ihnen ist. Wenn ich gelassen hätte, dass alles diese Gruppennummern sind, hätte es so lange gedauert, herauszufinden, wo sich die Basisschicht befindet oder wo sich die Bush-Schicht befindet. Also vertrauen Sie mir auf diesem eine, Organisation ist sehr wichtig, um einen effizienten Workflow zu haben. Stellen Sie sicher, dass alles klar benannt ist. Jetzt, da wir alles in Ebenen unterteilt haben, richtig benannt sind, können wir alles für die Animation einrichten. An diesem Punkt gibt es zwei Dinge, die Sie für Ihr Klassenprojekt tun können, bevor Sie fortfahren. Die erste ist, nur Ihr Haus zu entwerfen. Es könnte das Haus sein, in dem du aufgewachsen bist, in einem, in dem du jetzt wohnst, oder sogar ein Fantasy-Gebäude wie ein Schloss. Sobald Sie noch nicht entworfen haben, erstellen Sie ein Klassenprojekt und posten Sie dort einen Screenshot Ihres Hauses. Dann bringen Sie Ihr Haus in Artwork-Effekte und brechen Sie es auf, wie wir es in diesem Video getan haben. Wenn Sie Fragen haben, zögern Sie nicht, in einem Frag Me Anything Thread zu fragen. 5. Vorbereitungen für die Animation: An dieser Stelle hättest du dein Haus gestalten sollen, es in After Effects bringen und damit anfangen sollen, es abzubauen. Jetzt fangen wir an, es für die Animation vorbereitet zu werden. Einige dieser Objekte werden etwas komplizierter zu animieren sein als andere. Zum Beispiel wird das Abstellgleis viel einfacher zu animieren sein als die Tür, weil das Abstellgleis nur ein großes Rechteck ist, und die Tür hat eine Reihe von kleinen Merkmalen. Obwohl wir all diese separaten Objekte in Ebenen aufgeteilt haben, werden wir bestimmte Objekte noch mehr aufteilen, um sie noch einfacher zu animieren. Um meine Komposition so sauber wie möglich zu halten, jedes Objekt, das mehrere Ebenen zum Animieren benötigt, werde ich höchstwahrscheinlich vorkomponieren. Pre-Composing ist etwas, mit dem wir uns in diesem Projekt sehr beschäftigen werden. Sie können es einfach als eine Möglichkeit betrachten, mehrere Ebenen zusammen zu gruppieren. Wenn ich auf das obere Fenster klicke, möchte ich diese Ebene vorkomponieren, indem ich auf „Ebene“ gehe, ganz unten unten auf „Pre-Compose“ klicke. Dadurch wird ein Fenster geöffnet, in dem ich die neue Komposition umbenennen kann, die wir erstellen. Also werde ich dieses obere Fenster vorkomp nennen. Dann gibt es noch einige weitere Optionen, über die Sie sich an dieser Stelle keine Sorgen machen müssen. Stellen Sie einfach sicher, dass alle Attribute in eine neue Komposition verschieben ausgewählt ist, und drücken Sie OK. Jetzt sehen Sie, dass sich unsere Formebene in eine Komposition geändert hat. Wenn ich dies ein wenig erweitern, so dass Sie den vollständigen Layer-Namen sehen können. Wir sehen, dass wir das obere Fenster PreComp haben, genau wie wir es genannt hatten. Wenn wir in unserem Projekt schauen, haben wir eine neue Komposition mit dem Namen Upper Window PreComp. Wenn ich auf diese Komposition doppelklicke, siehst du unsere neue Komposition, die nur unsere obere Fensterschicht enthält, genau so, wie sie sich in unserer ersten Komposition befand. Sie werden auch feststellen, dass die neue Comp Größe genau die gleiche wie unsere ursprüngliche Komp ist. Ich gehe zurück in meine Upper Window PreComp, und jetzt können wir diese Formebene in mehrere Ebenen aufteilen. Ich gebe mir ein bisschen mehr Platz für die Arbeit. Dann möchte ich meinen Ankerpunkt so ändern, dass anstatt in der Mitte der Komposition zu sein, sich in der Mitte meiner Ebene befindet. Der einfachste Weg, dies zu tun, ist eine Tastenkombination. Sein „Option“ Befehl „Home“ oder „Alt“ „Control“ „Home“ auf einem PC. Wenn Sie nun an einem Laptop arbeiten, Sie höchstwahrscheinlich keinen „Home“ -Schlüssel. Ich werde rückgängig machen, indem ich auf einem PC „Befehl“ oder „Control Z“ drücke. Sie können den gleichen Befehl ausführen, indem Sie mit der rechten Maustaste auf die „Ebene“ klicken, um zu transformieren und dann auf den Mittelpunkt des Ankerpunkts im Ebeneninhalt klicken. Dadurch wird der Ankerpunkt einfach in die Mitte des Layerinhalts verschoben. Das ist eine der praktischsten Tastenkombinationen, die ich je gelernt habe. Als nächstes möchte ich mein Fenster innerhalb der Komposition zentrieren. Um dies zu tun, komme ich zu der ausgerichteten Palette. Denken Sie nun daran, wenn Sie die ausgerichtete Palette nicht geöffnet haben, können Sie sie finden, indem Sie zum Fenster gehen und auf eine Linie klicken. Das hat mein Fenster deaktiviert, also klicke ich erneut auf „Fenster ausrichten“, um es wieder zu öffnen. Wenn Sie jemals die ausgerichtete Palette innerhalb von Illustrator verwendet haben, funktioniert dies genau auf die gleiche Weise. Sie können die ausgewählten Elemente an verschiedenen Punkten in der Komposition ausrichten Wenn Sie mehrere Objekte ausgewählt haben, können Sie dies ändern, um sie an der Auswahl auszurichten. Ich möchte das in der Komp zentrieren. Also komme ich zu dieser Schaltfläche direkt hier und klicke, um sie horizontal zu zentrieren, dann komme ich zu dieser Schaltfläche und klicke, um sie vertikal zu zentrieren. Da nun der Ankerpunkt innerhalb der Ebene zentriert war, weiß ich, dass die Ebene in meiner Komposition perfekt zentriert ist. Jetzt bestimmt die Größe der Komposition, was der Begrenzungsrahmen innerhalb unserer Hauptkomposition ist . Obwohl das Fenster nur so viel Platz innerhalb der Ebene einnimmt, haben wir all diesen zusätzlichen leeren Raum, der immer noch von diesem PreComp dargestellt wird. Also gehe ich zurück in meine PreComp, und ich möchte die Größe ändern, um das Fenster ein bisschen mehr zu passen. Ich gehe zur Komposition, Kompositionseinstellungen, dann kann ich mein Fenster verschieben und dann einfach die Breite und die Höhe nach unten skalieren, bis es dem Fenster ein wenig besser passt. Das muss nicht perfekt sein. Die Zahlen müssen nicht gerundet werden. Ich versuche nur, es so nah wie möglich an die Größe des Fensters zu bekommen. Ich werde die Breite und die Höhe entsperren, damit ich sie unabhängig voneinander ändern und die Breite ein wenig mehr skalieren kann , und dann werde ich mir ein wenig mehr Höhe geben , nur damit ich ein wenig mehr Raum zum Animieren habe. Sobald es ungefähr die Größe des Fensters hat, drücke ich „OK“. Dann gehe ich zurück in meine comp 1, und jetzt können Sie sehen, dass der Begrenzungsrahmen auf die neue Größe des PreComp aktualisiert wird. Dies wird die Dinge nur ein wenig einfacher zu bewegen. Wir müssen uns noch keine Sorgen um die Positionierung machen, darauf kommen wir in ein bisschen zurück. Wenn wir jetzt wieder in diese PreComp gehen, werde ich hineinzoomen. Wenn Sie eine Maus mit einem Scrollrad verwenden, können Sie das Rad ein- und ausziehen, um in der Komposition nach innen und außen zu scrollen. Ich zoomen einfach rein, bis ich hier bin. Wir werden zu diesem Zeitpunkt auf 200 Prozent gezoomt. Deshalb sehen die Kanten ein wenig unscharf aus, aber das ist okay. Jetzt möchte ich diese drei Rechtecke einfach in drei verschiedene Formen aufteilen. Es gibt keinen falschen Weg, dies zu tun. Wenn Sie lieber Volumenkörperebenen anstelle von Formebenen verwenden möchten, fühlen Sie sich frei. Zum Beispiel, wenn ich eine neue Volumenkörperschicht erstellen wollte, würde ich zur Ebene gehen, neu, solide, stellt sicher, dass es weiß ist, drücken Sie „OK“, drücken Sie erneut „OK“. Jetzt habe ich einen neuen Solid in der Größe meiner Komp. Ich könnte zum Maskenwerkzeug kommen und eine Maske zeichnen, „Leertaste“ gedrückt halten, um es neu zu positionieren, und es die Größe meines Fensters zu machen, und das ist eine Möglichkeit, die Form meines Fensters zu haben. Nichts falsch daran, es so zu tun, wenn du dich so wohl fühlst. Wenn ich meine Maske loswerde, hätte ich das auch einfach auf die Größe meines Fensters skalieren können. Das ist eine andere vollkommen akzeptable Art, dies zu tun. Ich arbeite lieber mit Formebenen, also werde ich dieses Fenster neu erstellen. Ich lösche diesen soliden Klick auf meine „Shape Layer“ und wie zuvor werde ich das Fenster duplizieren, den Inhalt öffnen, das obere Fenster öffnen und die ersten beiden Objekte auswählen und „Löschen“ drücken. Ich bin nur mit dem größeren äußeren Rechteck links. Ich werde diese Ebene ausblenden und sie umbenennen Frame. Ich werde diese Ebene erneut duplizieren, oben bringen, öffnen Sie den Inhalt, löschen Sie die zweiten beiden Ebenen, benennen Sie diese Ebene Lower Glass um. Dann dupliziere ich es noch einmal, bringe es auf, öffne den Inhalt, lösche den ersten und den letzten und benenne dieses Upper Glass um. Wenn ich nun meine ursprüngliche Ebene deaktiviere, habe ich alle drei Rechtecke in verschiedenen Ebenen getrennt. Jetzt ist dieses Fenster für die Animation eingerichtet. Wenn ich zu meiner ursprünglichen Komposition zurückkomme, lassen Sie uns dasselbe für das untere Fenster tun. Ich beginne erneut, indem ich diese Ebene vorkomponiere, indem ich auf Ebene gehe, vorkomponiere, diesen Lower Window PreComp umbenenne. Stellen Sie sicher, dass Sie alle Attribute in der neuen Komposition verschieben, die Sie ausgewählt haben, und drücken Sie „OK“. Bevor wir nun in diese neue Komposition eingehen, möchte ich darauf hinweisen, dass jedes Mal, wenn wir eine neue Komposition erstellen, unsere Projektstruktur ein bisschen messier wird. An dieser Stelle werde ich anfangen, meine Dateien zu organisieren. Wenn Sie zu diesem Symbol kommen, können Sie einen neuen Ordner in Ihrem Projekt erstellen. Ich werde diese PreComps nennen. Dann wähle ich meine beiden PreComps aus und bringe sie in diesen Ordner. Ich werde auch diese Gelegenheit nutzen, um meine Comp 1-Komposition in Haus-Build umzubenennen. Auf diese Weise werde ich, wenn ich viele verschiedene Kompositionen habe, nicht verwirrt, was was ist. Nun, wenn wir in unsere Lower Window PreComp gehen, wieder, Ich möchte den Ankerpunkt mit der Ebene zentrieren, also werde ich das tun, indem ich „Option“ Befehl „Home“ oder „Alt' „Control“ „Home“ auf einem PC halte. Dann gehe ich zur Palette Ausrichten, klicke auf die horizontale Ausrichtung und die vertikale Ausrichtung. Dann werde ich meine Kompositionseinstellungen ändern, damit ich diese auf die Größe des Fensters verkleinern kann. Sobald ich damit zufrieden bin, drücke ich „OK“ und dann werde ich diese Schicht auf die gleiche Weise zerlegen. Jetzt habe ich alle meine verschiedenen Elemente in mehrere Ebenen getrennt. Als Nächstes mache ich die Tür. Wir werden Layer, Pre-Comp erstellen, Door PreComp umbenennen „OK“ drücken. Gehen Sie in diese Komposition, zentrieren Sie den Ankerpunkt, richten Sie in der Mitte der Komposition aus und ändern Sie die Kompositionsgröße drücken Sie „OK“. Dann, weil das ein bisschen mehr Details hat, werde ich die Tür vergrößern. Ich möchte damit beginnen, mich auf dieses Fenster zu konzentrieren, da es ein paar kleine Stücke hat. Ich dupliziere die ursprüngliche Ebene und deaktiviere sie, gehe in den Inhalt und finde diese Gruppe von Gruppen, das ist nur dieses Fenster, das ist nur dieses Fenster, und dann gruppiere ich sie zusammen und lösche alle anderen Gruppen so dass ich mich auf diese Elemente konzentrieren kann. Nun habe ich das gebaut, indem ich hier einen Halbkreis für diesen Basisteil machte, drei verschiedene Linien für die Glastrennungen und einen weiteren Halbkreis für den Außenrahmen plus das Glas machte. Wenn ich die anderen Gruppen ausschalte, sehen Sie, dass es sich nur um einen Halbkreis mit der Füllfarbe und dann um einen Strich für den Rahmen handelt. Jetzt, wie ich das animieren möchte, muss ich es nur in zwei separate Ebenen aufteilen. Ich benenne meine Ebene in Fenster um, dupliziere sie, gehe in den Inhalt und lösche alles außer diesem kleinen Halbkreis. Benennen Sie dann dieses Fenster Reveal um, und löschen Sie dann diesen Halbkreis aus dieser ersten Ebene, also habe ich jetzt zwei separate Ebenen. Einer für den kleineren Halbkreis und einer für den Rest des Fensters. Wir werden darauf eingehen, wie ich es ein wenig später animiere. Aber im Moment ist das alles, was ich tun muss. Dann kann ich mein Original wieder einschalten und den Rest der Tür zerbrechen. Jetzt ist meine Tür in einzelnen Schichten getrennt. Jetzt ist das letzte Objekt, für das wir dies tun müssen, die Lampe. Ich wähle meine Lampe, Ebene, vorkomponieren, benenne sie Lampe PreComp um, verschiebe alle Attribute, drücke „OK“, gehe in die Ebene, klicke auf den „Lampe“, „Option“ Befehl „Home“, „Center Horizontal“, „Center Vertical“ und dann Ändern Sie meine Kompositionseinstellungen, ändern Sie die Größe, drücken Sie „OK“. Dann zoomen Sie hinein und fangen Sie an, das zu zerbrechen, und das war's. 6. Auslegen deiner Objekte: Ich habe alle komplexen Elemente in ihre eigenen Schichten innerhalb von Präkompositionen getrennt , so dass ich alles sehr einfach animieren kann. Offensichtlich sieht das nicht wie das Kunstwerk aus, und das liegt daran, dass wir nur eine Kopie jedes Objekts haben und sie nicht dort platziert sind, wo sie sein müssen. Um dies zu tun, möchte ich meine ursprüngliche Bildungsebene aktivieren. Wenn ich bis zum Ende meiner Komp scrolle und meine ursprüngliche Hausebene aktiviere, schalte ich alles außer meiner oberen Fensterebene aus. Wenn ich auf diese erste Ebene klicke, scrollen Sie nach oben und verschieben Sie klicken, bis diese Ebene, und halten Sie dann „Befehl“ oder „Control“ auf einem PC und klicken Sie auf diese letzte Ebene, dann kann ich den Augapfel für alle diese Ebenen auf einmal ausschalten, so bin ich mit nur meinem oberen Fenster links [unhörbar]. Nun, ich werde mein ursprüngliches Kunstwerk als Referenz verwenden, ich werde nicht mit dem perfekten Ausrichten alles einholen, ich werde es nur als Referenz verwenden. Also werde ich ein wenig vergrößern und dann mit dem Auswahlwerkzeug, klicke und ziehe ich auf diese Ebene, bis es ungefähr dort ist, wo ich es will, dann dupliziere ich diese Ebene, indem ich bearbeiten, dupliziere. Nun, bevor ich darauf klicke, möchte ich darauf hinweisen, dass, wenn Sie auf der rechten Seite eines Menübefehls, der eine Tastenkombination hat, es listet, was die Tastenkombination ist, genau dort. Tastenkombinationen sind unerlässlich, um Ihren Workflow zu beschleunigen, ich benutze sie ständig und sie sparen mir Tonnen Zeit. Also möchte ich Sie ermutigen, diese Tastenkombinationen für Befehle zu lernen , die Sie viel verwenden. Duplizieren Ebene geschieht die ganze Zeit innerhalb von After Effects, also werde ich „Befehl D“ oder „Control D“ auf dem PC drücken, um meine Ebene zu duplizieren. Jetzt haben wir zwei verschiedene Kopien, wobei die zweite ausgewählt ist, werde ich klicken und ziehen, um mein Fenster ungefähr dort positionieren zu lassen, wo ich will. Nun, ich weiß, dass ich mein ganzes Fenster horizontal zentrieren möchte, also um sicherzustellen, dass ich nur mein Fenster nach links und rechts schiebe, werde ich die Umschalttaste auf der Tastatur halten, so dass ich es nur nach links oder rechts oder oben und unten bewegen kann und dann werde ich es zu darüber, wo ich es will und loslassen. Dann werde ich diesen Vorgang erneut durchführen, drücken Sie „Befehl“ oder „Control D“ auf einem PC, klicken Sie auf „Shift gedrückt halten, neu positionieren“, das ziemlich gut aussieht. Dann klicke ich wieder auf dieses zentrierte Fenster, dupliziere, klicke auf „Halten Sie gedrückt, verschieben, neu positionieren“ auf diese Weise, dupliziere noch einmal, klicke auf, „Shift halten, ziehen“, und lass los. Jetzt werden wir die Ausrichtungspalette noch einmal verwenden, um sicherzustellen , dass zwischen jedem dieser Fenster gleiche Abstände vorhanden sind, also wähle ich alle meine Fenster aus, indem ich die Umschalttaste gedrückt halte und auf die anderen klicke und dann komme ich zu Meine Palette ausrichten und sehen, dass Ausrichten an Ebenen auf Auswahl gesetzt ist, sollte dies automatisch passieren, wenn Sie auf mehrere Objekte klicken. Wenn es immer noch auf Komposition für Sie eingestellt ist, stellen Sie sicher, dass es in Auswahl geändert wurde und dann möchte ich zum Distributions-Layer-Abschnitt herunterkommen. Mit dieser Schaltfläche werden alle meine Ebenen gleichmäßig auf einer horizontalen Achse verteilt Wenn ich also auf diese Schaltfläche klicke, wurden alle meine Ebenen nur so leicht neu positioniert , dass es einen gleichen Abstand zwischen jeder Ebene gibt, Ich werde noch ein Mal rückgängig machen. Wenn Sie die Ebenen beobachtet haben, während ich auf diese Schaltfläche klicke, können Sie sehen, dass sie sich alle nur ein kleines bisschen bewegt haben. Nun, ich weiß, dass sie alle gleich verteilt sind, aber ich glaube nicht, dass es perfekt in der Komposition zentriert ist. Wie ich schon sagte, du musst das nicht perfekt machen, aber ich zeige dir, wie nur für den Fall, dass du es jemals brauchst. Ich weiß, dass diese Ebene mein zentrales Fenster ist, also möchte ich alle diese anderen Layer mit dieser Ebene verknüpfen. Um dies zu tun, wenn alle meine Ebenen ausgewählt sind, komme ich zu einer der ausgewählten Ebenen, wähle Peitschen, klicke auf „Drag down“ auf die erste Ebene, die mein zentrales Fenster ist, und lass los. Dadurch werden alle ausgewählten Layer der ausgewählten Ebene übergeordnet, die in diesem Fall das mittlere Fenster ist Parenting verknüpft die Transformationseigenschaften der untergeordneten Layer mit der übergeordneten Ebene. Wenn ich auf mein Fenster klicke und ziehe, sehen Sie, dass sich die Position auf alle Ebenen auswirkt Wenn ich das drehen sollte, ändert sich auch die Drehung, sodass alle diese Ebenen mit einer Master-Ebene verknüpft werden. Ich werde rückgängig machen, um zurück zu kommen, wo wir waren. Wenn ich nun zu meiner Ausrichtungspalette komme und sicherstelle, dass die Ebene 2 ausrichten auf die Komposition gesetzt ist, kann ich auf die horizontale Mittelausrichtung klicken, und jetzt sind meine Fenster horizontal zentriert mit gleichem Abstand zwischen jedem Fenster. Nun, lassen Sie uns dasselbe mit dem unteren Fenster tun, ich schalte diese Ebene ein, positionieren Sie sie so, wo ich es will, duplizieren Sie durch Drücken von „Befehl“ oder „Control D“ auf einem PC, Shift klicken und ziehen, duplizieren Sie erneut, Umschalttaste klicken und ziehen, noch einmal duplizieren, Umschalttaste klicken und ziehen. Nun, da es kein Fenster in der Mitte gibt diese Ebenen vertikal verteilt, funktioniert nicht auf die gleiche Weise, wenn ich das tun würde, verteilt es sie auf eine Weise, die ich nicht mag. Um dies zu umgehen, werde ich rückgängig machen, ich werde ein zusätzliches Duplikat meines unteren Fensters machen und es nur vorübergehend in die Mitte legen, dann wähle ich meine anderen Fenster horizontal aus, verteilen sie, übergeordnete sie klicken Sie auf die Ausrichtung des mittleren Fensters in der Mitte, und löschen Sie dann den Layer. Nun, ich habe meine vier Fenster mit gleichem Abstand horizontal zentriert, dann schalte ich die Tür ein, ziehe sie nach unten, bis sie da ist, wo ich sie will, und dann horizontal zentriert. Ich schalte meine Lampe ein, klicke und ziehe sie, bis sie dort ist, wo ich sie will, dupliziere sie, klicke die Umschalttaste und ziehe, bis sie dort ist, wo ich sie will, und dann mache ich den gleichen Trick noch einmal. Ich dupliziere diese Lampe ein drittes Mal vorübergehend in etwa in der Mitte, klicke mit der Umschalttaste auf die anderen beiden Features, verteile sie horizontal, übergeordnete sie auf diese zentrierte Ebene, wähle diese Ebene aus und dann horizontal zentrieren Sie es auf der Komposition, und löschen Sie dann die temporäre zentrierte Ebene. Nun können Sie sehen, dass die Dinge nicht perfekt auf das ursprüngliche Kunstwerk ausgerichtet sind, und das könnte daran liegen, dass mein ursprüngliches Kunstwerk nicht perfekt zentriert war, aber weil wir es auf diese Weise mit der ausgerichteten Palette machen, können wir wissen, dass alles ist perfekt aufgereiht. Als nächstes machen wir den Busch, ich wähle diese Ebene aus und klicke sie dann und ziehe sie an den oberen Rand der Ebenenpalette. Nun, ich möchte diesen Busch auch vorkomponieren, nicht weil es mehrere Objekte gibt, sondern weil ich dieselbe Animation für alle vier Büsche verwenden werde, und wenn es vorkomponiert ist, nicht weil es mehrere Objekte gibt, sondern weil ich dieselbe Animation für alle vier Büsche verwenden werde, und wenn es vorkomponiert ist, müssen es einmal animieren. Ich werde die Ebene vorkomponieren, indem ich auf Ebene precompose gehe, sie umbenenne, Bush precomp, drücken Sie „Okay“, gehen Sie in diese precomp, klicken Sie auf die Ebenenoption „Command home“ oder „Alt Control home“ auf einem PC Center es in der Zusammensetzung ändern die Komposition Größe, dann kommen Sie zurück auf meine ursprüngliche Komposition. Dann klicke ich auf diese Ebene und ziehe sie an die gewünschte Stelle, dupliziere sie, Umschalttaste klicken und ziehen, duplizieren, Umschalttaste klicken und ziehen, duplizieren, Umschalttaste klicken und ziehen. Dann erstelle ich wieder eine zentrierte Ebene, teile alle diese Ebenen horizontal, übergeordnete sie der mittleren Ebene, zentriere sie auf der Komposition und lösche dann das temporäre Objekt. Als nächstes lassen Sie uns die Türschwelle machen, diese muss nicht vorkomponiert werden, also werde ich den Ankerpunkt in der Mitte schnappen, indem Sie die Option „Command home“ oder „Control Alt home“ auf einem PC halten , und stellen Sie sicher, dass es horizontal auf die Komposition zentriert und das ist gut zu gehen. Dann machen wir dasselbe für die Fußleiste, setzen den Ankerpunkt auf die Mitte, zentrieren ihn horizontal und dann machen wir dasselbe für das Dach. Stellen Sie den Ankerpunkt in die Mitte, Mitte horizontal, ich nehme die Verkleidung, mache das Gleiche, das Abstellgleis, und das war's. Wenn ich meine ursprüngliche Bildungsebene ausschalten, können wir sehen, dass alle unsere einzelnen Elemente in die Ebenen getrennt sind, schön zentriert sind und wir zur Animation übergehen können. Der nächste Schritt für Ihr Klassenprojekt besteht darin, in After Effects zurückzukehren und Ihr Bildmaterial für jedes Objekt, das Sie animieren möchten, in mehrere Ebenen aufzuteilen. Sobald Sie fertig sind, posten Sie einen Screenshot Ihrer Komposition, der mir zeigt, dass Sie Ebenen in einzelne Objekte oder Vorkompositionen aufgeteilt haben, und Sie erhalten Bonuspunkte, wenn Sie Ihr Projekt organisiert halten. 7. Der Diagramm-Editor: Dies ist die wichtigste Einheit dieses Kurses. Wenn Sie noch nicht gewesen sind, ist jetzt die Zeit, Aufmerksamkeit zu schenken. Ich werde eine kleine Pretour aus dem Klassenprojekt machen und Ihnen genau zeigen, wie Sie den Diagramm-Editor innerhalb von After Effects verwenden. Also lasst uns anfangen. Jetzt können wir darüber reden, worum es in dieser ganzen Klasse wirklich geht, indem wir Ihre Animationen glätten. Ich habe eine kleine Demo eingerichtet, um ein wenig darüber zu erklären, wie After Effects Bewegungen zwischen seinen Schlüsselbildern verarbeitet. Ich habe diese Punktposition über dem Bildschirm mit nur zwei Keyframes animiert. Diese Spur, die sie hinterlässt, ist eine Darstellung jedes Rahmens seiner Bewegung. Wenn ich einen Frame nach dem anderen zurücktrete. Sie können sehen, dass diese Umrisse genau dort sind, wo sich dieser Punkt auf jedem Frame zwischen diesen beiden Schlüsselbildern befand. Im Moment ist es nur eine lineare Bewegung von Punkt A nach Punkt B. Der Punkt bewegt sich mit konstanter Geschwindigkeit. Es ist ziemlich langweilig. Eine der häufigsten Methoden zum Glätten von Animationen in After Effects ist die Verwendung der integrierten Voreinstellung „Easy Ease“. Wenn Sie mit Animationen überhaupt innerhalb von After Effects vertraut sind, haben Sie dies wahrscheinlich schon einmal verwendet. Werfen wir einen Blick darauf, was das mit unserer Animation macht. Ich wähle meine beiden Keyframes aus, indem ich darauf klicke und einen Rahmen um sie ziehe. Dann klicke ich mit der rechten Maustaste auf eines der Keyframes, gehe zum Keyframe-Assistenten und wähle Easy Easy und sofort kannst du sehen, dass unser Trail aktualisiert wird. Jetzt gibt es mehr Konturen, die vorne und am Ende der Animation zusammengefügt sind und mehr in der Mitte ausgebreitet sind. Wenn ich das wiederspiele, kann man sehen, dass der Punkt etwas mehr Zeit braucht, um in seine Bewegung zu beschleunigen und sich dann am Ende allmählich verlangsamt. Für viele After Effects Benutzer hören sie hier auf. Sie wenden einfach die Easy Ease-Preset an, nennen es gut und fahren mit der nächsten Sache fort. Aber du nimmst diese Klasse, damit du lernen kannst, wie man nicht wie jeder andere AAfter Effects Künstler ist und die Kontrolle über deine Bewegung übernimmt. Also werde ich Ihnen zeigen, wie Sie diese Bewegung mit AAfter Effects Diagramm-Editor vollständig anpassen können . Um den Diagramm-Editor zu öffnen, gelangen Sie auf die Timeline und klicken Sie hier auf diese Schaltfläche. Welche Eigenschaft Sie in Ihrer Timeline ausgewählt haben, wird im Diagramm-Editor angezeigt. Also klicke ich auf meinen Positionswert und eine Kurve erscheint in meinem Diagrammeditor. Ich gebe mir ein bisschen mehr Platz, damit wir sehen können, was hier vor sich geht. Innerhalb von After Effects gibt es zwei verschiedene Diagrammtypen. Standardmäßig wählt After Effects die Option aus, die Sie verwenden möchten, basierend auf dem Typ der Eigenschaft, die Sie bearbeiten möchten. Dies wird als Geschwindigkeitsdiagramm bezeichnet, und es zeigt die Geschwindigkeit dieses Punktes im Laufe der Zeit an. Also zu Beginn unserer Animation bewegt sich ein Punkt nicht. Der Geschwindigkeitswert des Punktes ist also Null und Sie können Null Pixel pro Sekunde am unteren Rand dieses kleinen Fensters sehen. Wenn wir bis zur Mitte der Animation scrollen, wird unsere Kurve nach oben geschossen und oben in der Kurve bewegt sie sich mit etwa 1.530 Pixeln pro Sekunde. Wenn wir dann weiter bis zum Ende scrollen, kommt es wieder nach unten, um bei Null Pixel pro Sekunde festzunehmen. Diese beiden Punkte an beiden Enden der Animation sind die Keyframes, die wir in unserer ursprünglichen Timeline zurücksetzen. Sie können diese Keyframes bearbeiten, um die Geschwindigkeit der Punktüberstunden anzupassen. diesen Ziehpunkten können Sie den Einfluss jedes Keyframes auf die Geschwindigkeitskurve anpassen . Wenn ich also auf diesen Griff klicken und ziehen und ihn nach links ziehen würde, können Sie sehen, dass der Einflussprozentsatz zunimmt. Wenn Sie gleichzeitig im Comp-Fenster nachschlagen, können Sie sehen, dass sich die Umrisse jedes Frames gegen Ende der Animation bündeln. Das liegt daran, dass wir ihre Geschwindigkeitskurve ändern. Ich lasse hier los, wir können tatsächlich die Geschwindigkeit des Punktes basierend auf der Kurve vorhersagen. Rund um sieben Frames ist, wo der Punkt mit rund 3.100 Pixeln pro Sekunde am schnellsten unterwegs sein wird . Also, wenn ich das wiederspiele, sehen Sie jetzt, dass der Punkt viel weniger Zeit braucht, um abzuheben und verlangsamt sich viel mehr allmählich. Es ist ein völlig anderes Gefühl. Wenn ich diesen Griff auch packen und den ganzen Weg rausziehen würde. Jetzt gibt es einen Punkt in unserer Animation, an dem sich die Umrisse nicht einmal überlappen. Wenn ich eine Vorschau dieser Animation sehe, können Sie sehen, dass der Punkt extrem schnell in der Mitte unserer Animation unterwegs ist und eine Weile dauert, um zu starten und zu verlangsamen. Nehmen wir an, ich wollte nicht, dass meine Animation in einer Ruheposition beginnt. Ich setze meine Keyframes wieder auf Easy Easy zurück , indem ich einen Rahmen um sie zeichne, um sie auszuwählen, und klicke dann auf diese Schaltfläche für Easy Easy. Dann werde ich die Geschwindigkeit meines ersten Keyframes erhöhen, indem ich darauf klicke und nach oben ziehe. Wenn ich mit etwa 1.500 Pixeln pro Sekunde angefangen habe, können wir sehen, dass unsere Kurve einen konstanten Bogen bis in eine Ruheposition macht, aber ziemlich schnell beginnt. Wenn ich eine Vorschau darauf sehe, spiegelt unsere Animation diese Kurve wider. Sie können sehen, dass es schnell beginnt und sich ständig in eine Ruheposition verlangsamt. Wenn ich diesen Keyframe-Geschwindigkeitseinfluss ergreife, kann ich das noch mehr übertreiben. Aber da ich den Einfluss dieses Geschwindigkeitsgriffs steigere, ist die Geschwindigkeit am Start eigentlich nicht mehr der schnellste Punkt. Um sicherzustellen, dass meine Kurve ständig abbremst , greife ich diesen Einflußgriff und drehe ihn ganz nach unten. Der höchste Punkt der Kurve ist immer der erste Frame. Lassen Sie uns eine Vorschau darauf und jetzt haben wir einen extrem schnell bewegenden Punkt, der sich bis zu einem Ruhepunkt verlangsamt. Nun, wie ich bereits sagte, gibt es zwei verschiedene Arten von Grafiken innerhalb von After Effects. Ich habe gehört, dass einige Leute über das Geschwindigkeitsdiagramm sprechen, als wäre es das Schlimmste auf der Welt, und ich habe genau das Gleiche über die andere Art von Graph gehört. Neun Mal von 10, ich persönlich benutze die Geschwindigkeitskurve die meiste Zeit, die es genau das tut , was ich brauchte, und ich habe so viel Kontrolle über meine Bewegung, wie ich brauche. Aber ich werde voran und zeigen Ihnen die andere Art von Graph, weil es ein wenig vielseitiger ist und Sie das gleiche tun können, aber auf ein wenig andere Weise. Also zuerst werde ich meine Keyframes wieder auf linear einstellen, indem ich sie sowohl die Option oder die Alt-Taste auf einem PC auswähle und auf eines der Keyframes klicke. Jetzt haben wir unsere lineare Bewegung durch eine gerade Linie in unserem Geschwindigkeitsdiagramm dargestellt. Wenn ich hier auf dieses kleine Symbol komme und darauf klicke. Ich kann wählen, mein Wertediagramm anstelle meines Geschwindigkeitsdiagramms zu bearbeiten, das jetzt auf automatische Auswahl eingestellt ist. Wenn ich Wertediagramm wähle, ist unser Diagramm jetzt ein bisschen anders. Der größte Unterschied besteht darin, dass wir zwei verschiedene Linien anstelle einer haben. Diese beiden Linien stellen die zwei verschiedenen Achsen des Positionswerts dar. Nun, wie wir jetzt unseren Positionswert einrichten, kann ich diese Diagramme nicht bearbeiten beeinflussen Griffe. Ich muss meine X- und Y-Positionswerte in ihre eigenen Eigenschaften trennen. Um dies zu tun, klicke ich mit der rechten Maustaste auf die Position und sage separate Dimensionen. Jetzt kann ich die beiden verschiedenen Achsen unabhängig voneinander auswählen. Meine Animation dieses Punktes bewegt sich nur auf der X-Achse. So kann ich die Y-Positions-Keyframes tatsächlich loswerden, indem ich auf die Stoppuhr klicke. Auf diese Weise können wir uns nur um den X-Positionswert kümmern. Wenn wir also einen Blick auf diese Grafik werfen, haben wir jetzt eine gerade Linie, die in einem Winkel geht. Anstatt die Geschwindigkeit darzustellen, stellt diese Linie einen Wert dar. Also, was es sagt, ist bei Frame Null, unsere X-Position dieser Ebene ist auf 130 Pixel gesetzt , weil es in der Komposition zufällig ist. Jetzt ist die Breite meiner comp auf 1.280 Pixel eingestellt. Also wäre die linke Seite meiner Komp ein Wert von 0 und meine rechte Seite wäre 1.280. Diese Zeile besagt also, dass bei Frame 0 X-Position auf 130 Pixel gesetzt ist. Am Ende der Animation wird die X-Position der Ebenen auf 1.150 Pixel festgelegt. Da die Keyframes linear eingestellt sind, ist unser Graph eine gerade Linie, die proportional alle eingerahmten Elemente gleichmäßig ausräumt. In unserem Geschwindigkeitsdiagramm wird dies durch eine gerade horizontale Linie dargestellt, und in unserem Wertediagramm wird durch eine abgewinkelte Linie dargestellt. Wenn ich nun diese beiden Keyframes rückgängig machen würde, indem ich sie auswähle, mit der rechten Maustaste klicke, zum Keyframe-Assistenten gehe und die Zeit umgekehrte Keyframes sage. Jetzt bewegt sich unser Punkt in die entgegengesetzte Richtung und wenn ich in meinen Diagrammeditor zurückgehe und nur die X-Position betrachte, unser Graphenwinkel nun in die entgegengesetzte Richtung gewechselt. Das liegt daran, dass wir zu Beginn der Animation jetzt auf der rechten Seite sind und am Ende der Animation auf der linken Seite sind. Ich mache das rückgängig, um zu unserer ursprünglichen Animation zurückzukehren. Nun wollen wir sehen, was mit dieser Kurve passiert, wenn wir die Easy Ease anwenden , indem wir auf diese Schaltfläche herunterkommen. So wie zuvor wird die Animation aktualisiert, um mehr Frames am Anfang und Ende der Animation und weniger in der Mitte zu haben . Anstatt eine gewölbte Kurve zu haben, wie unsere Geschwindigkeitskurve, haben wir jetzt eine S-förmige Kurve. Jetzt, da ich Griffe an jedem meiner Keyframes habe, kann ich meine Kurve anpassen. Genau so, wie ich meine Geschwindigkeitskurve angepasst habe, wird das Erhöhen der Länge dieses Handles mehr Frames gegen Ende der Animation ansammeln. Wenn wir diese Kurve lesen, können wir sehen, dass das Sinn ergibt. Zu Beginn der Animation ist der Wert ziemlich niedrig und nicht zu weit hinein. Es fängt an, einen höheren Wert zu erhalten, und es beginnt sich gleich um Frame 15 auszugleichen, was auf halbem Weg durch die Animation ist. Der Rest der Animation hat ziemlich ähnliche Werte. So kommt der Punkt zu einem allmählichen Stopp. Wenn ich eine Vorschau darauf sehe, können Sie sehen, was passiert. Wenn ich diesen Griff nach links bringe, werden wir diesen Antrag nochmals noch mehr übertreiben. An diesem Punkt scheint es nicht wirklich so zu sein, als ob es einen Vorteil gibt , das Wertediagramm über dem Geschwindigkeitsdiagramm zu verwenden. Aber hier ist, was das Wertediagramm tun kann, das Geschwindigkeitsdiagramm nicht kann. Ich setze meine zwei Schlüsselbilder zurück auf Easy Ease und sagen wir, ich möchte dies animieren, um ein wenig mehr Cartoony zu sein. Ich werde zu etwa Frame 25 sichern und an dieser Stelle einen neuen Keyframe festlegen , indem ich hier oben zum Stiftwerkzeug oder durch Drücken von G auf der Tastatur gehe. Dann klicke ich auf diesen Punkt, um einen neuen Keyframe hinzuzufügen. Da wir einen neuen Keyframe haben, haben wir neue Griffe, die wir anpassen können. Ich kehre zum Auswahlwerkzeug zurück, indem ich hier oben klicke oder auf der Tastatur V drücke. Jetzt kann ich die Griffe dieses Keyframes anpassen, um meine Wert-Kurve zu ändern. Wenn ich also ein wenig verrückt mache und dies so anpasse, lassen Sie uns versuchen, diese Kurve zu lesen, bevor ich die Animation wiedergebe. An dieser Stelle befindet sich unser Punkt auf der linken Seite des Bildschirms. Es wird sich in seine Bewegung erleichtern und bis zu einem Punkt von etwa 1.100 Pixeln kommen. So ziemlich weit auf der rechten Seite des Bildschirms. Aber dann können Sie sehen, dass unsere Kurve nunauf einen niedrigeren Wert von rund 1.045 Pixeln zurückfällt auf einen niedrigeren Wert von rund 1.045 Pixeln zurückfällt und dann wieder auf einen Ruhepunkt von 1.150 zurückgeht. Was wir also sehen sollten, ist, dass unser Punkt zu einem bestimmten Punkt reist, ein wenig zurückkommt und dann endlich zu seinem Ruhepunkt kommt. Lassen Sie uns eine Vorschau dieser Animation und sicher genug, da ist es, direkt am Ende können Sie sehen, dass es diese kleine Wackelbewegung macht , bevor es zum letzten Frame kommt. Nun, ich wäre nicht in der Lage gewesen, dies fast so einfach innerhalb des Geschwindigkeitsdiagramms zu tun. Wenn ich zu meinem Geschwindigkeitsdiagramm zurückkehre, können Sie sehen, wie das aussieht. Der Grund, warum es einfacher ist, diese Art von Bewegung innerhalb des Wertediagramms zu machen, weil ich einfach die Griffe des Wertediagramms greifen und sie an das anpassen kann , was ich will. Innerhalb des Geschwindigkeitsdiagramms. Es wird ein wenig kniffliger, weil man nicht den Winkel eines Griffs einstellen kann, sondern nur die Höhe und den Einfluss. Ich kann tatsächlich beide Graphen gleichzeitig betrachten. Wenn ich auf Referenzdiagramm anzeigen klicke. Jetzt können wir sehen, wie die Bewegung unseres Punktes durch beide Graphen gleichzeitig dargestellt wird. Die Grundlinie für unser Referenzdiagramm wäre also 0 Pixel pro Sekunde. Sie können sehen, dass es beschleunigt, verlangsamt einen ganzen Haufen, bis es zu einer negativen Geschwindigkeit kommt , wo der Punkt rückwärts fährt und dann ziemlich schnell wieder beschleunigt und auf seinen Ruhepunkt von 0 abfällt. In unserem Wertediagramm können wir das Gleiche sehen, das auf eine andere Weise dargestellt wird, in seine Bewegung entspannt, auf einen Punkt von 1.130 Pixeln gelangt, auf etwa 1.035 zurückverfolgt und sich dann in seinen Ruhepunkt von 1.150 entspannt. Wenn ich auf diesen Keyframe klicke und ziehe, sehen Sie, dass beide Kurven gleichzeitig aktualisiert werden. Wenn Sie also Probleme haben zu verstehen was zwischen den beiden verschiedenen Graphen passiert, möchte ich Sie ermutigen, einfach damit zu spielen und zu versuchen, die Referenzdiagramme einzuschalten. So können Sie beide Arten von Diagrammen gleichzeitig sehen, um wirklich einen Überblick darüber zu bekommen, was passiert, wenn Sie diese Griffe anpassen. Wie ich schon sagte, neun von 10, macht der Geschwindigkeitskurve genau das, was ich brauche, und ich brauche diese zusätzliche Kontrolle nicht. Nur wenn ich sehr spezifische Animationstypen mache , die ein wenig mehr Finessing benötigen, werde ich das Wertediagramm verwenden. Also komm hier rein, verwirr dich damit. Versuchen Sie, ein Gefühl für beide Diagramm-Editoren zu bekommen und Fragen zu stellen, wenn Sie Probleme haben. Ich kann die Wichtigkeit dieser Einheit nicht genug betonen. Die Verwendung des Diagramm-Editors ist der Schlüssel, um Ihre Bewegung innerhalb von After Effects zu steuern. An diesem Punkt müssen Sie in das Programm einsteigen und mit dem Graph-Editor herumlaufen. Richten Sie einige Formen ein, und animieren Sie sie auf den Positions-, Skalierungs- und Rotationswerten, um zu sehen, wie sich der Diagrammeditor auf jede dieser Eigenschaften auswirkt. Wechseln Sie auch zwischen der Geschwindigkeit und den Wertediagrammen, um zu sehen, wie diese unterschiedlich sind. Wenn Sie Fragen haben, hinterlassen Sie bitte einen Kommentar zu der fragen Sie mich etwas Diskussion und schauen Sie sich dieses Video an, wenn Sie müssen. Dann posten Sie eines der Experimente, die Sie erstellt haben, während Sie mit dem Diagramm-Editor herumlaufen. 8. Ankerpunkte sind wichtig!: Nun, da wir einen kleinen Überblick über den Diagramm-Editor haben, lassen Sie uns anfangen, das Haus zu animieren und verwenden Sie den Diagramm-Editor, um unsere Bewegung anzupassen. Aber bevor ich weiter gehe, lassen Sie uns unser Projekt ein wenig aufräumen, weil es aussieht, als hätte ich einige PreComps im Hauptbereich unseres Projekts. Ich werde sie einfach in unseren PreComps-Ordner verschieben und wir können loslegen. Ich weiß, dass ich die meisten, wenn nicht alle diese Objekte mit der Skalierungseigenschaft animieren möchte. Ich brauche die Objektpositionen nicht wirklich, um sich zu bewegen , und ich glaube nicht, dass ich etwas rotieren werde, also sollten wir in der Lage sein, alles zu tun, was wir brauchen, nur durch Skalierung zu tun. Fangen wir mit dem oberen Fenster an. Ich werde einfach über eine der Kopien bewegen und dann doppelklicken, um in die PreComp zu gehen, und jetzt können wir uns auf dieses Objekt konzentrieren. Jetzt, für jedes Objekt, möchte ich von hinten nach vorne animieren denn wenn ich die zu Glasscheiben zuerst animiere, würden sie einfach dort schweben und es würde aussehen, als würde sie nichts halten. Ich möchte mit dem Rahmen beginnen und dann die beiden Glasstücke animieren. Ich weiß, ich möchte, dass diese Animation mit nichts Sichtbares beginnt. Da ich die Skala animieren werde, bedeutet das, dass Sie nur von 0 auf 100 Prozent skalieren müssen. Wenn ich alle drei Ebenen auswähle, indem ich auf die erste klicke, Umschalttaste gedrückt halte und auf die dritte klicke, habe ich alle drei ausgewählt. Jetzt könnte ich diesen Pfeil nach unten drehen, in meine Transformation gehen und dann einen Schlüsselrahmen für die Skalierung festlegen, aber eine schnelle Verknüpfung, um zu skalieren, wenn Sie eine Ebene ausgewählt haben , ist nur das Drücken von S auf der Tastatur. Sie können sehen, dass dadurch die Skalierungseigenschaft für jeden Layer angezeigt wird. An dieser Stelle könnte ich einfach auf die Stoppuhr klicken, um für jede Ebene einen Schlüsselrahmen hinzuzufügen. Aber eine andere Möglichkeit, einen Schlüsselrahmen hinzuzufügen, besteht darin, die Option oder Alt auf einem PC zu halten und S zu drücken. Dadurch wird ein Schlüsselbild für die Skalierungseigenschaft von was auch immer Ihre Auswahl ist festgelegt . Dies sind nur schnelle Verknüpfungen, die Sie nicht unbedingt wissen müssen, aber wenn Sie anfangen, sie auswendig zu lernen, wird es Ihren Workflow enorm beschleunigen. Jetzt, da wir Skalierungsschlüsselbilder von 100 Prozent auf jeder Ebene festgelegt haben, müssen wir sie rechtzeitig vorwärts verschieben. Eine Möglichkeit zum Verschieben von Schlüsselbildern besteht darin, sie zu klicken und zu ziehen. Oder eine andere Tastenkombination hält Wahltaste oder Alt auf einem PC gedrückt und tippt auf den Pfeil nach rechts. Jedes Mal, wenn Sie darauf tippen, wird der Schlüsselrahmen um einen Frame nach vorne verschoben. Wenn Sie den Pfeil nach links drücken, geht er in die andere Richtung, und wenn Sie die Umschalttaste gleichzeitig gedrückt halten, werden die Schlüsselbilder zehn Frames nach vorne verschoben. Das ist eine sehr schnelle und einfache Möglichkeit, Ihre Keyframes spezifische Entfernungen zu verschieben. Mit meinen Schlüsselbildern auf Null möchte ich sie 30 Frames vorwärts verschieben. Ich halte Wahltaste oder Alt auf einem PC, Shift und drücke dreimal die rechte Pfeiltaste. Nun, meine Schlüsselbilder sind auf 100 Prozent bei Frame 30 festgelegt. Ich werde meine Timeline ein wenig vergrößern, indem ich Plus auf der Tastatur drücke und dann über scrollen, damit ich ein wenig mehr Platz zum Arbeiten habe. Dann schiebe ich meinen Abspielkopf zurück auf Frame Null. Jetzt benötigen wir einen Skalierungsschlüsselrahmen, der für alle drei Ebenen auf Null gesetzt ist. alle drei Layer-Skalierungseigenschaften noch ausgewählt sind, kann ich einfach auf einen dieser Werte klicken, Null eingeben und die EINGABETASTE drücken. Alle drei Ebenen ändern ihre Skalierung auf Null Prozent und setzen automatisch ein Schlüsselbild. Wenn Sie nach dem Festlegen eines Schlüsselbilds zu einem anderen Zeitpunkt wechseln, der noch keinen Schlüsselrahmen hatte, und Sie den Wert ändern, wird automatisch ein weiterer Schlüsselrahmen generiert. Ich brauche diesen Schlüsselrahmen nicht da, also werde ich einfach Löschen drücken. ich das wiederspiele, skaliert unser Fenster von 0 bis 100 Prozent. Aber es ist super langweilig, weil die Schlüsselbilder linear sind und alles von der Mitte des Rahmens aus skaliert werden. Wenn wir diese Schichten einzeln betrachten, können Sie sehen, dass der Ankerpunkt jeder Ebene genau an der gleichen Stelle liegt, die der Mittelpunkt der Komposition ist. Ich möchte, dass sich der Ankerpunkt jedes Layers in der Mitte seiner jeweiligen Ebene befindet. Wenn Sie sich an die Verknüpfung des Ankerpunkts für die Neupositionierung erinnern , halten Sie Wahltaste, Befehlstaste gedrückt und drücken auf einem PC die Starttaste oder Alt-Taste (Strg Home), damit unser Ankerpunkt an der Mitte des Inhalts gefangen wird. Wenn Sie die Home-Taste nicht auf der Tastatur haben, lassen Sie einfach den Layer ausgewählt, klicken Sie mit der rechten Maustaste, gehen Sie zu Transformieren und Ankerpunkt zentrieren in Ebeneninhalt. Jetzt hat jede unserer Ebenen den Ankerpunkt zentriert in ihrem eigenen Inhalt. Wenn ich das wiedergebe, können Sie jetzt sehen, dass unser Glas von der Mitte seiner eigenen Schicht aus skaliert wird. Aber was, wenn Sie nicht wollten, dass es von der Mitte aus skaliert wird? Was wäre, wenn wir so aussehen wollten, als würde es von diesem Punkt nach oben wachsen? Nun, das können wir ziemlich leicht machen. Wenn Sie zu Ihren Werkzeugen kommen, wird diese hier das Werkzeug „Schwenken hinter“ genannt und Sie können in Klammern sehen, es ist auch das Ankerpunkt-Werkzeug. Wenn wir dieses Werkzeug wählen, kann ich dann diesen Ankerpunkt greifen und ihn frei bewegen. Wo immer ich diesen Ankerpunkt setze, wird mein Layer skaliert. Wenn ich das wiedergebe, können Sie sehen, dass die Animation dieses Fensters von unten rechts skaliert wird. Wenn ich es in die obere linke Ecke verschieben sollte, wird es jetzt von oben links skaliert. Dies ist sehr wichtig zu verstehen, da es sich auf mehrere Eigenschaften des Layers auswirkt. Wenn ich diese Ebene [unhörbar], diese Ebene ausblenden und sie erneut öffnen, kann ich alle Transformationseigenschaften sehen. Ich werde die Skala Keyframes nur für jetzt aufnehmen und dann meinen Ankerpunkt zurück in die Mitte setzen. Wenn ich einen Drehschlüsselrahmen feststelle, verschieben Sie ihn zurück an den Anfang der Animation, und ändern Sie ihn dann in etwa 90 Grad, dreht sich meine Ebene von 0 bis 90 um den Ankerpunkt in der Mitte der Ebene. Wenn ich diesen Ankerpunkt in der oberen linken Ecke ändern und eine Vorschau darauf anzeigen sollte, können Sie sehen, dass meine Rotationsanimation völlig anders ist, da sie die Rotation des Ankerpunkts der Ebeneauf die gleiche Weise basiert die Rotation des Ankerpunkts der Ebene , wie die -Skalierung basiert auf dem Ankerpunkt. Wenn Sie jemals versuchen, etwas auf eine bestimmte Weise zu skalieren oder zu drehen und es sich nicht so ergibt, wie Sie wollen, könnte es daran liegen, wo Ihr Ankerpunkt eingestellt ist. Denken Sie daran, wie sich der Ankerpunkt auf die Animation auswirkt. Ich werde rückgängig machen, bis wir zu unserer Skalenanimation zurückkommen. Lassen Sie uns darüber reden, wie wir das von unten nach oben skalieren können. Nun, ich könnte versuchen, das genau richtig zu positionieren , damit es von unten nach oben animiert wird, und das könnte nah genug an dem sein, was wir brauchen, aber wie könnten wir genauer sein? Nun, After Effects verfügt über eine Fangfunktion, mit Sie Ankerpunkte viel genauer platzieren können. Wenn Sie auf die Symbolleiste kommen und auf dieses Kontrollkästchen „Fangen“ klicken, können Sie jetzt, wenn ich meinen Ankerpunkt verschieben, sehen, dass er an verschiedenen Punkten auf dem Bildschirm rastet, nicht nur basierend auf dieser Ebene, sondern alles innerhalb der Komposition. Wenn ich wollte, dass diese Ebene in der oberen rechten Ecke des Rahmens abskaliert wird, könnte ich dies tun, indem ich den Ankerpunkt an diesem Punkt schnappte und loslasse. Dann animiere ich das und du siehst, dass unsere Skala jetzt aus dieser Ecke des Rahmens kommt. Aber was wir wollen, ist, diesen Ankerpunkt an die Basis dieser Ebene zu verschieben. Da wir Fangen aktiviert haben, können wir feststellen, dass dies genau die Basis dieses Objekts ist. Ich spiele das zurück, und das sieht ziemlich gut aus. Aber gerade jetzt skaliert es auf der X- und Y-Achse, beide. Es wächst bis zu diesem Punkt. Was wäre, wenn wir nur auf der Y-Achse skalieren wollten? Nun, alles, was wir tun müssen, ist unsere X- und Y-Werte aufzuheben, indem Sie auf dieses kleine Symbol klicken. Wenn ich nun zum Anfang zurückgehe, kann ich die x- und y-Werte unabhängig voneinander anpassen. Wenn wir diesen Satz auf 100 auf der X-Achse belassen , können Sie sehen, dass es jetzt von unten nach oben wächst. Aber die Breite ist die ganze Zeit gleich. Ich denke, so möchte ich diese Form animieren, also bin ich glücklich damit. Als nächstes machen wir dasselbe mit der obersten Ebene, außer sie von oben nach unten zu animieren. Ich wechsle zu meinem Ankerpunkt-Werkzeug, klicke und ziehe den Ankerpunkt, bis er am oberen Rand der Ebene rastet, gehe zurück zum ersten Frame, hebt die Verknüpfung von X und Y auf, setze das x auf 100 Prozent, Vorschau darauf. Jetzt skaliert es von oben nach unten mit einer konstanten Breite. Zuletzt muss ich entscheiden, wie ich den Rahmen animieren möchte. Ich denke, ich bin damit einverstanden, dass es von der Mitte skaliert wird, aber dieses Mal, anstatt von einer Seite zur anderen zu gehen, lassen Sie uns von innen nach außen animieren und animieren. Ich gehe zum ersten Frame zurück, hebt die Verknüpfung der beiden Eigenschaften auf, lasse mein x auf Null gesetzt und ändere mein y in 100 und Vorschau. Sie können sehen, wie das Spielen mit dem Ankerpunkt und die verschiedenen Werte Ihnen verschiedene aussehende Animationen geben. 9. Vereinfache die Bewegung!: Jetzt habe ich meine Kernschlüssel-Frames gesetzt, es ist Zeit, den Diagramm-Editor zu verwenden, um sie zu erleichtern. Konzentrieren wir uns nur auf den Rahmen. Ich werde das solo, indem ich auf den Solo-Schalter klicke, und ich werde diese anderen beiden Ebenen zusammenbrechen. Wenn ich nun in meinen Graph-Editor gehe und auf die Eigenschaft Scale klicke, gib mir ein wenig mehr Platz zum Arbeiten und wir schauen uns das Wertediagramm erneut an. Ich werde meinen zurück zum Geschwindigkeitsdiagramm wechseln, weil es für das , was ich versuche, gut funktionieren wird. Da die Eigenschaft Scale zwei unterschiedliche Werte aufweist, haben wir wieder zwei verschiedene Diagrammlinien. Ich klicke und ziehe ein Feld um diese beiden Schlüsselbilder, und ich werde Easy Easy Ease erneut anwenden. Der Grund, warum ich Easy Ease anwenden möchte, liegt darin die Start- und Endpunkte in eine Ruheposition gebracht werden. Auf diese Weise möchte ich normalerweise, dass Dinge animiert werden, beginnend und enden in einer Ruheposition. Es ist also nur ein guter Ausgangspunkt. Dieses Mal, anstatt auf diese Schaltfläche zu klicken, werde ich die Tastenkombination verwenden, die F9 auf der Tastatur ist. Jetzt ist es für PC-Benutzer so einfach wie das Drücken von F9. Für Mac-Benutzer haben Sie höchstwahrscheinlich die Funktionstaste mitgeteilt, die sich direkt neben der Home-Taste befindet, und drücken Sie dann F9 auf der Tastatur. Das liegt daran, dass die Art und Weise, wie das Betriebssystem eingerichtet ist, diese Tasten auch als Lautstärkeregler und Wiedergabesteuerung für Musikprogramme funktionieren. Sie können dies ändern, indem Sie in Ihre Systemeinstellungen gehen und zum Abschnitt „Tastatur“ gehen, aber dann müssen Sie die Funktionstaste gedrückt halten, um Dinge wie das Ändern der Lautstärke zu tun. Es liegt also an dir, wie du es anlegen willst. Ich lasse es normalerweise so, wie es ist, halten Sie einfach die Funktionstaste gedrückt und drücken Sie F9. In Ordnung, jetzt, wo wir Schlüsselbilder gelockert haben, spielen wir das zurück und sehen, wie es aussieht. Es ist ein bisschen besser, aber übertreiben wir diese Bewegung ein bisschen mehr. Ich möchte, dass es länger dauert, sich zu öffnen und viel länger, um nach und nach zu seinem Ruhepunkt zu gelangen. Also wähle ich den ersten Schlüsselrahmen aus, greife diesen Einflussgriff und ziehe ihn heraus. Nun noch eine andere Sache, die ich erwähnen sollte, ist, dass mein Griff an der aktuellen Position des Schlüsselrahmens geschnappt wird . Das liegt daran, dass ich dieses Magnet-Symbol eingeschaltet habe, das einrastet. Dadurch können meine Griffe zueinander und an der Basis einrasten. Wenn ich das ausschalten würde, wäre es viel schwieriger, diesen Wert genau auf Null zu halten. Also habe ich typischerweise damit gearbeitet. Aber wenn du Probleme hast, es genau auf Null zu bringen, dann ist das wahrscheinlich der Grund. Okay, also werde ich diesen Griff neu positionieren , damit er etwas mehr Einfluss auf die Bewegung hat, und dann ziehe ich den ganzen Weg nach links auf 100 Prozent Einfluss. Mal sehen, wie das aussieht. Das ist ziemlich cool. Ich würde sagen, lassen wir das für jetzt und dann machen das Glas auf und sehen, wie sie zusammenarbeiten. Ich werde diese Ebene aufheben, sie zusammenklappen und dann aus meinem Graph-Editor herauskommen und rechtzeitig vorwärts gehen, bis das Fenster mindestens die Breite einer der Glasscheiben hat. Ich möchte meine beiden Glasscheiben-Layer zu diesem Zeitpunkt verschieben, damit sie erst mit der Animation beginnen, wenn der Fensterrahmen die gesamte Breite dieser beiden Ebenen verdeckt. Klicken Sie auf die erste Ebene, klicken Sie bei gedrückter Umschalttaste auf die zweite Ebene, klicken Sie dann und ziehen Sie sie, bis sie zu diesem Zeitpunkt gehen. Jetzt wird die erste Ebene animiert, und dann kommen die zweiten beiden darauf an. Ich bin mir ziemlich sicher, dass die Kurven beider Ebenen gleich sind, und Sie können tatsächlich mehrere Ebenen Geschwindigkeitsdiagramme gleichzeitig bearbeiten. Wenn ich also auf diese beiden Ebenen klicke und S drücke, um meine Skala aufzurufen, kann ich den Diagramm-Editor öffnen, auf die erste Ebenenskala klicken, Befehlstaste oder Ctrl-Taste auf die Skala der zweiten Ebene klicken, und jetzt werden beide Ebenen skaliert -Eigenschaften werden innerhalb des Diagramm-Editors dargestellt. Zeichnen Sie einen Rahmen um alle Schlüssel-Frames und erleichtern Sie die Schlüssel-Frames erneut, indem Sie F9 auf der Tastatur drücken, und dann mache ich die gleiche Art von Geschwindigkeitskurve wie auf dem Frame. Ich wähle die ersten beiden Schlüssel-Frames aus, ziehe den Einfluss ein wenig heraus, und dann greife ich die letzten beiden Schlüssel-Frames und ziehe diesen Einfluss bis auf 100. Dann werde ich eine Vorschau dieser Animation anzeigen. Ich bin ziemlich zufrieden mit der Art, wie das aussieht. Jetzt werde ich diese Ebenen nur ein wenig staffeln, damit sie nicht exakt zur gleichen Zeit animieren. Dann wähle ich beide Ebenen aus und verschiebe sie nur leicht in die Zeit zurück. Das Ganze passiert ein bisschen schneller. Das ist es im Grunde für das obere Fenster. Nun, wenn ich wieder in meine Haus-Build Comp gehe und ich eine Vorschau dieser Animation, können Sie sehen, dass, weil ich mehrere Kopien desselben PreComp habe, innerhalb dieses Comp, die Animation, die wir gerade auf die Single angewendet -Fenster wird über alle Kopien dupliziert. diesem Grund ist PreComping so praktisch. Nehmen wir an, ich möchte nicht, dass alle diese Fenster gleichzeitig animiert werden. Was wäre, wenn ich mit dem ersten beginnen und mich dann in beide Richtungen nach außen bewegen wollte? Nun, wenn alle meine Ebene ausgewählt ist, klicke ich bei gedrückter Umschalttaste auf die mittlere Ebene, um die Auswahl aufzuheben, dann halte ich Wahltaste oder Alt auf einem PC und drücke Seite nach unten. Dadurch wurden alle ausgewählten Ebenen um einen Frame nach vorne verschoben. Dann werde ich bei gedrückter Umschalttaste auf die nächsten beiden Fenster klicken, also habe ich nur die äußeren Fenster ausgewählt, halten Sie die Option gedrückt und drücken Sie erneut die Seite nach unten. Jetzt werden diese Layer in der Zeit so versetzt, dass die Animation kaskadiert wird. Wenn ich dies in der Vorschau vorschaue, ist es ein wenig schwer zu sehen, weil ich sie nur einen Frame nach dem anderen versetze. Wenn ich sie wieder versetze, sagen wir drei Frames, 1, 2, 3, und dann klicke ich bei gedrückter Umschalttaste auf diese beiden Fenster und füge drei weitere Frames hinzu, 1, 2, 3, ist es dramatischer. Sie können jetzt sehen, dass die erste Ebene, auf der animiert werden soll, die Mitte ist , gefolgt von denen auf beiden Seiten und schließlich die ganz außen. Nehmen wir an, ich wollte es von links nach rechts animieren. Nun, ich werde diese Ebenen wieder auf den ersten Frame zurücksetzen , indem ich meinen Abspielkopf zum ersten Frame und dann die linke Klammer auf der Tastatur drücke. Dadurch werden alle ausgewählten Ebenen in Punkten auf den Abspielkopf verschoben. Dieses Mal, wenn alle fünf Ebenen ausgewählt sind, klicke ich bei gedrückter Umschalttaste auf die erste, verschiebe den Rest vier Frames nach vorne, 1, 2, 3, 4. Bewegen Sie meinen Abspielkopf vorwärts, damit ich sehen kann, was los ist. Klicken Sie bei gedrückter Umschalttaste auf die nächste Ebene vier Bilder vorwärts. Klicken Sie bei gedrückter Umschalttaste, 1, 2, 3, 4. Klicken Sie bei gedrückter Umschalttaste, 1, 2, 3, 4. Spielen Sie das zurück. Jetzt animieren sie von links nach rechts. Für dieses Projekt liegt es ganz bei Ihnen, wie Sie Ihr Haus animieren möchten. Aber es gibt so ziemlich eine unbegrenzte Anzahl von Möglichkeiten, wie Sie dies tun können, zwischen dem Anpassen der Art und Weise, wie Ihre Ebenen erscheinen, und dann dem Timing der Ebenen in Ihrem Hauptkomp. Man kann etwas ganz anderes aussehen als das, was ich hier habe, sehr leicht machen. Es liegt also an dir, so kreativ zu sein, wie du möchtest. 10. Überschwingen animieren: Gehen wir zurück in unsere PreComp und sehen, ob wir diese Animation ein wenig spannender machen können. Ich werde diese beiden Ebenen zusammenklappen und zu unserer Bildebene zurückkehren und „S“ drücken, um die Skala aufzurufen. Dann gehe ich in den Diagramm-Editor und wähle die Eigenschaft Scale aus und dieses Mal möchte ich zu meinem Wertegraph wechseln. Wenn ich meine Keyframes auswähle und sie auf einfache Weise zurücksetze, werde ich diese Ebene solo, damit ich mich darauf konzentrieren kann. Im Moment geht die Animation von der Mitte nach außen auf der X-Achse, aber sie geht immer noch nur von Punkt A nach Punkt B. Ich möchte dieser Animation ein wenig mehr Charakter hinzufügen. Um dies zu tun, werde ich rechts hier sichern und einen anderen Keyframe setzen, indem Sie auf die Schaltfläche „Keyframe hinzufügen“ klicken, und dann werde ich auf diesen Keyframe klicken und ziehen bis er über den Wert des letzten Keyframes geht. Jetzt wird unsere Ebene von Null auf breiter als 100 Prozent animiert und dann wieder auf 100 Prozent skaliert. Wenn ich auf diesen neuen Ziehpunkt klicke und ziehe, sehen Sie, dass er sich auch nicht auf diesen Ziehpunkt auswirkt. Um das zu beheben, halte ich „Option“ oder „Alternative BC“ und bewege den Mauszeiger über den Keyframe, damit du sehen kannst, dass mein Tool jetzt geändert wurde. Wenn ich klicke, wird das meine Griffe loswerden und wenn ich dann noch einmal klicke, bringt es die Griffe zurück. Jetzt sind diese beiden Griffe miteinander verbunden, weil sie miteinander verbunden sind, unsere Kurve wird schön und glatt sein. Wenn ich die Option gedrückt halten und erneut auf diesen Griff klicken würde, kann ich ihn unabhängig bewegen, aber dann kommt unsere Wertekurve zu diesem Punkt einem bestimmten Winkel und ändert dann vollständig die Richtungen, in einem bestimmten Winkel und ändert dann vollständig die Richtungen, und es wird zu einer sehr jaggedy Animation. Ich gehe weiter und spiele das zurück, damit du sehen kannst, was ich meine. Sehen Sie, wie es am Ende dorthin springt. Es ist fast so, als würde es eine Wand schlagen. Es ist nicht das, wonach ich suche. Wenn ich „Option“ noch einmal oder „Alternate BC“ halte, klicke auf den Keyframe und klicke dann noch einmal, jetzt habe ich eine schöne glatte Kurve. Ich klicke auf diesen Griff und halte die „Umschalttaste“, und das wird die Griffe gerade quer einrasten. Ich werde meine Griffe nur ein wenig ändern, während ich die Shift-Taste gedrückt halte, so dass der Wert ziemlich schnell zu diesem Punkt kommt und dann in sein endgültiges Ziel erleichtert. Lassen Sie uns eine Vorschau darauf, und jetzt sehen Sie, dass unsere Animation ein wenig wie eine hüpfende Animation macht und das ist, was ich tun werde. Diese Art von Kurve, die über ihren endgültigen Wert geht, bevor sie zu einem Ruhepunkt kommt, wird es als Overshoot bezeichnet. Es ist eine sehr häufige Technik in der Animation und kann eine Menge Persönlichkeit hinzufügen. Ich werde dies ein wenig mehr übertreiben, indem ich diesen Keyframe nach oben klicke und ziehe, also geht es noch weiter nach außen. Das werden wir zurückspielen. Jetzt können Sie sehen, dass die Breite noch weiter ausgeht, bevor Sie zum Endpunkt kommen. Wenn ich auf den Keyframe klicke und in der Zeit nach hinten ziehe, kann ich diese anfängliche Animation beschleunigen. Wenn ich wollte, könnte ich hier einen weiteren Keyframe hinzufügen, indem ich zum Stiftwerkzeug wechselte, hier oben auf das Werkzeug klicke oder „G“ auf der Tastatur drücke, einen weiteren Keyframe hinzufüge und zu meinem Auswahlwerkzeug zurückkehre, indem du auf der Tastatur „V“ drückst oder klicken Sie rechts hier oben. Dann klicken Sie und ziehen Sie diesen Keyframe nach unten unter den endgültigen Wert, klicken Sie bei gedrückter Umschalttaste, um diese Kurve horizontal zu machen, passen Sie mein Wertediagramm ein wenig an und spielen Sie es dann zurück und jetzt haben wir eine zusätzliche Bounce. Ich gehe voran und wähle diese beiden Keyframes und schiebe sie dann ein wenig rechtzeitig nach hinten, so dass sie ein bisschen schneller passieren. Dies verleiht der Schicht eine gewisse Elastizität. Sie können Ihren Objekten unverwechselbares Gefühl visuell mit dieser Technik geben, Ich mag die Art und Weise, die aussieht. Ich werde diese Ebene aufheben und dann die Animation erneut in der Vorschau anzeigen. Wenn ich nun wieder aus meinem Diagramm-Editor wechsle, kann ich die zweiten beiden Ebenen in der Zeit zurück nach rechts hier verschieben, so dass das Ganze schneller passiert. Lassen Sie uns diese Überschreitung Animation wieder tun, aber dieses Mal aus der Mitte dieser Ebene. Ich werde diese Ebene solo, gehe in die Skala dieser Ebene, setze den Ankerpunkt auf die Mitte der Ebene zurück, indem „Option Command Home“ oder „Alt Control Home“ auf einem PC halte. Sehen Sie sich diese Animation an und sehen Sie, dass sie jetzt aus der Mitte kommt. Aber ich werde meinen ersten Keyframe wieder auf 0 um 0 wechseln, also skaliert es vollständig von der Mitte des Frames. Es passiert nicht genau so, wie ich es wollte, denn die Lockerung für eine Achse ist nicht die gleiche wie die Lockerung für die andere Achse. Um das zu beheben, wähle ich beide Keyframes aus, vereinfachen sie durch Drücken von „F9" auf der Tastatur und jetzt animieren sie im gleichen Tempo. Lassen Sie uns den gleichen Trick erneut tun, indem Sie über diesen Punkt gehen, einen weiteren Keyframe hinzufügen, indem Sie „G“ drücken, um mein Stiftwerkzeug aufzurufen, klicken Sie zurück zum Auswahlwerkzeug, indem Sie „V“ drücken, klicken Sie und ziehen Sie nach oben. Sie werden feststellen, dass ich beide Ankerpunkte nicht gleichzeitig verschieben konnte. Dies ist, wo die Dinge mit dem Wertediagramm ein wenig schwierig werden können. Wenn ich versuche, dies nach oben zu verschieben und diesen Wert einzustellen, und dann versuche ich, meinen zweiten Zugriff auf denselben Punkt zu verschieben , rasten sie leider nicht zusammen. Es wird an einem anderen Keyframe gefangen, aber nicht die gleichen Keyframes anderen Achsen. Die Art und Weise, wie ich sicherstellen kann, dass dieser Achsenwert auf die gleichen Achsenwerte wie dieser eingestellt ist, kann ich einfach hier zur Scale Eigenschaft kommen , klicken Sie auf den Wert, den ich auf beide anwenden möchte, kopieren Sie durch Drücken von „Befehl C“ oder „Control C“ auf einem PC, klicken Sie dann auf den zweiten Wert und fügen Sie ein. Jetzt befinden sich beide Wertpunkte an der gleichen Stelle. Dann werde ich diese Griffe einfach so anpassen, dass sie so eng wie möglich übereinstimmen und das wiedergeben. Wir haben einen netten kleinen Überschuss. Ich werde diesen Keyframe ein wenig rückwärts bringen. Dann fügen Sie gleich hier einen weiteren Keyframe hinzu. Klicken und ziehen Sie, bis er sich unterhalb des letzten Werts befindet. Erleichtern Sie die Keyframes, indem Sie „F9" auf der Tastatur drücken und dann klicken und ziehen Sie auf diese Griffe, um mein Wertediagramm anzupassen, und nur Finesse dies ein wenig, so dass ich visuell sehen kann , dass die Kurve wird, um den Typ Antrag, den ich will. Dann spielen Sie das zurück und das ist ein bisschen extrem. Ich werde das nur ein bisschen verfeinern. Sehen Sie sich das an und passen Sie das einfach ein bisschen mehr an. So nähere ich mich wirklich jeder Animation an. Du musst nur damit spielen, bis es so aussieht, wie du es willst. Hier stoße ich auf ein Problem, bei dem ich meinen Punkt nicht an die Stelle platzieren kann , wo ich möchte, weil ich das Fangen aktiviert habe. Wenn ich das deaktiviert habe, kann ich das genau dort platzieren, wo ich es will und dann das Einrasten wieder einschalten. Dann denke ich, ich möchte diese beiden Keyframes nur ein wenig verschieben. Ich wähle die beiden Keyframes aus, halte „Option“ oder „Alt“ auf einem PC und drücke einige Male den Pfeil nach links und mache dann dasselbe für den letzten Keyframe. Vorschau, dass. Ich bin ziemlich glücklich damit. Ich werde diese Schicht unsolo machen, damit wir sehen können, wie sie insgesamt aussieht. Das sieht ziemlich gut aus. Nun, was wäre, wenn wir den Ankerpunkt dieser Ebene ändern würden, um in der oberen linken Ecke zu sagen und jetzt geschieht unser Überschuss in dieser diagonalen Richtung. Wiederum, spielen Sie einfach mit Ihrem Graph-Editor in Kombination mit dem Ankerpunkt herum und versuchen Sie einfach mit einigen Dingen zu experimentieren, um zu sehen, was Sie sich einfallen können. Ich werde den Ankerpunkt nach oben verschieben und sehen, wie das aussieht. Das gefällt mir. Ich werde diese Keyframes tatsächlich kopieren und in die andere Ebene einfügen, damit ich die gleiche Art von Animation haben kann. Befreien Sie sich dieses letzte Schlüsselbild und dann ist mein Ankerpunkt bereits dort eingestellt, wo ich es will. Ich werde das in einer Vorschau sehen. Jetzt habe ich eine völlig anders aussehende Animation, als ich das erste Mal hatte. Gehen wir zurück zu unserem Hauptkomp und sehen, wie das aussieht. Sehr schnell war ich in der Lage, das Aussehen der gesamten Animation bis jetzt zu ändern. Dies ist die Grundlage für das, was wir für den Rest des Hauses tun werden, wir werden die unteren Fenster auf die gleiche Weise animieren. Es gibt nur ein hinzugefügtes Element dieses oberen Dreiecks. Die Tür ist wahrscheinlich die komplizierteste, nur weil sie ein paar zusätzliche Elemente hat. Dann gibt es die Lampe, die Büsche und dann die Hauptkomponenten des Hauses. Sie können so viel oder so wenig Details hinzufügen, wie Sie möchten. Es liegt ganz an dir. 11. Arbeiten mit Diagrammen: Lassen Sie uns die nächste Tür animieren, da das etwas komplizierter ist. Ich werde auf einen „PreComp“ doppelklicken, mir ein bisschen mehr Platz geben. Wieder möchte ich so ziemlich von hinten nach vorne animieren. Fangen wir mit dem Rahmen an. Ich werde diese Schicht Solo machen. Dieser möchte ich von unten nach oben wachsen. Ich verschiebe meinen Ankerpunkt nach unten, sicher, dass ich das Fangen aktiviert habe, und raste ihn an diesem Punkt genau dort ein. Dann öffne ich die Skala, indem ich auf der Tastatur S drücke, und ich gehe zu Frame 30 statt Keyframe, indem ich auf die „Stoppuhr“ klicke. Dann gehe ich zurück zum Anfang, hebt die Verknüpfung meiner beiden Skalierungswerte und setze dann die Y-Skala auf Null. Jetzt haben wir die Animation der Tür, die von unten nach oben wächst. Aber das sind langweilige lineare Keyframes. Lassen Sie uns in unseren Graph Editor gehen, und diese kleine praktische Schaltfläche passt alle Ihre Grafiken zu sehen. Wenn ich darauf klicke, sehen Sie, dass das in meiner Timeline zoomt, so dass ich mich auf meine Kurve ein wenig mehr konzentrieren kann. Wiederum werde ich die Keyframes erleichtern, indem ich beide auswählen F9 auf der Tastatur drücken. Jetzt haben wir eine schöne kleine S-Kurve. Ich werde dafür sorgen, dass der Türrahmen eine gute Zeit braucht, um auf die Geschwindigkeit zu kommen , bevor er überspringt, und ruht dann am letzten Keyframe. Ich füge hier einen weiteren Keyframe hinzu, schiebe ihn nach oben, wahrscheinlich ein wenig weiter, klicke und ziehe die Umschalttaste gedrückt, und passe dann die Kurve ein wenig mehr an, und ich spiele das zurück. Lassen Sie mich rauszoomen, damit wir die ganze Tür sehen können. Jetzt haben wir einen ziemlich anständigen Größenüberschuss , der vielleicht ein bisschen zu groß sein könnte, also werde ich den Keyframe greifen und ihn nur ein wenig runterziehen. Dann lassen Sie es ein wenig in der Zeit zurückbewegen, indem Sie Option oder Alt auf einem PC gedrückt halten und den Pfeil nach links drücken. Sehen Sie sich das an. Das ist ein bisschen besser. Wir fügen hier einen weiteren Keyframe hinzu, ziehen Sie ihn nach unten, Umschalttaste, klicken. Nur meine Kurve ein bisschen mehr. Sobald Sie dies genug Mal tun, werden Sie beginnen zu bemerken, dass Sie tatsächlich sagen können, wie extrem Sie Überschreitung wird nur durch einen Blick auf die Kurve sein, aber es ist wirklich nur etwas, mit dem Sie experimentieren und sich daran gewöhnen müssen. Lassen Sie uns eine Vorschau anzeigen, wie das aussieht. Es dauert ein wenig zu viel Zeit, um anfangs zu animieren, also werde ich nur einige auf meinen Keyframes neu positionieren. Sehen Sie sich das an. Weißt du was? Ich könnte einen weiteren Keyframe mit ein wenig Überschuss direkt am Ende hinzufügen. Ich werde mein Snapping deaktivieren, nur damit ich es ein wenig genauer positionieren kann . Dann sollte das ziemlich gut sein. Das ist nicht gut, also lasst uns diese Keyframes ein wenig mehr neu positionieren . Sehen Sie, wie das geht. Ich denke, Sie müssen diesen Wert verringern. Eine andere Möglichkeit, den Wert anzupassen, anstatt einfach auf den Keyframe zu klicken und zu ziehen , besteht darin, den Wert direkt hier anzupassen. Nun, einfach klicken und ziehen, ist es ziemlich schwer, sehr genau zu sein, aber wenn Sie Befehlstaste oder Steuerelement auf der Tastatur gedrückt halten, können Sie in einem viel kleineren Maßstab anpassen. Ich werde das einfach anpassen, bis es dort ist, wo ich es will, und eine Vorschau darauf. Das ist ziemlich gut. Ich möchte diesen Wert auch anpassen, also ist er nicht so extrem. Dann möchte ich diese nur noch ein bisschen mehr ausräumen. Das sieht ziemlich gut aus, damit bin ich zufrieden. Gehen wir zur nächsten Ebene, die die Tür sein würde. Da dieser animiert, warum animieren wir nicht die Tür nach unten? Ich werde diese Schicht solo machen. Positionieren Sie den Ankerpunkt so, dass er oben ist, und dann kann ich diese Keyframes einfach kopieren und einfügen. Da der Überschuss bereits herausgefunden ist, und wenden Sie es auf die Türschicht an, um zu sehen, ob es auf die gleiche Weise funktioniert. Wenn ich eine Vorschau darauf sehe, sieht es gut aus. Aber etwas, an das ich gerade gedacht habe, ist, dass das tatsächlich die Tür hinter dem Punkt des Rahmens schiebt. Ich möchte nicht, dass diese Ebene außerhalb des Rahmens geht. Dieses Mal, anstatt einen Überschuss zu machen, denke ich, ich werde einfach Punkt A nach Punkt B machen und die Kurve nur ein wenig anpassen. Da ich nichts Kompliziertes mache, brauche ich das Wertediagramm nicht wirklich, also gehe ich zurück zum Geschwindigkeitsdiagramm, nur damit du ein wenig mehr davon sehen kannst, wie das funktioniert. Ich wähle meine beiden Keyframes aus und setze sie auf einfache Weise zurück, indem ich F9 drücke, und dann werde ich meinen Geschwindigkeitsgriff greifen und ihn auf etwa 65 Prozent ziehen und dann dasselbe für diesen Griff tun, Runde 65. Sehen Sie sich das an. Das ist ziemlich gut, aber ich möchte es noch ein bisschen übertreiben. Ich werde um 85 gehen, und mal sehen, wie das mit der anderen Schicht aussieht. Ich denke, das sieht gut aus, es muss nur ein wenig neu timed werden jetzt, also werde ich es rechtzeitig vorwärts bringen, bis genau dort, und ich werde meine Timeline verkleinern, indem ich Minus-Taste drücke, Vorschau dies. Ich denke, die Animation läuft nur ein wenig zu langsam ab, also werde ich meinen zweiten Keyframe greifen und ihn rechtzeitig ein wenig nach hinten ziehen. Cool. Machen wir die Spitze als Nächstes. Ich werde diese beiden Schichten loslegen. Nun, wegen der Überschreitung, möchte ich wahrscheinlich nicht, dass die Spitze beginnt, bis etwa zu diesem Punkt zu animieren. Ich werde die Ebene solo setzen und die Ebene zu diesem Zeitpunkt verschieben, indem erneut die linke Klammer drücke, um den Endpunkt dieser Ebene auf meinen Spielkopf zu verschieben. Dann verschiebe ich meinen Ankerpunkt an die Basis dieser obersten Ebene, ich werde mit dem Scrollrad vergrößern und neu positionieren, indem Sie die Leertaste gedrückt halten , um sicherzustellen, dass es genau dort ist, wo ich es will. Der Grund, warum After Effects sagt, dass dies die Basis meiner Ebene ist, liegt darin, dass, wenn ich die Sichtbarkeit meines Shape-Pfads aktiviere, Sie sehen können, dass hier der eigentliche Pfad für diese Ebene angezeigt wird. Der Grund, warum die Form außerhalb dieses Pfads verläuft, liegt darin, dass diese Ebene einen Strich aufweist. Wenn es keinen Schlaganfall gäbe, wäre das genau dort, wo wir es wollen, aber weil ich den Schlag darauf habe, muss ich das Einrasten ausschalten, damit ich es von Hand neu positionieren kann. Genau wie das Verschieben von Ebenen, wenn ich die Umschalttaste gedrückt halte, wird es nur links oder rechts oder oben und unten in Positionen gefangen . Halten Sie die Umschalttaste gedrückt, und verschieben Sie sie, bis sie sich über die Basis der Ebene befindet, und jetzt kann ich sie so animieren, wie ich es will. Ich setze einen Skalierungsschlüsselbild ein, indem ich die Option oder die Alt auf einem PC gedrückt halte und S drücke. Dann 20 Frames vorwärts, indem du die Option Umschalttaste gedrückt hältst und zweimal den Pfeil nach rechts drückst oder Alt-Shift auf einem PC gedrückt hältst, und dann werde ich dies auf Null skalieren Y-Achse. Jetzt animiert es und eine wachsende Bewegung von unten nach oben. Wählen wir unsere Keyframes aus, gehen Sie in unseren Diagramm-Editor, erleichtern sie einfach, indem Sie F9 auf der Tastatur drücken, und passen Sie dann die Geschwindigkeitsgriffe an, bis wir etwas einfallen, das uns gefällt. Mir geht es gut mit dieser Animation, ich glaube nicht, dass man Überschreitung braucht. Ich kann diese Ebene unsolo und stellt sicher, dass es gut mit den anderen beiden Ebenen, die wir bereits animiert haben, Timed ist. Ich denke, es könnte etwas früher rauskommen, also bringe ich es hier zurück. Sehen Sie, wie das aussieht. Ich mag es. Jetzt gebe ich diese sehr dünne Lücke zwischen den beiden Schichten. Ich werde nur den oberen auswählen und ihn ein paar Mal nach unten bewegen , indem ich die Abwärtstaste auf der Tastatur drücke. Nun, wenn ich das wiederspiele, sieht ziemlich gut aus, gibt es keine Lücke und wir können zum Glas übergehen. Lassen Sie uns das Fenster und die Fenster-Layer einzeln einblenden. Ich zoomen und möchte diese beiden Ebenen auch von der Basis aus animieren. Ich positioniere den Ankerpunkt nach unten. Auch da diese Ebene einen Strich hat, funktioniert die Fangfunktion nicht, also mache ich dies einfach mit I. Ich mache das noch einmal für die zweite Ebene. Dann gehe ich zu einem Frame 20, stelle vielleicht einen Keyframe für beide Ebenen der Skalierungseigenschaft fest, indem ich die Option oder Alt auf einem PC gedrückt halte und S drücke, dann scrollen Sie zurück zu Frame Null, und skaliere sie beide auf Null. Nun skalieren sie beide von der Basis. Sehr einfach. Ich werde meine Timeline ein wenig aufräumen, damit ich mich auf diese beiden Ebenen konzentrieren kann. Nun, was ich tatsächlich passieren möchte, ist, dass diese Fensteroffenbarungsebene das ganze Glas verdeckt, während die Hauptfensterschicht nach oben skaliert wird, und dann auf seinen Ruhewert skaliert wird. Ich möchte diese beiden Keyframes tatsächlich 20 weitere Frames vorwärts verschieben. Anstatt dieses auf Null zu setzen, skalieren Sie es so, dass es das ganze Glas bedeckt. Auf diese Weise kommen wir zu diesem Punkt, ohne etwas von dem Glas zu sehen , und dann skaliert es nach unten, um es zu enthüllen. Das Problem ist vor diesem Punkt, es wird nicht nach unten skaliert. Nun, die Art und Weise, wie ich dies beheben werde, ist, anstatt einen Keyframe zu setzen, die Fensteroffenbarungsebene auf die Fensterebene zu überlagern. Auf diese Weise folgt der Fensterausblend-Layer transformierten Eigenschaften, die bereits für den Hauptfenster-Layer festgelegt wurden. Wenn ich rückwärts scrolle, sehen Sie, dass die zweite Ebene mit der ersten Ebene skaliert und dann auf ihren Ruhewert herunterskaliert. Jetzt, da wir unseren Keyframe gesetzt haben, können wir in unseren Diagramm-Editor gehen. Ich gehe in den Diagramm-Editor, wähle die Keyframes aus, vereinfachen sie durch Drücken von F9 auf der Tastatur und mache einige übertriebene Bewegungen. Tun Sie dasselbe für die zweite Schicht. Einfache Leichtigkeit, übertriebene Bewegung. Sehen Sie sich das an. Ich denke, der Antrag ist ziemlich gut, jetzt ist es nur eine Frage des Timings. Ich werde aus meinem Graph-Editor kommen und dann diese beiden Keyframes in der Zeit ein wenig nach hinten verschieben. Sie kommen ein wenig näher an die Zeit, in der die erste Ebene nach oben skaliert wird. Genau da, Vorschau. Aber ich bin eigentlich nicht allzu glücklich mit dieser Bewegung, also denke ich, dass ich die Geschwindigkeitsgriffe ein wenig mehr einstellen möchte. Ich wähle alle meine Keyframes aus und gehe in den Diagramm-Editor. Jetzt sehen Sie, ob wir tatsächlich verschiedene Graphen gleichzeitig anpassen können. Diese erste ist unsere Haupt-Ebene, und unsere Kurve geht in diese Richtung, weil sie von einer niedrigeren Zahl zu einer höheren Zahl skaliert , so dass die Geschwindigkeit in einer positiven Richtung liegt. Unsere zweite Ebene beginnt jedoch mit einem höheren Wert und skaliert auf einen niedrigeren Wert, so dass die Geschwindigkeit in einer negativen Richtung geschieht. Deshalb werden diese beiden Kurven gespiegelt. Nun, was ich tun möchte, ist, das letzte Keyframe beider Ebenen gleichzeitig anzupassen. Ich werde das tun, indem ich einen Rahmen um die zweiten beiden Keyframes zeichne. Dann passe ich die Griffe an, und du siehst, dass sie genauso betroffen sind. Dies ist eine sehr praktische Möglichkeit, mehrere Eigenschaften anzupassen. Ich werde das etwas weniger dramatisch machen. Dann wähle ich die ersten beiden Keyframes aus und steigere den Einfluss ein wenig und sehe, wie das aussieht. Das ist nur ein bisschen glatter von einer Animation. Ich möchte dieses Timing immer noch ein wenig anpassen, also wähle ich diese beiden Keyframes aus und verschiebe es in der Zeit zurück, indem du auf einem PC Wahltaste oder Alt drückst und den Pfeil nach links drückst. Ich werde das nochmal in der Vorschau sehen. Ich finde, das sieht ziemlich gut aus. Lassen Sie uns aus unserem Diagramm-Editor herauskommen, entfernen Sie diese Ebenen, zoomen Sie heraus und sehen Sie dann eine Vorschau der gesamten Animation. Ziemlich gut, außer dass ich vergessen habe, mein Fenster zu wiederholen, also ziehe ich das einfach rechtzeitig nach vorne bis die Tür hinter dem Fenster ist. Dann schauen Sie sich das noch einmal an. Ich finde, das sieht ziemlich gut aus. Jetzt können wir in unsere Hauptkomp zurückkommen, Vorschau auf die Animation sehen, und wir sind einem Schritt näher, das ganze Haus animieren zu lassen. Für Ihr Klassenprojekt sollten Sie alle so eingestellt sein, dass Ihr Haus animiert wird. Gehen Sie voran und seien Sie so kompliziert oder so einfach, wie Sie es mit Ihrer Animation wünschen. Sobald Sie damit fertig sind, gehen Sie weiter und fahren Sie mit dem nächsten Video zum Exportieren fort. 12. Erstellen eines Loops: Das ist meine letzte Animation. Sie können sehen, dass ich ein wenig mehr Details hinzugefügt, Ich änderte die Farben, und ich habe einen Hintergrund hinzugefügt. Sobald Sie mit der Art und Weise zufrieden sind, wie Ihre Animation aussieht, müssen wir sie durchlaufen. Um dies zu tun, werde ich meine letzte Animation in eine neue Komposition setzen. Ich komme zu meinem Projektfenster und ziehe dann die Haus-Build-Komposition nach unten auf die Schaltfläche Neue Komposition. Dadurch wird meine Haus-Build-Komposition automatisch in eine neue Komposition eingefügt, die die gleichen Dimensionen, Bildrate und Länge hat wie die ursprüngliche Komposition. Dann benenne ich diesen Comp in „Haus-Build-Loop“ um. Dann komme ich runter zu meiner Komposition und finde, wo der Endpunkt der Animation ist. Also genau hier ist, wo ich möchte, dass es Schleife und rückwärts geht. Zuerst werde ich diese Ebene trimmen, um an diesem Punkt zu enden. Um dies mit der ausgewählten Ebene zu tun, halte ich „Option“ oder „Alt“ auf einem PC und drücke die rechte Klammer, und das wird die Ebenen aus Punkt auf den Spielkopf trimmen. Dann dupliziere ich die Ebene durch Drücken von „Apple D“ oder „Control D“ auf einem PC, so dass ich zwei Kopien meiner Animation habe. Was ich mit dieser zweiten Ebene tun möchte, ist die Animation umzukehren. Um dies zu tun, klicke ich mit der rechten Maustaste auf die Ebene, also gehe zu „Zeit“ und klicke dann auf „Zeit-Neuzuordnung aktivieren“. Dadurch werden zwei Keyframes und eine neue Eigenschaft namens Time Remap angezeigt. der Funktion „Zeit-Neuzuordnung“ können Sie den Zeitcode einer Komposition oder eines Filmmaterials auf das ändern , was Sie möchten. Es generiert automatisch einen Keyframe für den Startwert und den Endwert. Wenn ich also zu dem Punkt der Komposition gehe, wo ich möchte, dass sie Schleife und ich einen neuen Keyframe setze, habe ich jetzt einen Keyframe für das Ende der Animation. Als Nächstes lösche ich diesen letzten Keyframe, da ich nach diesem Punkt der Animation nichts benötige. Dann wähle ich diese beiden Zeit-Keyframes aus, klicke mit der rechten Maustaste auf eines davon, gehe zum Keyframe-Assistenten und sag „Time-Reverse-Keyframes“. Dadurch werden die beiden Keyframes ausgetauscht. Nun beginnt meine zweite Ebene am Ende der Animation und arbeitet ihren Weg zurück an den Anfang. Wenn ich diese Ebene über verschiebe, kann ich sie an das Ende der ersten Ebene einrasten, indem Sie „Shift“ gedrückt halten Wenn ich nun eine Vorschau der Animation sehe, werden wir sehen, dass das Haus aufbaut und dann wieder animiert wird. 13. Exportieren aus After Effects: Jetzt, da wir unsere Schleife haben, müssen wir sie exportieren, damit wir sie in ein GIF verwandeln können. Um dies zu tun, habe ich meine Schleifenkomposition geöffnet und gehe dann zur Komposition und füge zur Renderwarteschlange hinzu. Dadurch wird das Render-Queue-Panel geöffnet, in dem wir anpassen können , wie After Effects unsere Animation ausgibt. Jetzt habe ich bereits einige Ausgabemodul-Voreinstellungen erstellt. Deshalb wird meine Version 4.2.2 voranschreiten. Ihre wird höchstwahrscheinlich auf Lossless gesetzt. Das ist eigentlich in Ordnung für dieses Projekt. Ich werde es auf verlustfrei einstellen und dann möchte ich nur, dass After Effects meine Datei auf dem Desktop speichert. Ich klicke auf Ausgabe zwei und stelle sicher, dass es auf dem Desktop eingestellt ist und drücke Speichern. Dann können wir auf „Rendern“ klicken. Nun nachdem effekte unsere Animation in eine QuickTime-Datei exportieren , können wir dann öffnen und in ein GIF verwandeln. 14. Speichern eines GIF in Photoshop: Als Nächstes möchte ich Photoshop öffnen, dann öffne ich eine Datei in Photoshop Wenn Sie eine Videodatei öffnen, öffnet sich das Zeitleistenfenster in Photoshop, in dem Sie scrubben können , um sicherzustellen, dass Ihre Animation korrekt angezeigt werden. Ich gehe zu Datei, Für Web speichern, und komme dann zum Preset Drop-down-Menü, scrollen Sie nach oben und wählen Sie den ersten, geben 128 abgeschreckt. Dann bekommst du diesen kleinen Ladebildschirm auf deine Bosheit. Sie sich keine Sorgen, wenn es eine Weile dauert, da Photoshop die gesamte Videodatei verarbeiten muss. Jetzt, da es fertig ist, sehen Sie eine Live-Vorschau, wie Ihre Animation aussehen wird, sobald sie exportiert wurde. Wenn Sie mit der Qualität nicht zufrieden sind, können Sie die Farben erhöhen oder den Detherprozentsatz anpassen. Wenn Sie mit diesen Werten umgehen, wird die Qualität Ihrer Animation erhöht oder verringert. Eine andere Sache, die die Dateigröße verringern wird, ist, wenn Sie Ihre Bildgröße auf 400 um 300 ändern und das wird nur die Auflösung in zwei Hälften schneiden , aber die Größe Ihrer Animation stark verringern . 800 mal 600, also werde ich voran gehen und es bei 400 mal 300 belassen, um meine Dateigröße zu reduzieren. Wenn Sie in der unteren linken Ecke nach unten schauen, schätzt Photoshop, welche Größe Ihr endgültiges GIF haben wird , nachdem Sie es mit diesen Einstellungen exportiert haben. So haben 469 Kilobyte eine große Dateigröße und brauchen nicht viel Zeit, um alles online zu laden. Ich würde sagen, die maximale GIF-Größe, die Sie wollen, ist fünf Megabyte, aber es auf ein Megabyte oder weniger zu halten, ist vorzuziehen. Sobald Sie mit der Art und Weise zufrieden sind, wie alles aussieht und die Dateigröße, das letzte, was Sie tun, ist, zu diesem kleinen Dropdown-Menü zu kommen und Ihre Looping-Optionen von einmal zu ewig zu ändern , und das sollte die letzte sein , was Sie tun , weil das Ändern von Einstellungen manchmal zurückgesetzt werden kann. Ich weiß nicht, warum es eine der ärgerlichsten Funktionen von Photoshop ist, stellen Sie sicher, dass es immer sagt, bevor Sie speichern. Jetzt, da ich fertig bin, werde ich es sicher halten, stellen Sie sicher, dass es exportiert auf meinen Desktop, drücken Sie erneut Speichern, und jetzt, wenn ich auf meinen Desktop komme, sehe ich mein neues GIF, drücken Sie die Leertaste, um eine Vorschau anzuzeigen, und da gehen wir. Ich habe eine Looping-Animation meines Hausbaus, und ich bin jetzt bereit, es auf der Projektseite zu posten. 15. Vielen Dank!: Alles klar, das war's. Herzlichen Glückwunsch, Sie haben meinen Kurs abgeschlossen. Wieder möchte ich mich so sehr bedanken, dass du meine Klasse absolviert hast. Ich würde gerne wissen, was du darüber dachtest. Stellen Sie sicher, dass Sie Ihr endgültiges Projekt auf der Projektseite veröffentlichen. Wenn Sie Fragen haben, zögern Sie nicht, es in der Diskussion „Fragen Sie mich alles“ zu stellen. Nochmals vielen Dank, und wir sehen uns nächstes Mal.