Einfache animierte Icons in Adobe After Effects

1. Willkommen: Animationen können Ihre Ideen zum Leben erwecken, aber Adobe After Effects kann einschüchternd sein ob Sie ein Illustrator sind Egal, ob Sie ein Illustrator sind, der Ihrer Arbeit Bewegung verleihen möchte, ein Grafikdesigner, der Ihre Fähigkeiten erweitern möchte, oder ein YouTuber, der animierte Grafiken in Ihre Videos integrieren möchte , dieser Kurs ist ein Willkommen bei Easy Animated Icons und Adobe After Effects. Ich bin Megan Frias und ich bin eine Erklärerin. Ich schreibe, illustriere und animiere pädagogische Animationen, sich hauptsächlich auf Gesundheits- und Umweltthemen konzentrieren In diesem anfängerfreundlichen Kurs lernst du, wie du in Illustrator erstellte Grafiken für Animationen vorbereitest, Grafiken in After Effects importierst, Keyframes für die Erstellung von Animationen festlegst und eine Videodatei exportierst, Keyframes für die Erstellung von Animationen festlegst um deine Arbeit zu präsentieren Sie können direkt in die Animation einsteigen indem Sie meine Symbole herunterladen, oder Sie können die erlernten Fähigkeiten nutzen, um Ihre eigenen Symbole zu animieren Falls Sie es noch nicht getan haben, können Sie sich meinen Kurs Illustrieren mit Formen ansehen , um zu lernen, wie Sie Ihre eigenen Symbole illustrieren Wenn Sie also bereit sind, After Effects zu lernen oder zu üben, indem Sie unterhaltsame animierte Symbole erstellen , dann lassen Sie uns loslegen. 2. Kursprojekt: Das Projekt für diese Klasse besteht darin, eine Reihe von Symbolen zu animieren. Sie können gerne die von mir bereitgestellten Illustrator-Dateien herunterladen und diese Symbole animieren. Oder Sie können die erlernten Fähigkeiten nutzen , um Ihre eigenen Symbole zu animieren, unabhängig davon, ob Sie sie selbst illustriert haben oder die Erlaubnis haben, eine Reihe von Symbolen zu verwenden, die Sie nicht Du könntest sogar beides machen, um etwas mehr zu üben. Bevor Sie mit der Animation beginnen, kann es hilfreich sein, die Animation zu planen, indem Sie so etwas erstellen Versuchen Sie, Ihre Symbole so zu animieren , dass die Bedeutung des Symbols verstärkt wird, anstatt nur Bewegung um der Sache willen 3. Vorbereiten von Symbolen für die Animation: Bevor Sie mit der Animation beginnen können, müssen Sie Ihre Symbole für die Animation vorbereiten An dieser Stelle habe ich in der vorherigen Lektion „Mit Formen illustrieren“ aufgehört, in der ich Ihnen gezeigt habe, wie Sie diese Symbole illustrieren Es ist völlig in Ordnung, wenn Sie direkt in die Animation einsteigen möchten , indem Sie sich diesen Kurs ansehen und nicht mit Formen illustrieren. Wenn Sie bereits Ihre eigenen Symbole erstellt haben oder irgendwie eine Reihe von Symbolen haben, müssen Sie wahrscheinlich die Schritte in diesem Video befolgen , um die Symbole für die Animation vorzubereiten. Obwohl dein Startort etwas anders sein könnte als meiner. Wenn Sie meine Icons verwenden, die ich Ihnen im Rahmen dieses Kurses zur Verfügung gestellt habe, habe ich sie Ihnen bereits animationsfertig zur Verfügung gestellt. Sie könnten dieses Video also überspringen, aber was ich hier behandeln werde ist wirklich wichtig, wenn Sie einmal Grafiken aus Illustrator für Animationen vorbereiten müssen aus Illustrator für Animationen Also hier erfahren Sie, wie Sie Grafiken für Animationen vorbereiten. Wenn Sie eine Illustrator-Datei in After Effects importieren, erkennt After Effects nur die erste Zeichenfläche Der erste Schritt bei der Vorbereitung dieser Symbole für Illustration besteht also darin, sie in eigene Dateien aufzuteilen, wobei jede Datei nur ein Symbol und eine Zeichenfläche enthält Zum Glück gibt es eine einfache Möglichkeit, all diese verschiedenen Zeichenflächen in eigene Illustrator-Dateien Um das zu tun, möchten Sie zu Datei > Speichern unter gehen. Ich speichere das in einem Illustrator-Ordner , der sich in einem anderen Ordner befindet , der alle Dinge für dieses Projekt enthält Ich werde Ihnen später mehr über die Dateiorganisation zeigen. Aber vorerst muss ich das speichern und ich möchte meine Originalkopie nicht überschreiben , nur weil ich sie als Backup haben möchte Ich werde den Namen ändern, nennen wir es einfach Icon und klicken dann auf Speichern Um dann jede Zeichenfläche in eine separate Datei aufzuteilen, möchten Sie diese Option hier aktivieren, und ich möchte alle sechs Zeichenflächen erstellen, also lasse ich sie einfach auf allen und klicke dann auf Im Detail können Sie dann sehen, dass sechs neue Dateien erstellt wurden und jede nur ein Symbol hat Das ist eigentlich ein Duplikat der Farbfelder. Lassen Sie uns dieses einfach löschen Lassen Sie uns die Dateinamen jeder dieser Dateien ändern. Jetzt muss ich jede dieser Dateien öffnen und sicherstellen, dass die Symbole für die Animation bereit sind. Ich öffne einfach alle sechs davon. Ich fange mit den Farbmustern an. Sie müssen jedes Teil, das Sie animieren möchten, in eine eigene Ebene Sie benötigen das Ebenen-Panel. Wenn Sie es noch nicht sehen, stellen Sie sicher, dass Sie es unter dem Fenster öffnen. Im Moment habe ich im Ebenenbedienfeld nur Ebene zwei und eine Hintergrundebene. Wenn ich Ebene zwei öffne, kannst du sehen, dass dahinter tatsächlich mehr Grafik steckt jede dieser Seiten des Ich möchte, dass jede dieser Seiten des Farbmuster-Booklets animiert Ich muss neue Ebenen für sie erstellen. Ich gehe einfach zum unteren Rand des Ebenenfensters und klicke auf die Schaltfläche „Neue Ebene“ Dann nehme ich einfach diese Gruppe und ziehe sie in die neue Ebene. Dann werde ich das wiederholen. Jetzt habe ich also jede dieser drei Seiten der Farbmusterbroschüre in ihren eigenen Ebenen, und dann habe ich auch das Cover in einer eigenen Ebene Aber jetzt ist das Cover unten, also werde ich es nach oben bringen In After Effects werde ich jede dieser Ebenen drehen, sodass sie animiert werden, wenn sie hinter diesem Farbmuster-Booklet hervorkommen . Deshalb lasse ich sie unverändert und staple sie einfach alle Eine weitere Sache, die beim Animieren sehr hilfreich ist, ist, dass alle Ebenen beschriftet sind ist, dass alle Ebenen beschriftet In After Effects erhalten Sie keine kleine Vorschau wie diese, sodass es sehr schwierig ist zu wissen, welche Ebene was ist, wenn sie nur Ebene eins, zwei, drei, vier heißen Um eine Ebene umzubenennen, doppelklicken Sie einfach auf den Text. Ich werde einfach all diese Ebenen durchgehen und sie umbenennen. Es gibt noch eine Sache , die ich trennen muss, und das ist diese kleine Bindung. Diese Bindung ist zwar quasi Teil des Covers und ich muss die Bindung selbst nicht animieren, aber wenn ich diese Bindung in eine eigene Ebene aufteile, kann ich ihre Position nutzen, um einfach den Ankerpunkt aller anderen Ebenen an dieser Bindung zu sodass sie sich aus der Bindung herausdrehen Wenn das nicht ganz Sinn macht, wird es das tun, wenn ich zu After Effects komme Also werde ich diesen Kreis, der die Bindung des Buches darstellt, in eine eigene Ebene bringen . Also werde ich einfach auf die Schaltfläche „Neue Ebene“ klicken. Ich kann sehen, dass der Bindungskreis innerhalb der Deckschicht ausgewählt ist. Eine kleine Abkürzung, anstatt diese Deckschicht öffnen zu müssen , besteht darin, dass Sie das Auswahlfeld genau hier verwenden und es in die neue Ebene ziehen können das Auswahlfeld genau hier verwenden , um einfach das Ausgewählte in die neue Ebene zu verschieben. Lassen Sie uns das jetzt umbenennen. Jetzt, wo ich alles, was ich brauche, in eine eigene Ebene aufgeteilt habe, drücke ich einfach auf Speichern, um das zu speichern, und fahren wir mit dem nächsten Symbol fort. Wenn ich Ebene zwei öffne, kannst du all die verschiedenen Teile der Kamera und die Fotos sehen , die gruppiert sind All diese Dinge sind Unterschichten von Ebene zwei. Sie können sehen, dass sie unter Ebene zwei eingerückt sind, sodass sie innerhalb der zweiten Ebene verschachtelt sind, oder mit anderen Worten, den Unterebenen von Ebene zwei Unterebenen von Ebene After Effects erkennt diese Unterebenen nicht Deshalb haben wir die Dinge in ihre eigenen wir an, Sie wollten all diese Unterebenen erstellen , ihre eigenen Ebenen. Es gibt eine schnelle und einfache Möglichkeit, das zu tun. Sie können die Ebene auswählen und dann dreizeiligen Menü im Ebenenbedienfeld die Option Ebenen die Reihenfolge freigeben auswählen. Beachten Sie, dass alle Unterebenen in Ebenen umbenannt wurden Jetzt können Sie das Fenster öffnen, um die tatsächliche Form darin zu sehen Aber das hat sie nicht wirklich zu ihren eigenen Ebenen gemacht , weil sie immer noch unter Ebene zwei verschachtelt sind immer noch unter Ebene zwei verschachtelt Der nächste wirklich wichtige Schritt besteht also darin, dass Sie all diese Unterebenen auswählen und sie nach oben und aus dieser zweiten Ebene herausziehen müssen all diese Unterebenen auswählen und sie nach oben und aus dieser zweiten Ebene herausziehen sie nach oben und aus dieser zweiten Ebene herausziehen , sodass sie jetzt alle ihre eigene Ebene bilden Von hier aus können wir die Ebenen beschriften. Ich werde den Augapfel auf den Fotos für eine Sekunde ausschalten , damit wir die Kamera ein bisschen besser sehen können Ich muss all diese Ebenen beschriften. Aber zuerst gibt es ein paar Dinge, die meiner Meinung nach tatsächlich kombiniert werden könnten , weil ich sie nicht separat animieren werde Also dieses kleine Detail, dieses kleine Detail, diese Linie, dieses Detail und die Hauptkamera, ich denke, das alles passt einfach zusammen Sie können sehen, dass sie sich alle auf verschiedenen Ebenen befinden, aber da sie nicht separat animiert werden, können sie sich alle auf derselben Ebene befinden. Ich könnte sie anklicken und ziehen, um sie in verschiedene Ebenen zu bringen. Eine andere Möglichkeit, dies zu tun, wäre, einfach den Befehl G zu drücken, um sie alle zu gruppieren werden diese Formen auf derselben Ebene platziert. Dann nenne ich diese Kamera einfach. Jetzt habe ich ein paar leere Ebenen, also wähle ich diese einfach aus und klicke auf den Mülleimer, um sie zu löschen. Diese Kameraebene muss sich unten befinden, also verschieben wir sie und stellen sicher, dass Sie sie nicht versehentlich verschachtelt haben. Und jetzt können wir den Rest dieser Ebenen beschriften. Das wird die Linse sein. Jetzt, wo alles beschriftet ist, wollen wir die Sichtbarkeit der Fotos wieder einschalten. Es spielt keine Rolle, ob die Fotos auf der Kamera gestapelt sind , da es sich um separate Ebenen handelt Alle Ebenen werden in After Effects importiert, und es wird einfach sein, die Position der Fotos in After Effxs zu animieren die Position der Fotos in After Beachten Sie, dass nur Bildmaterial sichtbar ist, das sich auf der Zeichenfläche befindet, wenn es in After Fix importiert wird wenn es in After Fix importiert Wenn ich dieses Foto zum Beispiel so außerhalb der Zeichenfläche hätte , wäre dieses Foto nicht sichtbar, wenn es in After Effects importiert wird wenn es in After Effects importiert Obwohl die Ebene in der Timeline sichtbar ist, ist das Bildmaterial nicht sichtbar Außerdem ist nur der Teil des Fotos sichtbar, der sich auf der Zeichenfläche befand, wenn ich sie teilweise abgeschnitten hätte, also wenn ich die Fotos hier unten hätte und sie dann in After Effects importiert hätte und sie dann sichtbar, der sich auf der Zeichenfläche Es gibt keine Möglichkeit, etwas zu erkennen, das sich außerhalb der Zeichenfläche befand Sie müssen also nur sicherstellen, dass sich Ihr Kunstwerk immer vollständig auf der Zeichenfläche befindet Auch wenn das bedeutet, dass Ihre Illustrator-Datei momentan nicht perfekt aussieht, werden wir das alles animieren, sodass es keine Rolle spielt Stellen Sie sicher, dass Sie diese Datei speichern. Beim Symbol „Paint Fresh“ ein Problem, weil diese Tropfen von der Platine entfernt sind und daher nicht sichtbar sind, wenn ich diese Datei in After Fix eingebe das Problem zu beheben, gehe ich zum Zeichenflächenwerkzeug und ziehe dann einfach die Zeichenfläche heraus , sodass sie größer ist und diese Tropfen auf der Zeichenfläche erscheinen Wenn Sie möchten, können Sie auch die Hintergrundebene entsperren und den Hintergrund einfach unten ziehen Ich werde diese Tropfen animieren, die vom Pinsel fallen die vom Pinsel fallen Wenn ich sie also aus animiere, sieht die Form, die übrig bleibt, nicht besonders gut aus Lassen Sie uns also eine weitere Form erstellen , die das Problem beheben wird Also, was ich zuerst tun werde, ist einfach einige Schichten zu trennen. Also wähle ich den gesamten Pinsel aus und drücke die Plus-Schaltfläche, um eine neue Ebene zu erstellen, und ziehe dann die Auswahl einfach nach oben in die neue Ebene. Nennen wir diesen Pinsel. Und ich werde es unter die andere Ebene bringen. Und dann lassen Sie uns jeden dieser Tropfen in seine eigenen Schichten aufteilen Also gut, wenn ich jetzt all diese Tropfschichten verberge, diese Form auf Ebene zwei, geben wir dieser Farbe einen Namen Das ist die Form, die ich ein bisschen besser aussehen lassen muss , damit, wenn die Tropfen wegtropfen, nicht diese seltsame flache Kante übrig bleibt Um dieser Form etwas hinzuzufügen, werde ich diese Tropfen duplizieren, also werde ich die Sichtbarkeit für sie wieder einschalten Und dann wähle ich sie einfach aus , indem ich hier drüben klicke und dann Befehl C drücke, um sie zu kopieren, und lass uns sie einfach wieder ausschalten Wählen Sie den Farb-Layer aus und drücken Sie dann Command Shift V, um sie an der richtigen Stelle einzufügen, aber auf diesem Farb-Layer. Passen wir nun die Länge dieser Linien an. Ich werde also zum Direktauswahl-Werkzeug wechseln , damit ich die tatsächlichen Punkte auf diesen Linien anpassen kann, und ich werde die Umschalttaste gedrückt halten und sie einfach ziehen , um sicherzustellen, dass ich die horizontale Position der Linie beibehalte. Sobald die Farbtropfen so aussehen, wie Sie sie mögen, wird diese Farbgruppe nur noch statisch sein Wir werden sie nicht animieren. Und dann werden diese Tropflinien das sein , was animiert Aber wenn sie in After Effects wegtropfen, sieht die Form, die übrig bleibt, Wenn Sie all das erledigt haben, stellen Sie sicher, dass Sie die Drip-Ebenen, die Sie animieren möchten , wieder aktivieren , und speichern Sie dann Die letzten drei Symbole sind ziemlich einfach, aber lassen Sie mich Ihnen zeigen, wie ich die Ebenen aufgeteilt habe den Stift angeht, bewegt sich der gesamte Stift also als eine Sache, sodass sich alles in einer eigenen Ebene befinden kann. Und dann wird die Linie getrennt sein. Ich werde diese Zeichnung einbauen, also muss sie auf jeden Fall in einer eigenen Ebene sein. Bei der Schere habe ich die beiden Scherenhälften getrennt die beiden Scherenhälften Und dann habe ich auch dieses Scharnier herausgenommen , weil es dadurch einfacher ist, den Ankerpunkt für jede Hälfte der Schere so zu positionieren , dass sie sich genau an dieser Position befindet, sodass sich die Schere vom Scharnier aus drehen kann genau an dieser Position befindet, sodass sich die Schere vom Scharnier aus drehen Für die Pipette habe ich die Hauptform der Pipette, das Tröpfchen und die Flüssigkeit die Im Zweifelsfall ist es besser, mehrere Ebenen voneinander zu trennen, auch wenn Sie möglicherweise nicht auch wenn Sobald Sie Ihre Illustrator-Datei in After Effects importiert haben, können Sie einige kleinere Dinge in Ihrem Bildmaterial wie Farben aktualisieren in Ihrem Bildmaterial wie Farben und die Datei speichern. Diese Änderungen werden dann in After Effects erkannt Leider können Sie nach dem Import in After Effects keine neuen Ebenen in Illustrator hinzufügen Import in After Effects keine neuen Ebenen in Illustrator After Effects erkennt die neuen Ebenen nicht, sodass Sie die Datei erneut importieren müssen 4. Importiere Illustrator-Dateien in After Effects: Bevor Sie Ihre Illustrator-Dateien in After Effects importieren , ist es sehr wichtig, dass Ihre Dateien organisiert sind Vertrauen Sie mir, das wird Ihnen später eine Menge Kopfschmerzen ersparen . Ich würde daher empfehlen, Ihre Ordnerstruktur ähnlich meiner einzurichten . Ich habe einen übergeordneten Ordner namens animierte Symbole , in den alles für dieses Projekt aufgenommen wird. Dann habe ich einen Ordner , in dem ich die After Effects-Projektdatei speichern werde, und dort werden auch automatisch gespeicherte Versionen der Projektdatei abgelegt. Und dann habe ich diesen Illustrator-Ordner mit all den verschiedenen Symbolen in diesem Ordner Wenn Sie eine Datei in After Effects importieren, wird sie mit dem Ordner verknüpft, an dem sich diese Datei auf Ihrem Computer befindet Daher ist es wichtig , dass Sie die Datei nicht verschieben , nachdem sie in After Effects importiert wurde. Andernfalls erhalten Sie eine Benachrichtigung über fehlende Dateien. Es gibt eine Möglichkeit, Dateien erneut zu verknüpfen, aber wenn Sie einfach von Anfang an organisiert bleiben, müssen Sie nichts verschieben, After Effects verwirren und sich mit fehlenden Dateien auseinandersetzen Lassen Sie uns jetzt After Effects öffnen und ein neues Projekt starten. Klicken Sie auf dem Startbildschirm auf die Schaltfläche Neues Projekt. Sie können auch unter Datei Neues Projekt ein neues Projekt starten . Der nächste Schritt besteht darin, die Symbole zu importieren. Ich gehe also zu Datei, Datei importieren, oder Sie können die Tastenkombination Befehl oder Strg I verwenden. Dann möchten Sie zu dem Ort navigieren, an dem Sie Ihre Symbole gespeichert haben. Sie können alle Ihre Symbole auf einmal importieren, oder wenn Sie mit der Bearbeitung Ihrer Symbole noch nicht fertig sind, können Sie sie jederzeit später importieren. Ich werde alle meine Icons auswählen. Bevor Sie auf Öffnen klicken, müssen Sie sicherstellen, dass Sie die Einstellung Import ändern , damit die Komposition die Ebenengrößen beibehält. Wenn Sie diese Option nicht sehen, klicken Sie auf die Schaltfläche Optionen. Wenn du deine Symbole versehentlich als Filmmaterial importierst, werden die Ebenen nicht voneinander getrennt. Und wenn du sie als Kompositionen importierst, wird jede Ebene einem unsichtbaren Kästchen umgeben , das der Größe deiner Komposition entspricht, was wirklich nervig sein wird, damit zu arbeiten. Stellen Sie sicher, dass die Komposition die Ebenengrößen beibehält. Dann können Sie auf Öffnen klicken. Im Projektfenster sollten Sie sehen, dass alle Ihre Symbole sowohl als Komposition als auch als Ordner mit allen darin enthaltenen Ebenen importiert wurden sowohl als Komposition als auch . Wenn Sie auf eine Komposition doppelklicken, wird sie in der Timeline geöffnet und Sie sollten alle Ebenen sehen , die Sie in Illustrator hier und in After Effects getrennt hier und in After Effects Was ist also eine Komposition? Eine Komposition ähnelt einer Sequenz in der Premiere. Es ist wie ein Ordner, der alle Ebenen in Ihrer Animation enthält. Das können importierte Grafiken aus Illustrator oder Photoshop sein , Formebenen, die Sie in After Effects erstellen, Text, Videoclips, Audiodateien und sogar Standbilddateien Sie können Kompositionen auch verschachteln, sodass Sie Kompositionen innerhalb von Kompositionen haben Ich werde dir am Ende des Unterrichts mehr darüber zeigen , wenn wir alle unsere Icons zusammenfügen. Wenn Sie mit der Animation fertig sind und exportieren möchten oder, was After Effects angeht, Ihre Animation als Videodatei rendern möchten, Ihre Animation als Videodatei rendern möchten, werden Sie eine Komposition exportieren Stellen wir sicher, dass die Kompositionseinstellungen unseren Vorstellungen entsprechen. Gehen Sie also zu Komposition und dann zu den Kompositionseinstellungen, oder die Tastenkombination ist Command oder K. Und es hat den Namen sowie die Breite und Höhe von der Illustrator-Zeichenfläche übernommen , und genau das wollen wir Ich verwende auch immer quadratische Pixel. Dann verwende ich für die Bildrate gerne eine ganze Zahl für Animationen. Wenn Sie mit Video arbeiten, möchten Sie wahrscheinlich eine beliebige Videobildrate verwenden, die normalerweise etwa 29,97 beträgt Aber da wir hier nur Animationen machen, bevorzuge ich 30. Wenn du auf 15 Frames runtergehen möchtest , bekommst du dadurch einen etwas abgehackteren , bekommst du dadurch einen etwas Cartoon-Look, oder wenn du hyperreal werden willst, kannst du 60 machen, aber das könnte auch deinen Computer verlangsamen Ich glaube, der optimale Wert liegt bei 30, also bleibe ich dabei. Und dann ist die Auflösung hier nicht wirklich wichtig. Das ist nur die Vorschau dessen was Sie in Ihrem Composition Viewer sehen , der sich direkt hinter diesem Bildschirm befindet, dieser. Sie können die Auflösung hier jederzeit ändern , während Sie arbeiten. Es ist sinnvoll, die Zeitleiste bei Null zu beginnen. Für die Dauer benötige ich nur 4 Sekunden. Das werden Stunden, Minuten, Sekunden und dann Frames sein. Wenn du reingehst und das Ganze auswählst, kannst du einfach vier Punkte machen, und das bringt dir 4 Sekunden. Wenn Sie die Dauer der Komposition später ändern möchten , ist das ganz einfach, indem Sie einfach zu diesen Kompositionseinstellungen zurückkehren. Dann spielt die Hintergrundfarbe keine Rolle da ich bereits eine Illustrator-Hintergrundebene habe Dann drücke ich auf Okay. Es ist wahrscheinlich eine gute Idee, in all Ihre anderen Symbolkompositionen zu gehen und die Kompositionseinstellungen zu überprüfen , um sicherzustellen, dass der Framer 30 ist, und geben wir ihnen dann einfach eine Dauer von 4 Sekunden Bevor wir weitermachen, speichern wir diese Projektdatei. Ich gehe zu Datei > Speichern oder die Tastenkombination ist Command oder Control S navigiere dann zu diesem Projektordner und dann zum After Effects-Ordner innerhalb dieses Ordners. Geben wir einfach diesen Namen ein und klicken Sie auf Speichern. 5. Führung durch After Effects: Sie verwenden After Effects zum ersten Mal Dann finden Sie hier eine Einführung. Wenn Sie After Effects schon einmal verwendet haben, können Sie dieses Video gerne überspringen. Wenn Ihr Arbeitsbereich nicht wie meiner aussieht, können Sie zunächst zu Window Workspace wechseln und ihn in den Standardarbeitsbereich ändern , den ich verwende. Als Nächstes haben wir in der oberen Werkzeugleiste das Auswahlwerkzeug, das den Auswahlwerkzeugen und anderen Programmen wie Illustrator ähnelt und anderen Programmen wie Illustrator Es ist das, was Sie wahrscheinlich die meiste Zeit verwenden werden. Als Nächstes kommt das Handwerkzeug, mit dem Sie Ihre Komposition in diesem Kompositions-Viewer verschieben können . Als Nächstes kommt das Zoom-Werkzeug. Wenn Sie mit diesem Werkzeug klicken, wird es vergrößert, und wenn Sie die Wahltaste oder Alles gedrückt halten und klicken, wird es verkleinert. Sie können auch das Tastaturdiagramm für Schnitte verwenden handelt es sich um das größere Alszeichen oder den Punkt und dann um das kleinere Fähnrich oder das Komma Die Tastenkombination, um zurück zum Auswahlwerkzeug zu wechseln, ist V. Sie können auch die Größe Ihrer Komposition im Viewer hier unten in diesem Drop-down-Menü anpassen Ihrer Komposition im Viewer hier unten in diesem Drop-down-Menü , sodass Sie sie entsprechend anpassen können In dieser Dropdownliste können Sie die Auflösung ändern. Wenn Ihr Computer also Schwierigkeiten hat, Ihre Animation abzuspielen und sie sehr langsam läuft, kann es hilfreich sein, diese Auflösung auf eine niedrigere Auflösung wie Quarter umzustellen diese Auflösung auf eine niedrigere Auflösung wie Quarter umzustellen Dadurch sieht es pixeliger aus, aber das ist nur in diesem Wenn du deine Animation exportieren wählst, sieht sie nicht pixelig aus, sie hat trotzdem die volle Qualität Die nächsten drei Werkzeuge sind für drei D vorgesehen, und als nächstes kommt das Drehwerkzeug dem Sie Objekte drehen können Dabei handelt es sich um das Pan Behind Tool, mit dem Sie den Ankerpunkt auf einem Objekt verschieben können. Dieses kleine Symbol, das ich verschiebe, wird Ankerpunkt genannt und ist der Ort, von dem alle Transformationen erfolgen Wenn ich zum Drehwerkzeug zurückkehre, kannst du sehen, dass sich das Foto jetzt um diesen Punkt dreht mache das einfach rückgängig, indem ich den Befehl Z ausführe. Als nächstes kommt das Formwerkzeug, wenn du darauf klickst und gedrückt hältst, es gibt andere Formwerkzeuge wie einen Illustrator Es gibt auch ein Stiftwerkzeug, das Illustrator ähnelt, und dann ein Textwerkzeug, mit dem Sie Ihren Text erstellen und in After Effects schreiben können , und ein paar andere, aber ich verwende diese kaum Das hier ist das Projektfenster, und hier wird alles gespeichert, was Sie in Ihre After Effects-Projektdatei importieren in Ihre After Effects-Projektdatei gespeichert, was Sie in Ihre After Effects-Projektdatei Dort befinden sich auch all Ihre Kompositionen. Wir haben bereits einige Kompositionen erstellt , indem wir Bildmaterial aus Illustrator importiert Sie können jedoch auch mit dieser Schaltfläche eine neue Komposition erstellen mit dieser Schaltfläche eine neue Komposition Dadurch werden die Kompositionseinstellungen aufgerufen, und hier ist die neue Komposition Wenn Sie eine Komposition löschen möchten, klicken Sie einfach auf den Papierkorb Unten auf dem Bildschirm befindet sich die Timeline, in der Sie Ihre Kompositionen öffnen und Keyframes festlegen können Ihre Kompositionen öffnen und , um Animationen zu erstellen Hier drüben habe ich das Vorschaufenster, dem Sie den Spieler steuern Sie können auch einfach die Leertaste drücken , um Ihre Animation abzuspielen Als Nächstes folgt das Eigenschaftenfenster. Das kann sehr nützlich sein, Das kann sehr nützlich sein denn je nachdem, was ausgewählt ist, werden im Eigenschaftenfenster unterschiedliche Eigenschaften angezeigt Als Nächstes folgt das Bedienfeld „Ausrichten“, das ziemlich einfach ist und Illustrator sehr ähnlich Das Bedienfeld „Effekte und Voreinstellungen“ ist wie eine Bibliothek mit verschiedenen Effekten und Voreinstellungen. Wie der Name schon sagt, können Sie es auf Ebenen anwenden , um verschiedene Stile und Looks zu erstellen Wir werden in diesem Kurs keine verwenden, aber es gibt jede Menge Ressourcen Sie mehr darüber lernen können, und ich zeige mehr über Effekte und Voreinstellungen in 6. Keyframes setzen: Animationen und After Effects basieren auf Keyframes. Wenn Sie eine Ebene öffnen und dann die Option „Transformation öffnen“ ein- und ausschalten , können Sie für diese Ebene eine Reihe verschiedener Eigenschaften animieren Um mit der Animation einer Eigenschaft zu beginnen, klicken Sie einfach auf das Stoppuhrsymbol neben dieser Sie können sehen, dass dadurch an der Stelle, an der sich Ihr Abspielkopf auf der Timeline befindet, ein Keyframe Ihr Abspielkopf auf der Timeline befindet Dieser Keyframe besagt, dass bei einem Zeitpunkt von 0 Sekunden ohne Frames der Stift eine Position von 250 Pixeln in X-Richtung und 250 Pixeln in Y-Richtung haben wird 250 Pixeln in X-Richtung und 250 Pixeln in Y-Richtung und 250 Pixeln in Y-Richtung Wenn ich dann meinen Abspielkopf verschiebe, indem ich auf den oberen Rand der Timeline klicke, kannst du einen weiteren Keyframe festlegen tun Sobald Sie Ihren ersten Keyframe festgelegt haben, gibt es mehrere Möglichkeiten, dies zu Die erste Möglichkeit besteht darin, die Ebene im Composition Viewer zu bearbeiten die Ebene im Composition Viewer Ich könnte das einfach aufheben und verschieben. Sie können sehen, dass dadurch ein weiteres Schlüsselbild erstellt wurde, und es hat auch diesen Bewegungspfad im Composition Viewer erzeugt, der die Startposition und die Endposition anzeigt . Wenn ich meinen Abspielkopf zurück an den Anfang der Timeline bewege, kann ich die Leertaste drücken oder im Vorschaufenster auf Abspielen klicken, um diese Animation zu sehen Sie können die Leertaste erneut weit drücken, um eine Pause einzulegen. Im Grunde teilen Keyframes After Effects mit, dass Sie zu diesem Zeitpunkt diesen Wert für diese Eigenschaft und dann diesen Wert für diese Eigenschaft zu diesem Zeitpunkt benötigen Und dann findet After Effects heraus , wie man von einem Keyframe zum anderen gelangt Es findet also heraus, wie man von hier nach hier kommt. Ich werde meinen Abspielkopf noch einmal bewegen und Ihnen zeigen , dass eine andere Möglichkeit Keyframes festzulegen, darin besteht, auf diese Zahlen zu klicken und sie mit der Maus darüber zu ziehen Sie können also mit der Maus über die X- oder Y-Zahlen Ihre Ebene zu verschieben Dadurch wird automatisch ein weiterer Keyframe an der Stelle gesetzt , an der sich Ihr Abspielkopf befindet Ich werde meinen Abspielkopf erneut verschieben und Ihnen zeigen, dass Sie Keyframes auch festlegen indem Sie auf diese Zahlen klicken und dann die genauen Werte eingeben Wenn Sie von einem Wert zum nächsten wechseln möchten , können Sie die Tabulatortaste drücken Sie können entweder die Eingabetaste drücken oder auf Out klicken, um den Wert zu speichern. Ich werde meinen Abspielkopf noch einmal ans Ende der Timeline bewegen und Ihnen zeigen , dass es noch eine weitere Möglichkeit gibt, einen Keyframe zu erstellen , nämlich einen anderen Keyframe zu kopieren und einzufügen Ich möchte diesen Keyframe kopieren und einfügen, um ihn auszuwählen. Sie können ihn auch mit der rechten Maustaste anklicken. Da dies ein kleines Ziel ist, können Sie auch einfach darauf klicken und den Mauszeiger darüber ziehen, können Sie auch einfach darauf klicken und um den Das ist auch eine gute Möglichkeit, mehrere Keyframes gleichzeitig auszuwählen Ich möchte nur diesen Keyframe auswählen und Command oder Control C drücken, um ihn zu kopieren, und dann Command oder Control ihn zu kopieren, und dann Command oder V, um ihn an der Stelle einzufügen, an der sich mein Abspielkopf befindet Sie können sehen, dass der Keyframe mit den exakten Werten dieses Keyframes kopiert den exakten Werten Wenn Sie die Werte eines Keyframes sehen möchten , fahren Sie einfach mit der Maus Jetzt habe ich also diese kleine Schleife. Wenn Sie den Wert eines Keyframes ändern möchten, können Sie einfach Ihren Abspielkopf über diesen Keyframe legen und dann eine der Methoden verwenden, die ich Ihnen gerade gezeigt habe, um einen Keyframe festzulegen, um den Wert dieses Keyframes zu ändern Sie können ihn im Composition Viewer verschieben, oder Sie könnten einen anderen Wert eingeben, oder Sie könnten einen anderen Keyframe kopieren und einfügen, oder Sie könnten auf den Wert klicken und ihn mit der Maus darüber ziehen einen anderen Keyframe kopieren und einfügen, oder Sie könnten auf den Wert klicken und ihn mit der Maus darüber Wenn Ihre Ebene ausgewählt ist, sollten Sie diesen Bewegungspfad sehen Wenn Sie ihn nicht sehen, stellen Sie sicher, dass diese Schaltfläche aktiviert ist, und gehen Sie zur Ansicht Ebenensteuerungen anzeigen und stellen Sie sicher, dass diese Option aktiviert ist. Sie können auch Keyframes auswählen und sie entlang der Timeline ziehen , um ihr Timing neu zu ordnen Wenn ich diese beiden Keyframes also sehr nahe beieinander lege, können Sie sehen, dass die Animation zwischen diesen beiden Keyframes Jetzt dagegen ist die Animation zwischen den ersten beiden Keyframes viel Die Positionierung der Keyframes auf der Timeline beeinflusst also das Timing Ihrer Animation Ich mache das einfach mit Befehl Z rückgängig. Wenn Sie Keyframes löschen möchten, wählen Sie sie einfach aus und drücken Sie dann die Löschtaste Wenn Sie alle Keyframes auf der Ebene löschen möchten, klicken Sie einfach erneut auf das Stoppuhrsymbol Sie können die Eigenschaften auch anpassen ohne dass eine Animation stattfindet Mit anderen Worten, ohne Keyframes festzulegen. Wenn Sie Keyframes auf einer Ebene haben und dann an einer anderen Stelle der Ebene ein weiteres Keyframe mit demselben Wert erstellen möchten , können Sie hier auf die Schaltfläche „Neues Keyframe“ klicken Dies könnte eine Möglichkeit sein, eine Animation zu pausieren. Beachten Sie auch, dass überall dort, wo diese Leiste für die Ebene auf der Timeline sichtbar ist , diese Ebene auch in Ihrer Animation sichtbar sein wird . Wenn Sie mit der Maus über den Anfang oder das Ende einer Ebene fahren, sehen Sie diese Doppelpfeile, denen Sie die Ebene trimmen können Jetzt wird der Stift also bis zu diesem Zeitpunkt nicht sichtbar sein Wenn Sie irgendwo in der Mitte der Ebene auswählen, können Sie die Ebene über die Timeline ziehen. 7. Ankerpunkt und Rotation: Farbmuster: Diese Broschüre mit Farbmustern hat drei Seiten, die sich hinter dem Deckblatt verstecken , und ich möchte, dass sich jede Seite hinter dem Cover nach außen dreht Ich wähle alle drei Seiten aus und drücke dann R auf der Tastatur, um die Rotationseigenschaft aufzurufen Wenn ich eine dieser Ebenen drehe, indem ich auf den Drehwert klicke und ihn mit der Maus verschiebe, kannst du sehen, dass sie sich von diesem Punkt aus dreht , der als Ankerpunkt bezeichnet wird Aber ich möchte nicht, dass sie sich von hier aus dreht. Ich möchte, dass es sich von der Bindung aus dreht. Ich muss zuerst den Ankerpunkt für diese Ebene verschieben . Ich werde die Drehung rückgängig machen. Um den Ankerpunkt zu verschieben, gehen Sie zur oberen Werkzeugleiste und greifen Sie nach dem Pan behind Tool. Die Tastatur Horca ist Y. Dann können Sie mit diesem Werkzeug klicken und ziehen, um diesen Ankerpunkt zu verschieben Wenn Sie die Befehls-/Strg-Taste gedrückt halten, wird das Objekt auf andere Ebenen ausgerichtet Ich werde es also auf diese Bindungsebene ausrichten, die ich in Illustrator zu einer separaten Ebene gemacht habe , sodass es einfach ist, sie an dieser Ebene Dann klicke ich auf Seite zwei und mache dasselbe Und das Gleiche gilt für Seite drei. Um zurück zum Auswahlwerkzeug zu wechseln, können Sie entweder in der oberen Werkzeugleiste zum Auswahlwerkzeug wechseln oder den Tastaturausschnitt verwenden , der V ist. Dann möchte ich jede dieser Seiten drehen. Ich möchte, dass alle am Anfang der Timeline den Keyframe Null haben , also drücke ich einfach auf alle drei Stoppuhren und das erzeugt drei neue Dann werde ich meinen Abspielkopf rüber bewegen. Dann versuchen wir es mit 15 Frames. Dann drehen wir die erste Seite auf minus 30 Grad. der zweiten Seite machen wir minus 60 und auf der dritten Seite minus 90. Wenn ich das jetzt abspiele, ist hier die Animation. Lassen Sie uns nun die Seiten animieren, die hinter das Cover zurückgehen , sodass die Animation in einer Endlosschleife abläuft Gehen wir auf der Zeitleiste weiter bis 315, und dann möchte ich hier einen Keyframe festlegen, damit die Werte hier diesen Werten entsprechen Sie können das tun, indem Sie auf diese neue Keyframe-Schaltfläche klicken. Jetzt findet also zwischen diesem Satz von Keyframes und diesem Satz von Keyframes keine Animation statt, keine Animation statt da diese Keyframes dieselben Werte haben Dann gehe ich zum Ende der Timeline und setze diese Keyframes wieder auf Sie würden entweder Null eingeben oder diese Keyframes auswählen, zum Kopieren auf Befehl C und zum Einfügen auf Befehl B drücken und zum Einfügen auf Befehl B Wenn Sie aus irgendeinem Grund eine ältere Version von After Effex verwenden und das Kopieren mehrerer Keyframes auf verschiedenen Ebenen Ihre Ebenen dupliziert hat, dann müssen Sie nur eine andere Methode anwenden, z. B. nacheinander kopieren und einfügen Dies wurde in einer aktuellen Version von Afterefix aktualisiert. Wenn ich das jetzt wiedergebe, können Sie sehen, dass die Animation wiederholt wird Um das Ganze etwas interessanter zu gestalten, können wir die Keyframes gestaffelt anordnen Ich klicke und ziehe, um die Keyframes für die Seiten 2 und 3 auszuwählen , und ziehe sie dann in der Zeit vorwärts Gehen wir zu fünf Frames über. Und dann wähle ich die Keyframes für Seite drei ziehe sie auf zehn Frames Und das wird diese Animation ein bisschen interessanter machen ein bisschen interessanter Machen wir dasselbe den Keyframes für die Animation Und dieses Mal fange ich mit Seite drei an und beginne zuerst mit der Animation Hier ist, was ich jetzt habe . Ich werde zu diesem Symbol zurückkehren, um die Animation später mit Parenting und Easing zu verbessern mit Parenting und Easing 8. Ankerpunkt und Drehung: Schere: Schritte zur Erstellung der Scherenanimation werden den Farbfeldern sehr ähnlich Zuerst verschiebe ich den Ankerpunkt mit dem Werkzeug „Schwenk hinter“ zum Scharnier für beide Scherenhälften Dann wechsle ich zurück zum Auswahlwerkzeug und drücke R auf der Tastatur, um die Rotationseigenschaft aufzurufen Dann drehe ich diese einfach auf fünf und minus fünf , sodass die Ausgangsposition der Schere ein bisschen mehr so aussieht , als wäre es möglich. Sie überschneiden sich nicht ganz so. Dann klicke ich auf die Stoppuhr, um Keyframes am Anfang der Timeline zu erstellen Dann bewege ich meinen Abspielkopf entlang der Timeline auf 15 Frames und setze dann die Drehung auf, machen wir 25 und minus 25, damit die Schere geöffnet ist Dann lasse ich die Schere nur fünf Frames lang offen. Ich verschiebe einen Keyframe für die gleichen Rotationswerte und verschiebe dann den Abspielkopf auf 1 Sekunde. Dann kopiere und füge ich die ersten Keyframes ein, um eine Schleife zu erstellen Folgendes habe ich bisher. Jetzt möchte ich diese Keyframes wiederholen, damit die Schere so aussieht, als würde sie weiter schneiden Ich gehe zu 1 Sekunde, fünf Frames auf der Timeline und kopiere und füge dann einfach all diese Keyframes ein, kopiere und füge dann einfach all indem ich Command oder Ctrl C und dann Command oder Ctrl V drücke. Auch hier Wenn dabei deine gesamten Ebenen kopiert und eingefügt werden, sodass du ein Duplikat der Ebenen hast, sodass du ein Duplikat der Ebenen hast, musst du nur Ebene für Ebene gehen und die Keyframes kopieren und dann einfügen. Dann gehe ich zu 210 über und füge erneut ein. Wenn ich das wiedergebe, ist es vorhersehbar und roboterhaft, weil sie die ganze Zeit mit derselben Geschwindigkeit schneiden . Ich werde diese Keyframes so anpassen, dass sie manchmal etwas schneller und manchmal etwas langsamer schneiden . Vielleicht beschleunige ich diese Keyframes hier, indem ich sie nach links ziehe, sodass sie sich etwas schneller diese Keyframes hier, indem ich sie nach links ziehe, öffnen Anstatt anzuhalten, wenn sie geöffnet sind, lasse ich sie einfach sofort schließen, indem ich den zweiten Satz von Keyframes lösche Dann verschieben wir die Keyframes , die die Schere schließen, nach links Also wird es einfach geöffnet und dann geschlossen. Und dann lassen wir sie sofort öffnen anstatt in der geschlossenen Position zu pausieren Also werde ich diese Keyframes löschen. Dann verschieben wir all diese Keyframes nach oben. Jetzt werden sie geschlossen, geöffnet, offen bleiben und dann wieder geschlossen Dann haben wir etwas mehr Platz auf der Timeline, also lassen Sie uns einfach die erste Sequenz zum Öffnen und Schließen kopieren und einfügen . Und schauen wir uns an, was wir bisher haben. Das Anpassen des Timings der Keyframes hat für etwas mehr Abwechslung gesorgt, aber ich werde später auf diese Animation zurückkommen , um sie noch besser zu machen 9. Bewegung anpassen: Die Rotationsanimation auf diesen Seiten ist langweilig und mechanisch, und das liegt daran, dass sie linear sind, was bedeutet, dass sie die ganze Zeit dieselbe Geschwindigkeit beibehalten . In dieser sehr einfachen Demo bewegt sich das obere Quadrat linear, sodass es die gleiche Geschwindigkeit von Punkt A nach Punkt B beibehält, wohingegen auf das untere Quadrat das was Easy Ease genannt wird, angewendet wird Dieses Quadrat wird etwas langsamer beginnen, in der Mitte schneller werden und dann langsamer werden, bevor es zum Stillstand kommt Das untere Quadrat ist für eine Animation etwas interessanter , weil es die Geschwindigkeit ändert. Wenn Sie reale Dinge wie diese Symbole animieren, ist es außerdem Dinge wie diese Symbole animieren, sinnvoller, die Animation nicht linear zu gestalten, da die Dinge im wirklichen Leben normalerweise etwas langsamer in ihrer Bewegung beginnen, sich dann beschleunigen und dann verlangsamen, bevor sie zum Stillstand kommen Dadurch können Ihre Animationen natürlicher oder realistischer aussehen Um Ihren Keyframes eine Beschleunigung zu verleihen, müssen Sie sie zunächst auswählen Sie könnten auf Keyframes klicken und sie mit der Maus darüber ziehen , um mehrere gleichzeitig auszuwählen, oder Sie könnten auch den Eigenschaftsnamen wählen um alle Keyframes für diese Eigenschaft auf der Ebene auszuwählen , und dann die Befehlstaste gedrückt halten und dasselbe tun, um Sobald Sie die Keyframes ausgewählt haben, denen Sie EZ Es hinzufügen möchten , möchten Sie mit der rechten Maustaste auf einen von ihnen klicken Keyframe-Assistenten und dann zu EZ Es wechseln Beachten Sie, wie sich dadurch Ihre Keyframes von Diamantformen zu Sanduhrformen ändern Diamantformen zu Sanduhrformen Wenn ich das dann wiedergebe, können Sie sehen, dass es viel flüssiger und realistischer aussieht Ich werde den Keyframes für die Scherenanimation auch eine Beschleunigung hinzufügen Keyframes für die Scherenanimation Dazu wähle ich einfach all diese Keyframes aus und klicke dann mit der rechten Maustaste auf einen von ihnen, gehe zum Keyframe-Assistenten und dann zu Easy Ease Sie können auch die Tastenkombination F neun verwenden. Das sind jetzt alles vereinfachte Keyframes, also lassen Sie uns die Animation wiedergeben Das Hinzufügen von EZs kann Ihre Animation zwar verbessern, Sie können dies jedoch noch viel Das würde den Rahmen dieses Kurses sprengen, aber wenn Sie Ihre Animationen wirklich auf die nächste Stufe heben möchten , sollten Sie auf jeden Fall lernen, wie Sie die Bewegung Ihrer Keyframes mit dem Diagrammeditor anpassen können die Bewegung Ihrer Keyframes mit dem Diagrammeditor Mein Kurs Smooth Moves behandelt alles, was du wissen musst. 10. Übergeordnete Ebenen: Farbfelder: Eine weitere Möglichkeit, diese Animation zu verbessern, wäre , die gesamte Broschüre beim Öffnen ein wenig zu bewegen Ich möchte, dass sich all diese Ebenen bewegen, aber anstatt alle Positionseigenschaften der Ebenen zu animieren , gibt es eine einfachere Möglichkeit, das zu tun Ich werde die Bindungsebene als sogenanntes übergeordnetes Element verwenden als sogenanntes übergeordnetes Element Dies wird die Ebene sein, die sich bewegt, und dann möchte ich, dass all diese anderen Ebenen außer dem Hintergrund der übergeordneten Ebene folgen. Sie werden also die Kinder sein. Ich werde das Cover und alle drei Seiten auswählen. Und dann gehe ich zu den Optionen für übergeordnete Elemente und Links und nehme eine der Auswahlhilfen neben einer der ausgewählten Ebenen und ziehe sie einfach auf die Bindungsebene Jetzt steht im Drop-down-Menü, dass die Bindung die übergeordnete Ebene dieser Ebenen ist Das heißt, wenn ich die Bindung verschiebe, können Sie sehen, dass alle anderen Ebenen dazugehören. Elternschaft ist also eine Möglichkeit, dass untergeordnete Ebenen , die alle diese Ebenen sind einer übergeordneten Ebene folgen, nämlich dieser Wie Sie gerade gesehen haben, können Sie, um Ebenen als übergeordnete Ebenen zu definieren, diese Auswahlhilfe verwenden, um sie auf die Ebene zu ziehen, der Sie eine übergeordnete Ebene hinzufügen möchten, oder Sie können die Ebene auch in diesem Drop-down-Menü auswählen Lassen Sie uns nun einige Keyframes für die Bindung festlegen. Also gehe ich zum Anfang der Timeline und lege einen Positions-Keyframe für die Bindung und damit für das gesamte Booklet hier am Gehen wir dann zu 1 Sekunde weiter und verschieben das Ganze nach oben. Ich werde einfach die Y-Position verschieben. So etwas in der Art. Dann lass uns dafür sorgen, dass es sich wieder nach unten bewegt , wenn die Hefte geschlossen werden Aber tatsächlich dauert es sehr lange, bis diese Broschüre animiert ist. Ich werde diese Keyframes einfach rüberbringen. Lass uns dafür sorgen, dass die gesamte Animation nur 2 Sekunden statt vier dauert Ich kopiere den ersten Keyframe an der Position der Bindung und füge ihn nach 2 Sekunden hier Mal sehen, wie das aussieht. Ehrlich gesagt, nicht so toll. Das liegt daran, dass diese Keyframes linear sind und es besser aussehen würde, wenn sie Easy Ease hätten Ich mache F Nine, die Abkürzung, um Easy Ease zu diesen Keyframes hinzuzufügen Lass uns das noch einmal versuchen. Es sieht ein bisschen besser aus, aber ich denke, wir könnten die Keyframes etwas mehr anpassen , damit es noch besser aussieht Aber zuerst möchte ich auch die gesamte Broschüre drehen. Ich möchte zum Anfang der Timeline gehen und dieser Drehung einfach etwa plus sechs geben , und dann lege ich einen Keyframe dafür fest Und wenn es dann nach oben bewegt wird, drehen wir es so sich noch weiter nach links dreht Also vielleicht minus sechs. Und dann, nach 2 Sekunden, drehe ich den Wert wieder auf plus sechs zurück und lasse dann die Keyframes einfach lockern Mal sehen, wie das aussieht. Das wird besser, aber ich denke, wenn ich diese Keyframes anpasse, kann es noch besser aussehen Ich werde diese Keyframes tatsächlich nehmen und sie so verschieben, dass sie alle aneinandergereiht sind Das bedeutet, dass alle Seiten gleichzeitig fertig werden Lassen Sie uns diese Animation vielleicht etwas schneller und auch gestaffelt machen etwas schneller und auch , sodass sich zuerst die gesamte Broschüre bewegt und dann die Seiten geöffnet Ich werde diese drei Keyframes ein wenig verschieben , vielleicht Mal sehen, wie das aussieht. Ja, das gefällt mir besser, und dann schließen sie vielleicht alle gleichzeitig. Also werde ich sie anordnen. Und dann werden sie gestaffelt wieder zusammenkommen Vielleicht verschieben wir all diese Keyframes nur ein bisschen Mal sehen, wie das aussieht. Diese Animation sieht viel besser aus als das, was wir zuvor hatten, aber wir brauchen nicht all diese zusätzliche Zeit. Wenn Sie zur Komposition und dann zu den Kompositionseinstellungen wechseln, können wir die Dauer so anpassen , dass sie nur 2 Sekunden beträgt. 11. Übergeordnete Ebenen: Schere: Die beiden Hälften der Schere drehen sich, wodurch die Schere so aussieht, als würde sie sich nach links bewegen Aber wenn sich eine Hand an den Griffen der Schere festhalten würde , würde die Hand wahrscheinlich an ihrem Platz bleiben, also sollte sich die Schere eigentlich nach rechts bewegen , um dem entgegenzuwirken, wie es aussieht, als würde sie sich nach links bewegen Um das zu beheben, können wir Kindererziehung verwenden, und wenn wir schon dabei sind, können wir die Animation auch etwas realistischer und interessanter aussehen lassen etwas realistischer und interessanter Ich wähle also die Ober- und Unterseite der Schere aus und wähle dann das übergeordnete Teil als Scharnier Wenn ich jetzt die Scharnierschicht anpasse, können Sie sehen, dass der Rest der Schere dazu passt. Denken Sie daran, dass Elternschaft für jedes Eigentum gilt. Wenn ich das Scharnier skaliere, skaliert es auch die Schere Oder wenn ich das Scharnier drehe, dreht es auch die Schere Ich möchte die Position animieren, also drücke ich P auf der Tastatur und lege hier einen Positions-Keyframe fest sich die Schere dann öffnet, möchte ich sie nach rechts bewegen, aber es ist schwer zu erkennen, wo sie waren Ich werde also Command R auf der Tastatur drücken , um die Lineale aufzurufen Dann gehe ich zu Beginn der Timeline zu diesem vertikalen Lineal über und ziehe eine Hilfslinie heraus Ich werde es genau auf der rechten Seite der Griffe der Schere platzieren. Jetzt kann ich die Startposition der Schere sehen. Jetzt gehe ich auf der Zeitleiste vorwärts und lasse dann die Kante der Griffe wieder mit der Hilfslinie übereinstimmen. Ich werde die Position anpassen. Und ich könnte auch die Y-Position anpassen , nur um diese Animation interessanter und realistischer aussehen denn wenn eine Hand die Schere halten würde, wäre sie wahrscheinlich nicht absolut still vertikal. Ich würde mich wahrscheinlich auch ein bisschen bewegen. Also passe ich das einfach so an, dass die Schere beim Öffnen etwas nach oben bewegt wird. Dann wird es an dieser Position pausieren, also kopiere ich den Keyframe und füge ihn ein Und wenn sich die Schere dann schließt, kann ich den Start-Keyframe kopieren und einfügen Dann kann ich einfach alles durchgehen und dasselbe für alle anderen Keyframes tun dasselbe für alle anderen Keyframes tun Sie könnten diese Keyframes einfach kopieren und dort einfügen , wo es auch Sinn macht, aber ich möchte, dass das wieder ein bisschen unvollkommen aussieht, damit es realistischer aussieht Ich gehe rein und passe die Position so an, dass sie jedes Mal etwas anders ist Wenn es schwierig ist, dieses Scharnier auszuwählen, weil es klein ist, können Sie es mit dieser Dropdownliste vergrößern Oder wenn Sie wie ich eine Zaubermaus haben, können Sie es einfach mit der Maus bewegen, um es zu vergrößern. Für den letzten Keyframe werde ich sicherstellen, dass er exakt dem ersten Keyframe entspricht damit er sich perfekt wiederholt. Ich werde diese Keyframes vereinfachen indem ich die Position-Eigenschaft auswähle , um alle Keyframes und dann verwende ich die Tastenkombination F neun , um diese Keyframes zu vereinfachen Mal sehen, was wir haben. 12. Linien animieren: Pinsel: Für das Schmerzpinsel-Symbol werde ich diese Tropfen mit Trimpathen animieren Aber im Moment sind es nur Formebenen, also ist es keine Linie, die ich mit Trimpass animieren könnte Der erste Schritt besteht darin , alle Tropfen auszuwählen, mit der rechten Maustaste zu klicken, zu erstellen und dann Formen aus der Vektorebene zu erstellen Ich werde die ursprünglichen Illustrator-Ebenen löschen. Dann ist jede dieser Linien, wie Sie sehen eine Linie, die ich jetzt mit Trimpats animieren kann wir in die erste Zeile und gehen wir zu „Pfade hinzufügen“ und dann Dann schalte ich das ein. Ich werde die Anfangs- und Endeigenschaften dieses Farbtropfens animieren Anfangs- und Endeigenschaften dieses Farbtropfens Aber denken Sie zunächst daran, dass es hier eine Farbschicht gibt. Wenn ich diese Ebene also einfach alleine indem ich auf diese kleine Schaltfläche hier klicke, kannst du sehen, dass sich hier diese Farbform befindet und sich diese Farbtropfen teilweise mit dieser Farbe überlappen Ich werde das rückgängig machen. Ich werde den Endwert so anpassen, dass er sich nur mit der Form der Farbe überschneidet , aber nicht darüber hinausragt Ich finde, 27% sehen ziemlich gut aus. Ich lege hier am Anfang der Timeline einen Keyframe und dann gehen wir zu 20 Frames über und bringen das Ganze auf 100 Aber wenn das nach unten tropft, möchte ich, dass es sich tatsächlich von der restlichen Farbe auf dem Pinsel löst von der restlichen Farbe auf dem Pinsel Um das zu tun, kann ich die Start-Eigenschaft animieren . Ich gehe in die Mitte zwischen diesen beiden Keyframes und lasse sie sich lösen Ich setze einen Keyframe für den Anfang auf Null und dann gehe ich zu 20 Frames und lasse das Ganze bis zu 100% animieren Dadurch wird der Tropf bis zum Rand animiert. Mal sehen, wie das aussieht Lassen Sie uns Easy Es hinzufügen, damit es nur ein bisschen besser aussieht. Cool. Wir haben den ersten Drip und können diese gesamte Trimpath-Animation kopieren und in die anderen Drips einfügen Ich wähle die Stelle aus, an der Trimpas steht , und stelle sicher, dass sich mein Abspielkopf am Anfang der Timeline befindet , und füge das einfach in die Drips zwei, drei und vier Wenn Sie dann U auf der Tastatur drücken, werden alle Keyframes der ausgewählten Jetzt kann ich diese Keyframes sehen und wir drücken Sie erneut, um nur die Keyframes auf dieser Ebene zu sehen , um sie ein wenig zu komprimieren Dann kann ich die Keyframes anpassen, um diese Animationen zu staffeln zu Vielleicht lassen wir zuerst Tropf Drei laufen, da es am weitesten unten ist , und dann passiert vielleicht Tropf Ich ziehe diese Keyframes einfach, um sie zu staffeln. Danach nehmen wir vielleicht Drip Four. Ich wähle diese Keyframes aus und versetze sie. Und dann lass uns einen letzten Drip machen. Und lassen Sie uns das noch einmal abspielen. Das sieht ziemlich gut aus, aber die gesamte Animation dauert nur 2 Sekunden, und wir haben weitere 2 Sekunden auf der Timeline. Also zwei Möglichkeiten, das zu ändern. Sie können entweder Ihren Abspielkopf auf 2 Sekunden setzen und dann die Ende-Taste drücken wird dieser graue Balken am oberen Rand der Timeline , der als Arbeitsbereich für Ihre Abspielposition bezeichnet wird Von hier aus können Sie dann mit der rechten Maustaste auf den grauen Balken, den Arbeitsbereich, klicken und „Comp to work area“ auswählen Die andere Möglichkeit, dies zu tun, besteht darin, zu den Kompositionseinstellungen zu wechseln oder Befehl K auszuführen und dann die Dauer hier anzupassen Also hier ist das Endergebnis. Eine Sache die Sie beachten sollten, ist, dass ich Keyframes für den Endwert so eingestellt habe , dass dieser Wert bei 27% beginnt Das hängt davon ab, wo Drip One mit dieser Farbschicht überlappt Je nachdem, wie Ihr Farb-Layer aussieht und wie lang die Farbtropfen sind, müssen Sie möglicherweise den Endwert für die verschiedenen Farbtropfen anpassen den Endwert für die verschiedenen Aber bei mir hat es geklappt, weil der erste Tropfen der kürzeste war Du könntest auch das Timing der Keyframes anpassen , wenn du etwas mehr Abwechslung beim Abtropfen der Tropfen haben möchtest etwas mehr Abwechslung beim Abtropfen der Tropfen haben 13. Linien animieren: Bleistift: der Bleistift-Animation möchte ich den Stift so drehen Bei der Bleistift-Animation möchte ich den Stift so drehen, dass er schräg Dann möchte ich, dass die Linie eingezeichnet wird und der Stift so aussieht, als würde er diese Linie zeichnen. Damit diese Linie eingezeichnet wird, müssen wir sie in eine Formebene umwandeln. Klicken Sie dazu mit der rechten Maustaste auf diese Linienebene und wählen Sie dann Formen aus der Vektorebene erstellen. Dadurch wird eine neue Ebene erstellt und Sie können erkennen, dass es sich um eine Formebene handelt, da sich neben ihr dieses kleine Sternsymbol befindet, wohingegen bei unseren Vektorebenen das kleine Illustrator-Symbol daneben Diese Ebene ist eine bearbeitbare Formebene. Wenn ich sie öffne, können Sie sehen, dass sie über alle Transformationseigenschaften verfügt , mit denen Sie wahrscheinlich bereits vertraut sind, und dass sie auch Inhalte enthält, die eine Gruppe und dann einen Ich habe sogar Stricheigenschaften, sodass Sie die Strichstärke oder die Farbe dieses Strichs oder andere Dinge wie Striche oder Verjüngungen oder die Kappen an den Enden ändern können die Strichstärke oder die Farbe dieses Strichs oder andere Dinge wie Striche oder Verjüngungen oder die Kappen an den Enden Unter dem Pfad können Sie diesen Pfad dann tatsächlich verschieben Wenn Sie den Pfad der obersten Ebene auswählen, können Sie die einzelnen Punkte auf diesem Pfad auswählen und ihn bearbeiten. Sie könnten sogar auf die Topwatch klicken und diese Eigenschaft mit einem Keyframe versehen Ich werde das alles rückgängig machen. Ich möchte den Pfad dieser Linie nicht animieren . Ich möchte es beim Einzeichnen animieren. Gehen Sie dazu hier zu dieser Anzeigenschaltfläche und wählen Sie „Pfade zuschneiden Dadurch wird eine neue Eigenschaft zum Kürzen von Pfaden hinzugefügt Wenn Sie diese Option öffnen, können wir die Start- und Endwerte animieren, um die Linie ein- und auszuschalten können wir die Start- und Endwerte animieren, um die Linie ein- und auszuschalten Ich gehe in meiner Zeitleiste auf 1 Sekunde weiter und lege einen Keyframe für den Endwert auf Das bedeutet, dass die Linie zu 100% eingezeichnet wird. Dann gehe ich zurück zum Anfang der Timeline und setze diesen Endwert auf Null. Wenn ich jetzt die Animation wiedergebe, wird die Linie animiert Wenn Ihre Linie zufällig rückwärts animiert wird, also das Gegenteil von dem, was Sie möchten, drücken Sie einfach diese Taste hier und es wird die Richtung der Linie umgekehrt Die Richtung der Linie hängt davon ab, wie Sie sie in Illustrator gezeichnet haben Als Nächstes wähle ich die Linienebene aus und verschiebe sie einfach nach unten, sodass wir Platz für den Stift haben , um die Linie zu zeichnen Ich werde die Linie schließen und sie unter den Stift bringen, und dann werde ich diese Illustrator-Version der Linie tatsächlich löschen Wenn Sie das aus irgendeinem Grund wieder benötigen, finden Sie es immer in diesem Ordner mit Illustrator-Ebenen für den Stift Lassen wir nun den Stift die Linie einzeichnen. Ich drücke P auf der Tastatur, um die Positionseigenschaft aufzurufen. Sie könnten versuchen, dies mit Keyframes zu versehen, sodass Sie überall auf diesem Pfad Keyframes haben , sodass es so aussieht er sich in der Form dieses Pfads bewegt Aber es gibt einen viel einfacheren Weg. Aber bevor ich das mache, möchte ich den Ankerpunkt zur Spitze des Stifts bewegen . Bevor Sie eine Positionsanimation erstellen, ist es immer eine gute Idee, zu überprüfen, wo sich Ihr Ankerpunkt befinden soll. Lassen Sie mich Ihnen zeigen, warum das wichtig ist. Wenn ich also die Position dieses Stifts animieren würde, ich einfach etwas sehr Einfaches wie das hier machen Es bewegt sich also so über den Bildschirm. Aber dann wird mir klar, dass ich den Ankerpunkt ändern möchte . Wenn ich das Werkzeug hinter dem Pan hinter dem Werkzeug nehme und den Ankerpunkt verschiebe, können Sie sehen, dass sich dadurch der Bewegungspfad geändert hat. Jetzt wird die Animation also ganz anders aussehen. Also werde ich das alles rückgängig machen. Das heißt, denken Sie daran, Ihren Ankerpunkt zu verschieben , bevor Sie die Positionseigenschaft animieren Wenn Sie mehr über Ankerpunkte und darüber, wie Sie dieses Problem in einigen Fällen beheben können, erfahren möchten, schauen Sie sich diese Tutorials Ordnung, also werde ich den Ankerpunkt zur Spitze des Stifts verschieben . Und dann zurück zum Auswahlwerkzeug wechseln. Dann gehe ich in diese Linienebene und suche den Pfad, und ich möchte den neben der Stoppuhr Ich wähle genau hier die Stelle aus, an der Pfad steht , und drücke Command oder Control C, um diesen Pfad zu kopieren Dann setze ich meinen Abspielkopf an den Anfang der Timeline, an dem die Animation beginnen soll , und setze diesen Pfad mit der Positionseigenschaft fort der Timeline, an dem die Animation beginnen soll , und setze diesen Pfad mit der Positionseigenschaft Nun, das ist nicht genau an der richtigen Stelle, denn wenn Sie sehen, dass die Linie animiert wird, ist dieser Pfad nicht an dieser Linie ausgerichtet jedoch all diese Keyframes ausgewählt sind und sich der Abspielkopf über einem der Keyframes befindet, können Sie den gesamten Bewegungspfad problemlos aufnehmen und verschieben Es werden also im Grunde alle Positions-Keyframes verschoben. Und ich werde es einfach mit der Linie abgleichen. Wenn ich das jetzt wiedergebe, sieht der Stift fast so aus, als würde er in der Linie zeichnen, aber die Positions-Keyframes stimmen nicht mit den Trimpath-Animations-Keyframes Ich wähle nun diesen letzten Keyframe für die Positionsanimation aus und ziehe ihn einfach so, dass er nach 1 Sekunde mit der Trimpath-Animation 1 Sekunde Sie können sehen, dass dieser Keyframe, nur durch einen kleinen Kreis dargestellt wird, automatisch Das ist der Keyframe genau hier. Diese Art von Keyframe heißt Rove Across Time und funktioniert so, dass er immer zwischen einer Reihe von Keyframes angeordnet ist immer zwischen einer Reihe von Keyframes angeordnet Wenn Sie den End-Keyframe oder den Start-Keyframe anpassen, passt ein OvCross-Keyframe in der Mitte automatisch ihr Timing an, sodass die Animation zwischen dem ersten und dem letzten Keyframe reibungslos abgespielt wird sodass die Animation zwischen dem ersten und dem . Wenn ich diesen Pfad kopiert und an der Position des Stifts eingefügt habe, wurde für diese Keyframes automatisch ein Zeitlimit festgelegt an der Position des Stifts eingefügt habe, wurde für diese Keyframes automatisch ein Zeitlimit festgelegt. Wenn Sie dies jedoch für eine Reihe von Keyframes festlegen möchten, müssen Sie nur die Keyframes auswählen, mit der rechten Maustaste klicken und RovCrossST rechten Als Nächstes wähle ich all diese Keyframes aus und drücke F neun, um diese Keyframes aus und drücke F neun Spielen wir ab, was wir haben. Da sich der Stift außerhalb der Komposition befindet, werde ich die Komposition vergrößern. Also gehe ich zu den Kompositionseinstellungen , indem ich Befehl K drücke, und lass uns diesen Wert einfach auf 1.000 mal 1.000 erhöhen. Und wir können den Hintergrund auch vergrößern , indem wir ihn einfach vergrößern. Also drücke ich S, um die Skalierungseigenschaft aufzurufen , und ziehe dann einfach die Skala, um sie zu vergrößern. Sie können auch die Hintergrundebene sperren. Auf diese Weise können Sie sie nicht versehentlich auswählen. Lassen Sie uns nun den Stift animieren, indem er die Linie umdreht und löscht Ich öffne die Transformationseigenschaften für den Stift und lege für die Position und Drehung einen Keyframe auf 2 Sekunden Drehung einen Keyframe auf 2 Sekunden fest. Dann gehe ich 15 Frames vorwärts und ich möchte, dass sich der Stift in der Form dieser Linie bewegt ich diese Keyframes kopiere, bewegt sich der Stift zurück zum Anfang, aber ich muss ihn auch so drehen , dass der Radiergummi die Linie berührt Ich werde das rückwärts drehen . Nimm dann all diese Positions-Keyframes, indem du alle drei auswählst und das Ganze nach oben verschiebst , sodass der Radiergummi die Linie berührt Dadurch wird das gesamte Segment des Bewegungspfads verschoben. Wenn ich durch die Zeitleiste scrubbe, wie Sie hier sehen können, sieht diese Animation etwas seltsam aus, weil dieser Teil des Bewegungspfads so gerade ist , wenn der Stift umgedreht Wenn Sie den Bewegungspfad nicht sehen, stellen Sie sicher, dass er aktiviert ist und dass unter der Ansicht auch die Option „ Ebenensteuerungen anzeigen Ich möchte dieses Segment der Linie gekrümmt machen. Um das zu tun, benötige ich Griffe, wie Sie hier für dieses Kurvensegment der Linie sehen können. Da ich an diesem Teil der Linie noch keine Ziehpunkte habe , können Sie zum Zeichenstift-Werkzeug wechseln, klicken und gedrückt halten und dann das Werkzeug zum Konvertieren von Scheitelpunkten auswählen Anschließend können Sie auf einen Keyframe klicken, durch die Quadrate dargestellt wird, um Ziehpunkte zu erstellen Ich habe nur einmal geklickt und das Handle wurde gelöscht. Ich klicke erneut, um hintere Griffe auf beiden Seiten hinzuzufügen hintere Griffe auf beiden Seiten Dann ziehe ich diesen Griff heraus, um eine Kurve zu erstellen, und dann diesen Griff nach innen, um diese Kurvenlinie hoffentlich so weit wie möglich beizubehalten. Schauen wir uns also an, wie das aussieht. Ich denke, das sieht besser aus. Lassen Sie uns nun diese Rotations-Keyframes etwas einfacher gestalten. Lassen Sie uns nun die Linie animieren, indem wir sie nach außen animieren. Also unterhalb der Linie unter Trim Pass werde ich den Startwert animieren Also lege ich hier einen Keyframe auf 2:15 fest, gehe dann auf 315 und erhöhe den Startwert ganz auf 100 Und lassen Sie uns diese Keyframes einfach vereinfachen . Lassen Sie uns sehen, was wir bisher haben. Um diese Schleife zu machen, muss ich den Stift wieder umdrehen lassen. Hier, wenn diese Animation fertig ist, benötige ich einen Rotations-Keyframe Dann gehe ich zum Ende der Timeline und kopiere den Keyframe für die erste Position und füge ihn so ein, dass er wieder am Anfang der Zeile beginnt, sowie den ersten Rotations-Keyframe um den Stift wieder umzudrehen Wenn der Stift wieder umgedreht wird, diese Linie genau hier für ist diese Linie genau hier für den Bewegungspfad wirklich gerade, und sie würde natürlicher aussehen wenn sie ein bisschen gekrümmt Um das zu tun, gehe ich zurück zum Werkzeug „Scheitelpunkt konvertieren“ und klicke dann hier auf diesen Keyframe werden Ziehpunkte hinzugefügt Dann kann ich diesen Griff herausziehen und diesen wieder zurückbringen Sie können die Wahltaste oder die Alt-Taste gedrückt halten , um nur einen der Griffe anzupassen und nicht den Also werde ich den zurückbringen. Stellen Sie sicher, dass diese Linie immer noch der Form der Linie entspricht, die ein- und auszieht. Und mal sehen, was wir bisher haben. Lassen wir den Stift am Anfang und am Ende der Zeile gleich lange anhalten am Ende der Zeile gleich lange . Um das zu tun und alle meine Keyframes auf einmal auf der Timeline zu sehen , habe ich keine Ebene ausgewählt und drücke die Taste Dann nehme ich all diese Keyframes und verschiebe sie 15 Frames rückwärts Eine andere Sache, die ich tun möchte, ist, dass sich der Stift ein wenig dreht, während er in der Linie zeichnet Also lege ich am Anfang der Timeline ein Schlüsselbild für die Rotation fest, und wenn die Animation beendet ist, sind es beide 35 Grad. Und dann lassen wir den Stift in der Mitte etwas weiter auf diese Weise drehen. Also vielleicht 40. So sieht das aus. Sie haben vielleicht bemerkt, dass Sie beim Umdrehen des Bleistifts eine Weile die Linie durch den Stift hindurch sehen können, da es sich bei Linie durch den Stift hindurch sehen können dieser Form, die ich in Illustrator erstellt habe, um eine offene Form ohne Füllung handelt Manchmal können Sie solche Probleme beheben , indem Sie zur Illustrator-Datei zurückkehren Und in diesem Fall ist es einfach, einen Illustrator zu reparieren, da es sich nur um einen einfachen Farbwechsel Illustrator zu reparieren, da es sich nur um einen einfachen Ich werde also in meine Illustrator-Datei wechseln in meine Illustrator-Datei Dieser ganze Stift ist eine Gruppe, also doppelklicke ich auf die Form, der ich eine Füllfarbe hinzufügen möchte , und füge dann diese Füllfarbe Und wenn wir schon dabei sind, können wir sie auch sicherheitshalber füllen. Und das sieht ziemlich gut aus. Also werde ich die Gruppe verlassen, indem ich auf diese Leiste klicke und dann die Datei speichere, und dann gehe ich zurück zu After Effects. Und lassen Sie uns einfach die Timeline durchblättern und sehen, ob das Problem dadurch behoben wurde Ja, jetzt können Sie sehen, dass es sich um eine ausgefüllte Form handelt, da meine Illustrator-Datei in After Effects aktualisiert wurde 14. Skala animieren: Pipette: Ich mache dieses Rechteck, die Flüssigkeit, die sich in der Pipette befindet Aber zuerst animieren wir diesen kleinen Flüssigkeitstropfen , der aus der Pipette austritt Ich werde diese rechteckige Flüssigkeitsebene vorerst nur verstecken diese rechteckige Dann lassen Sie uns das Tröpfchen an seinen Platz bringen. Da das jetzt abgeschnitten wird, vergrößern wir auch die Komposition Ich werde Befehl oder Strg K ausführen, um zu den Kompositionseinstellungen zu gelangen. Machen wir das einfach 700 mal 700 Pixel. Dann vergrößere ich den Hintergrund. Ich wähle den Hintergrund aus, drücke S auf der Tastatur, um zur Skalierungseigenschaft zu gelangen, und skaliere ihn einfach. Für das Tröpfchen möchte ich auch die Skala animieren , sodass es aussieht käme es aus der Pipette Aber zuerst möchte ich den Ankerpunkt nach oben verschieben. Ich gehe in der oberen Werkzeugleiste zum Bereich hinter dem Werkzeug und zoomen wir dann einfach hinein. Sie können die Leertaste gedrückt halten, um mit diesem kleinen Handwerkzeug Ihre Komposition zu verschieben Dann ziehe ich den Ankerpunkt nach oben. Wenn Sie die Befehls-/Strg-Taste gedrückt halten, rastet er an einer Ecke oder einer Kante ein, und dann wechsle ich zurück zum Auswahlwerkzeug mit V auf der Tastatur Öffnen wir dann das Droplet von oben und animieren wir die Position und die Skala Die Position sollte ungefähr hier beginnen, vielleicht etwas höher Gehen wir dann zu 15 Frames und animieren die Position nach unten Und dann stelle ich bei 15 Perms die Skala ebenfalls auf 100% ein, und dann lassen wir das Ganze zu Beginn der Timeline auf einer Skala von Null stehen Jetzt skaliert das Tröpfchen nach oben und nach unten. Aber ich denke, das geht ein bisschen zu schnell. Also lassen Sie uns diese Keyframes einfach auf 1 Sekunde und 15 Frames verschieben auf 1 Sekunde und 15 Frames Ich möchte diese Animationsschleife auch machen, also brauche ich eine Möglichkeit, dieses Droplet loszuwerden Lassen Sie uns also die Opazität animieren. Beginnen wir also bei einer Sekunde, animieren wir die Deckkraft ab 100 und richten sie dann auf diese beiden anderen Keyframes aus, bis wir sie auf Null bringen Lassen Sie uns dann einfach all diese Keyframes vereinfachen. Also hier ist, was ich bisher habe. 15. Animationsgröße: Kamera: Dieses Kamerasymbol, ich möchte, dass das Objektiv so skaliert, als würde es seinen Fokus anpassen Lassen Sie uns diese beiden Fotos vorerst verstecken. Ich möchte, dass die innere Linse skaliert, aber wenn ich die Skalierungseigenschaft verwende, können Sie sehen, dass die Strichstärke dieses Kreises tatsächlich auch skaliert. Mir gefällt nicht, wie das aussieht. Ich mag es, wenn alle Strichgewichte konsistent sind, auch wenn es sich um Skalierung handelt. Lassen Sie mich Ihnen eine Möglichkeit zeigen , wie Sie die Größe des Kreises beeinflussen können die Größe des Kreises ohne die Strichstärke zu beeinflussen. Ich werde die Auswahl dieser inneren Ebene der Linse aufheben, indem ich sie einfach anklicke, und dann werde ich sie mit den Formwerkzeugen und After Effects neu erstellen den Formwerkzeugen und After Wenn du zum Rechteckwerkzeug gehst und klickst und gedrückt hältst, gibt es hier noch andere Optionen für Werkzeuge, also nehme ich das Ellipsenwerkzeug Dann ziehe ich einfach eine Ellipse heraus und halte die Umschalttaste gedrückt , um sicherzugehen Umschalttaste gedrückt , um , dass ich einen perfekten Kreis erhalte Wenn Sie nicht exakt sind, ist das okay, weil Sie es anpassen können. Ich wechsle zurück zum Auswahlwerkzeug und verschiebe es dann an die richtige Stelle. Lassen Sie uns diese Ebene, diese Formebene und die Linsenebene einfach einzeln betrachten, damit Sie besser sehen können, was ich mache. Ich werde heranzoomen. Und um dann seinen Strich neu einzufärben, klicke ich auf dieses Feld hier und verwende diese Pipette, um die Strichfarbe auf der ursprünglichen Illustrator-Ebene zu Strichfarbe auf der ursprünglichen Illustrator-Ebene Und dann weiß ich auch, dass die Strichstärke 14 sein sollte , weil ich das in Illustrator verwendet habe Und dann muss das ein bisschen größer sein. Also öffne ich die Stelle, an der Ellipse und dann Ellipsenpfad steht , und passe dann die Also ich finde, das sieht gut aus. Lass uns diese Linsenschicht verstecken. Das ist nah genug. Die kreisförmige Ebene, die ich erstellt habe, hat keine Füllfarbe, weil der Augapfel zum Füllen ausgeschaltet ist. Deshalb werde ich ihn einschalten Und dann entfernen wir es einfach, damit ich hier auf dieses Füllfeld klicken und dann mit der Pipette die Füllfarbe des Originals Und dann lassen Sie uns das wieder an seinen Platz bringen. Und dann ziehen wir einfach diese Formebene direkt über die Linse und ziehen dann beide Ebenen vom Solo Und dann kann ich die ursprüngliche Ebene der Linse tatsächlich einfach löschen ursprüngliche Ebene der Linse Und lassen Sie uns diese Formebene umbenennen. Wählen Sie es dazu aus und drücken Sie dann die Eingabetaste oder die Eingabetaste Dann können Sie mit der Eingabe beginnen. Ordnung, jetzt haben wir also diese brandneue Ebene dieser Größeneigenschaft, und wenn Sie die Größeneigenschaft animieren, können Sie sehen, dass die Strichstärke gleich bleibt, auch wenn ich sie größer oder kleiner mache Sie wundern sich vielleicht, warum ich nicht einfach mit der rechten Maustaste auf die Ebene geklickt habe und gesagt habe, Formen aus einer Vektorebene erstellen Der Grund, warum ich das nicht getan habe, ist, dass dadurch nur ein Pfad und kein Ellipsenpfad erstellt ein Pfad und kein Ellipsenpfad Und ein Pfad hat nicht die Größeneigenschaft. Um das Objektiv zu animieren, setzen wir also am Anfang der Timeline einen Keyframe für die Größe auf diese Größe Wenn ich dann zehn Frames weitermache, werde ich das Ganze etwas kleiner machen Und dann gehen wir zu 25 Frames und kopieren einfach den ersten Keyframe und fügen ihn ein Erleichtern Sie diese Keyframes ganz einfach. Es sieht also so aus Lassen Sie uns auch die Skalierung der Linsenebene animieren, aber auch muss ich die Größeneigenschaft verwenden, um die Strichstärke beizubehalten Ich werde also diese innere Linsenebene duplizieren, indem ich die Befehlstaste oder die Strg-Taste D drücke, und ich werde sie umbenennen Und dann schalten wir die Blendung ein und suchen nach der Größeneigenschaft Ich werde den Abspielkopf über den ersten Keyframe legen. Da ich alle drei Keyframes ausgewählt habe, wird, wenn ich mit der Maus über die Zahlen für die Größeneigenschaft ziehe, die Größe aller drei Keyframes angepasst, wobei ihre relativen Werte beibehalten werden Keyframes angepasst, wobei ihre relativen Werte beibehalten Ich werde das mit der ursprünglichen Blendwirkung des Objektivs Jetzt können Sie also sehen, dass die innere Blendung skaliert. Lassen Sie uns einfach die ursprüngliche Ebene löschen. Natürlich ist das ein vollständiger Kreis, also müssen wir nur einen Viertelkreis daraus machen. Dazu drücke ich auf diese Anzeigenschaltfläche und wähle Pfade zuschneiden und setze den Endwert einfach auf 25%, und setze den Endwert einfach auf sodass nur noch ein Viertel des Kreises übrig bleibt. Um ihn dann hierher zu verschieben, ändere ich den Offset-Wert. Machen wir also einen negativen Wert von 90. Dann möchte ich auch, dass die Kappen abgerundete Kappen sind. Ich werde auf den Strich eingehen, oder Sie könnten das auch im Eigenschaftenfenster tun, das etwas einfacher zu finden ist. Drücken Sie einfach auf die runden Kappen. Du könntest das auch unter dem Strich finden . Ich rufe dich einfach an, um alle Keyframes zu sehen und das habe ich bis jetzt 16. Eine Matte erstellen: Kamera: Lassen Sie uns diese Fotos, die aus der Kamera kommen, animieren. Ich werde einfach die Blume verstecken und mit einer nach der anderen arbeiten. Zuerst animiere ich die Position und dann erstelle ich eine Matte , sodass das Foto nur in diesem unteren Bereich sichtbar ist , und dann lasse ich es so aussehen käme es aus der Kamera Also drücke ich P auf der Tastatur, um die Positionseigenschaft aufzurufen , und setze einen Keyframe am Anfang der Timeline, und ich werde den Y-Wert nach oben ziehen, sodass er sich über dieser Linie befindet, in der das Foto aus der Kamera kommt. Und dann gehe ich zu 1 Sekunde und animiere das Bild so, dass es ganz von der Kamera entfernt ist Lassen Sie uns jetzt die Matte erstellen. Dazu verwende ich Formebene und zeichne einfach ein Rechteck , das am oberen Rand dieses Schlitzes beginnt und sich bis zum unteren Rand der Komposition erstreckt. Lassen Sie uns diese Ebene in MT umbenennen, also drücken Sie Enter oder Return und dann erneut Enter oder Return. Dann muss ich auf dieser Fotoebene die Matte so einstellen, dass sie diese Formebene ist. Um die MT-Optionen zu sehen, klicken Sie auf diese Schaltfläche zwischen den Modi und Sie sollten hier Track Mat sehen Wenn du die Track-Mat-Optionen nicht siehst, wechsle durch diese Schaltflächen, bis du sie siehst, oder klicke mit der rechten Maustaste auf diese obere Leiste, gehe zu den Spalten und vergewissere dich, dass Modi aktiviert sie siehst, oder klicke mit der rechten Maustaste auf diese obere Leiste, ist Dann kannst du in diesem Drop-down-Menü die Mat-Ebene als MT auswählen Sie können diese Auswahlmaschine auch verwenden , um auf die Ebene zu ziehen. Jetzt ist das Foto also nur innerhalb dieser Matte sichtbar, und ich muss mit V zurück zu meinem Auswahlwerkzeug wechseln. Wenn ich das jetzt wiedergebe, können Sie sehen, dass das Foto so aussieht, als mit V zurück zu meinem Auswahlwerkzeug wechseln. Wenn ich das jetzt wiedergebe, können Sie sehen, dass das Foto so käme es aus der Kamera Aber es würde besser aussehen, wenn die Matte ein wenig nach unten bewegt würde. Also wähle ich einfach diese Mattenschicht und ziehe sie so herunter. Und vielleicht lassen wir dieses Foto komplett vom Bildschirm verschwinden. Also habe ich gerade diesen Keyframe aktualisiert. Ich kann diese Keyframes auch einfach vereinfachen. Ich möchte, dass zuerst die Animation der Objektivanpassung erfolgt, und dann würde es vielleicht gut aussehen, wenn sich die gesamte Kamera ein wenig bewegt als würde jemand auf den Auslöser drücken und dann sollte das Foto herauskommen Ich werde einfach alle Ebenen schließen. Um die gesamte Kamera zu animieren, möchte ich, dass alle Ebenen dieser Kameraebene übergeordnet dieser Kameraebene übergeordnet Ich wähle also alle Ebenen und übergeordnete sie der Kamera Lassen Sie uns nun sehen, wo sich die Keyframes für das Objektiv befinden. Fangen wir bei etwa 15 Bildern an und lassen die Kamera das Ganze nach unten bewegen Ich drücke Pee auf der Tastatur, um die Positionseigenschaft für die Kamera aufzurufen Positionseigenschaft für die , und lege hier einen Keyframe fest. Gehen wir dann zum Ende der Animation zur Objektiveinstellung und bewegen die Kamera ein wenig nach unten Gehen Sie dann weitere zehn Frames vorwärts und erstellen Sie die Animation in einer Schleife, indem den ersten Keyframe kopieren und einfügen Und ich werde diese Keyframes ganz einfach vereinfachen. Dann sollte es wahrscheinlich eine Weile dauern bis das Foto verarbeitet ist, und dann lasse ich das Foto herausbringen Ziehen wir diese Ebene also zurück und lassen sie nach 2 Sekunden wieder erscheinen. Also hier ist, was ich bisher habe. Ich könnte auch ein wenig Rotation hinzufügen , wenn sich die Kamera nach unten bewegt. Bei diesem Keyframe werde ich also Rotations-Keyframes einstellen. Um also die Positions-Keyframes zu sehen und auch die Rotationseigenschaft zu deaktivieren, drücke ich Shift R und lege dann einen Rotations-Keyframe fest, und dann lege ich hier einen Rotations-Keyframe für fest, lassen Sie uns einfach etwas wirklich Subtiles machen, wie vielleicht nur einen negativen Wert, wie vielleicht nur einen negativen Wert, und dann hier wieder Und Easy Ease erstellt Keyframes. Dann könnten Sie all diese Keyframes wiederholen und dann auch die Fotoblume animieren , die aus der Kamera kommt. Achten Sie darauf, die Matte auf diese Mattenebene zu legen 17. Erstelle eine Matte: Pipette: Damit dieses Rechteck, das die Flüssigkeit darstellt, genau innerhalb dieser Pipettenform liegt, müssen wir einen Berg aufstellen genau innerhalb dieser Pipettenform liegt, müssen wir Um die Mattenoptionen zu sehen, gehen Sie zum Ende der Timeline und klicken Sie auf diese Schaltfläche mit der Aufschrift „Zwischen den Schrägstrichmodi umschalten Ich möchte also, dass diese Pipettenform die Matte für diese Flüssigkeit Also auf der Flüssigkeitsschicht möchten Sie hier die Matte auswählen. Sie können entweder das Drop-down-Menü verwenden und die Ebene auswählen, oder Sie können diese kleine Spirale verwenden, die Pick-Peitsche verwenden und zu der Ebene ziehen , die Sie als Matte verwenden möchten Standardmäßig wird dadurch der Augapfel auf der Ebene, die Sie als Matte ausgewählt haben, ausgeschaltet Ebene, die Sie als Matte ausgewählt haben, , bei der es sich um die Pipette handelt Aber wenn Sie hier nachschauen, funktioniert das nicht so, wie wir es funktioniert das nicht so, wie wir Bei dieser Pipette handelt es sich um eine Form , die nur einen Strich und keine Füllung hat Die Matte taucht also einfach auf dieser Kontur auf. Lassen Sie uns das beheben, indem wir der Pipette eine Füllfarbe geben. Und das werde ich in Illustrator machen. Wenn Sie diese Datei noch nicht in Illustrator geöffnet haben, können Sie sie schnell finden, indem Sie mit der rechten Maustaste auf die Ebene klicken, zu und dann „Enthüllen und Finder “ gehen Und dann können Sie sie in Illustrator öffnen. Diese Pipettenform muss also eine Füllfarbe haben, also werde ich sie auswählen und dieselbe Farbe wie den Hintergrund einfärben also werde ich sie auswählen und dieselbe Farbe wie den Dann klicke ich auf Speichern. Wenn ich dann zu After Effects zurückkehre, können Sie sehen, dass diese Matte bereits aktualisiert wurde, weil ich dieser Pipette eine Füllfarbe gegeben habe Manche Dinge, wie das Hinzufügen einer Füllfarbe zu einer Form, können Sie in Illustrator tun, die Datei speichern und sie wird in After Effects aktualisiert Andere Dinge wie das Hinzufügen von Ebenen zu Ihrer Illustrator-Datei werden in After Effects nicht wieder aktualisiert Wenn Sie mehr darüber erfahren möchten, was Sie in Illustrator tun können und was nicht, und Ihre bereits importierte Illustrator-Datei in After Effects aktualisiert haben , habe ich ein Tutorial, das mehr darüber erklärt Aber im Moment mache ich das einfach rückgängig und schalte den Augapfel aus. Sie können sehen, dass sich die Füllflüssigkeit jetzt in der Pipettenform befindet, aber ich brauche die Pipettenform zurück aber ich den Augapfel einschalte, können Sie sehen, dass das immer noch nicht funktioniert, denn Pipettenschicht wieder eingeschaltet ist, verdeckt die Füllfarbe Wenn ich den Augapfel einschalte, können Sie sehen, dass das immer noch nicht funktioniert, denn sobald die Pipettenschicht wieder eingeschaltet ist, verdeckt die Füllfarbe die Flüssigkeit. Um das Problem zu beheben, werde ich die Flüssigkeit über die Pipette bringen , aber das ist immer noch nicht perfekt, weil ich jetzt nicht den Umriss um die gesamte Pipette herum sehe, weil ich die Flüssigkeit oben sehe. die Flüssigkeit oben sehe. Um dieses Problem zu beheben, nehme ich die Pipettenform und klicke mit der rechten Maustaste und wähle Formen aus der Vektorebene klicke mit der rechten Maustaste und wähle Formen aus der Vektorebene . Und dann werde ich diese Ebene nach oben bringen und diese Ebene hat immer noch diese Füllung, aber ich gehe in die Ebene unter dem Inhalt, es gibt ein paar Klicken wir uns einfach durch , um die zu finden, nach der wir suchen. Es wird also Gruppe drei sein, und dann öffne ich sie, und das ist die Füllung, die ich verstecken möchte Also werde ich es entweder löschen oder den Augapfel ausschalten. Also jetzt haben wir endlich den Look, den wir wollen. Also kann ich das schließen. Ich weiß, dass es einige Schritte gab , um ein Problem zu beheben , das ich hätte erwarten können. Wenn ich in Illustrator einfach eine weitere Kopie dieser Ebene erstellt hätte und diese Ebene mit der Füllung versehen hätte und sie dann einfach Matt oder so genannt und dann auf der ursprünglichen Pipette diese Ebene keine Füllfarbe hätte und sie dann einfach so importiert Das hätte all die Schritte gelöst, die ich zwischen After Effects und Illustrator machen musste Aber das habe ich eigentlich nicht mit Absicht gemacht. Ich dachte mir, wenn Sie Ihre eigenen Symbole erstellen, könnten Sie versehentlich in eine Situation geraten in der Sie nicht mit einer Mattenschicht gerechnet haben, die Sie benötigen würden Deshalb wollte ich Ihnen zeigen, wie Sie Probleme lösen können Denken Sie auch daran, dass das Hinzufügen einer Ebene in Illustrator nicht funktionieren wird, importiert nachdem Sie das Projekt bereits in After Effects Diese neue Ebene wird nicht erkannt. Animieren wir nun, wie sich die Flüssigkeit in der Pipette nach unten bewegt. Also drücke ich P auf der Tastatur, um die Positionseigenschaft aufzurufen , und setze einen Keyframe am Anfang der Gehen wir dann zu 1 Sekunde über und animieren die Flüssigkeit bis zum Rand der Pipette Da ich möchte, dass diese Animation wiederholt wird, möchte ich auch, dass die Flüssigkeit wieder hineinanimiert wird. Ich lasse es einfach in 15 Frames wieder nach oben bewegen und kopiere einfach das erste Keyframe und füge Lassen Sie uns diese Keyframes einfach vereinfachen und sehen, was wir haben. Diese Animation dauert nur 2 Sekunden, also werde ich den Arbeitsbereich zuschneiden, dann mit der rechten Maustaste klicken und „Komposition auf Arbeitsbereich zuschneiden“ wählen Es gibt noch eine Sache, die wir tun könnten, um diese Animation etwas interessanter zu gestalten, nämlich die gesamte Pipette ein wenig zu bewegen, sodass es so ist, als würde jemand zusammendrücken und tatsächlich die Pipette benutzen Um also die Position der gesamten Pipette zu animieren, muss ich mehrere Ebenen überlagern, sodass ich nur die Position einer Ebene animieren kann. sodass ich nur die Position einer Ebene animieren kann. Also nehme ich die Flüssigkeit, die Pipette und das Tröpfchen und ordne sie der Pipette-Konturschicht Tröpfchen und ordne sie der Pipette-Konturschicht zu. Dann drücke ich für diese Ebene P auf der Tastatur, um die Positionseigenschaft aufzurufen, und setze einen Keyframe am Anfang der setze einen Keyframe Gehen wir dann in der Zeit vorwärts auf 1 Sekunde, und dann bewegt sie sich nach unten Und dann möchte ich, dass der Tropfen vollständig verschwindet, bevor er wieder nach oben wandert , sodass der Tropfen nicht oben wandert, weil das keinen Sinn ergeben würde Warten wir also, bis er verblasst, und dann werde ich diese Bewegung wieder durchführen und dann werde ich diese Bewegung Lassen Sie uns also diesen letzten Keyframe kopieren und einfügen. Und dann, am Ende der Timeline, kopiere und füge ich den ersten Keyframe ein, und das ergibt eine perfekte Und dann lassen Sie uns diese Keyframes einfach vereinfachen. Ich denke, es würde besser aussehen, wenn die Flüssigkeit wieder nach oben rollt , während sich die Pipette tatsächlich wieder nach oben bewegt Also werde ich diesen Keyframe so verschieben, dass er sich am Ende der Timeline befindet , und dann kopiere ich hier den letzten Keyframe und füge ihn ein , sodass die In diesem Bereich wird das Tröpfchen einfach ausgeblendet und dann wird alles wieder an seinen Platz zurückkehren Dies ist die letzte Animation. 18. BONUS: Pfad-Eigenschaft animieren: Vielleicht ist dir aufgefallen, dass ich in meiner Kameraanimation das Foto ein bisschen morphiert habe, damit es aussieht, als wären es drei D. Wenn du lernen willst, wie das geht, zeige ich dir in diesem Video, aber es ist etwas fortgeschrittener als was wir bisher im Unterricht gemacht haben Als Erstes werde ich meine Komposition vergrößern, indem ich zu den Kompositionseinstellungen gehe Machen wir also 700 Pixel für die Höhe. Und dann werde ich auch weitermachen, um es so zu gestalten , dass die Höhe unten hinzugefügt wird. Ich klicke hier auf diese obere Schaltfläche und dann auf Okay, und dann lass uns den Hintergrund vergrößern. Der nächste Schritt besteht darin, das Foto auszuwählen und es in eine Formebene zu konvertieren. Klicken Sie also mit der rechten Maustaste, um Formen aus der Vektorebene zu erstellen. Dann werde ich das Foto unter der Formebenen-Version öffnen und diese Ebenen auswählen, um herauszufinden, was sie sind, und sie dann umbenennen um den gesamten Vorgang zu vereinfachen Das wird die Sonne sein. Wir müssen auch die Matte für diese Fotoform-Ebene festlegen, die diese Mattenebene hat , die wir erstellt haben Wenn das Foto dann aus der Kamera kommt, lassen wir es vielleicht gleich hier pausieren. Ich werde Sie auf der Tastatur drücken, um diese Positions-Keyframes aufzurufen , und einfach einen Positions-Keyframe einstellen Lassen wir es für nur fünf Frames pausieren. Ich kopiere den Keyframe und füge ihn ein . Also wird es rauskommen, eine kleine Pause machen und dann lassen wir es mehr rauskommen und dann beginnen wir zu morphen Aber im Moment können Sie sehen, dass es bereits ein Problem gibt. Diese matte Schicht schneidet den unteren Rand des Fotos ab. Ich gehe in die Matte unter Inhalt, Rechteck eins, Rechteck ein Pfad und dann die Eigenschaft Größe Ich werde die Proportionen aufheben und einfach den Y-Wert vergrößern Dann verschieben wir den Wert nach unten, sodass die Oberseite dieses Rechtecks immer noch mit dem Schlitz Aber jetzt haben wir hier unten genug Platz , damit das Foto nicht abgeschnitten wird. Gehen wir in diese Fotoebene. In der Hauptebene werde ich diese Pfadeigenschaft animieren Also werde ich hier auf die Stoppuhr für die Pfadeigenschaft klicken für die Pfadeigenschaft Gehen wir dann in der Zeit vorwärts, und es sieht so aus, als ob das Foto immer noch ganz von der Komposition abweicht Lassen Sie uns das also ein bisschen nach oben verschieben. Also werde ich den Y-Wert erhöhen , sodass er ungefähr hier endet. Und lassen Sie uns dafür sorgen, dass diese Animation etwas länger dauert, also ziehe ich diesen Keyframe auf 310 3 Sekunden fange ich dann an, Nach 3 Sekunden fange ich dann an, die Pfadeigenschaft auf der Haupt-Fotoebene zu animieren die Pfadeigenschaft auf der , damit sie sich zu verändern Ich wähle die Stelle aus, an der Pfad eins steht, und auf diese Weise kann ich tatsächlich die einzelnen Punkte auf dem Pfad auswählen Das kann verwirrend sein , denn wenn Sie neben der Stoppuhr die Stelle auswählen , an der Pfad steht, werden alle Punkte auf diesem Pfad ausgewählt Wenn Sie also versuchen, einen zu bewegen, verschieben Sie am Ende das Ganze Wenn du stattdessen eine Ebene auswählst und dann nur die Stelle auswählst, wo Pfad eins steht, aber nicht die Stelle neben der Stoppuhr auswählst, wo Pfad steht, dann kannst du die einzelnen Punkte nehmen und sie verschieben Für diese unteren Punkte ziehe ich sie also heraus und Umschalttaste gedrückt, um die vertikale Position beizubehalten Dadurch wird es so aussehen, als ob das Foto auf den Betrachter zukommt. Ich muss das Foto auch ein wenig verbiegen , damit es realistischer aussieht. Ich gehe zum Stiftwerkzeug, klicke und halte das Werkzeug zum Konvertieren von Scheitelpunkten und klicke dann einfach auf diese beiden Punkte, um Kurven hinzuzufügen Dann gehe ich zurück zum Auswahlwerkzeug und greife nach Auswahlwerkzeug und greife diesen Griffen und füge einfach die auf der Innenseite ein, sodass die untere Linie gerade ist Dann nehme ich die Griffe für den vertikalen Teil der Linie und bringe sie so, dass ich eine gekrümmte Linie erstelle So etwas in der Art. Jetzt muss ich auf diesem Inter Photoayer etwas sehr Ähnliches machen Ich kehre zum Anfang dieser Pfadanimation zurück und klicke auf die Stoppuhr für die innere Eigenschaft „Fotopfad“. Dann gehe ich rüber, um mich an diesem Keyframe auszurichten und diesen Pfad zu animieren Gehen Sie erneut zum Werkzeug Scheitelpunkt konvertieren und es könnte hilfreich sein, an dieser Stelle hineinzuzoomen und diese Ziehpunkte Dann muss ich den Pfad auf der Bergebene animieren. Also mache ich dasselbe, richte die Keyframes nach diesen Keyframes aus, starte die Keyframes für die Pfadeigenschaft, bewege den Mauszeiger darüber und wähle dann nur den ersten Pfad aus, sodass ich diese Punkte auswählen kann Okay, was wir jetzt haben, ist dass das Foto herauskommt und sich sozusagen dem Betrachter zubeugt Ich muss diese Punkte auch reduzieren, damit es so ist, als ob das Foto langsam flach wird Ich klicke und ziehe mit der Maus über all diese Punkte, um sie alle auf einmal nach unten zu bringen. Und dann lassen Sie uns auch die Berge herunterholen. Dann lass uns die Sonnenschicht herunterbringen. Dazu öffne ich die Sonne, gehe zu Sonne transformieren und es gibt eine ganze Reihe weiterer Transformationseigenschaften, die sich von den Transformationseigenschaften auf dieser gesamten Ebene unterscheiden auf dieser gesamten Ebene Diese Transformationseigenschaften sind nur für diesen kleinen Sonnenkreis hier. Ich gehe zum Anfang dieser Pfadanimation und lege die Positions-Keyframes so fest , dass die Sonne und dass sie hier eine Skala von 100 bis 100 hat. Und dann, nach 3 Sekunden, verschieben wir die Sonnenschicht nach unten Entsperren Sie dann die eingeschränkten Proportionen in der Skalierungseigenschaft und verkleinern Sie den Y-Wert für die Also so sieht das bis jetzt aus. Ich muss die Matte ein bisschen runterholen. Das sieht besser aus. In Ordnung, das Foto bewegt sich also nach unten, und dann möchte ich, dass es ganz flach liegt Ich gehe also weitere zehn Frames vorwärts und animiere dann erneut die Pfadeigenschaften unten zusammenklappen, Ich beginne also mit dem Hauptfoto und lasse diese beiden oberen Punkte ganz nach sodass sie mit dem unteren Rand des Fotos zusammenfallen , und dann passe ich diese Ziehpunkte an , sodass nur eine flache Linie entsteht Und dann dasselbe auf dem inneren Foto. Und wenn ich einfach klicke und ziehe, werden auch die unteren Punkte auf der Bergebene ausgewählt , und dann ziehe ich sie einfach nach unten. Und dann wähle ich diese oberen Punkte aus, einschließlich der Berge, aber achte darauf, dass ich nicht die Sonne auswähle, und fange an, sie nach unten zu ziehen, sodass eine flache Linie entsteht Schauen wir uns also an, wie das bis jetzt aussieht. Okay, das letzte Stück dient nur dazu, die Sonne unterzugehen. Lassen Sie uns also die Position animieren, indem wir uns nach unten bewegen, und dann die Skala, die auf Null geht, und die Y-Achse Also hier ist, was wir bisher haben. Sie könnten zu den Keyframes zurückkehren, um den Pfad leicht anzupassen , oder einfach nur das Timing, damit das Ganze ein bisschen besser aussieht, aber das ist die Grundidee, wie Sie mit der Pfadeigenschaft animieren würden 19. Nestkompositionen: In diesem Video zeige ich Ihnen, wie Sie Ihre Symbole zu einer Komposition zusammenfügen , sodass Sie eine Videodatei mit all Ihren Symbolen nebeneinander erstellen können . Der erste Schritt besteht darin, zu dieser neuen Kompositionsschaltfläche zu wechseln zu dieser neuen Kompositionsschaltfläche und diese Symbole zu benennen. Stellen Sie sicher, dass Sie Ihre Breite und Höhe einstellen, und dann möchte ich, dass dies 4 Sekunden sind, weil das die Länge der längsten Symbolanimation ist, und ich habe die Hintergrundfarbe auf dieselbe Hintergrundfarbe wie die Symbole eingestellt . Als Nächstes können Sie alle Symbolkompositionen hineinziehen. Wenn sich die Hintergrundfarbe von der Hintergrundfarbe der Hauptkomposition unterscheidet , wechseln Sie zur Ansicht und deaktivieren Sie dann die Option Display-Farbmanagement verwenden Das sollte das Problem beheben. Ich werde einfach all die anderen Icon-Comps reinbringen. Lassen Sie uns diese so skalieren, dass sie sich nicht alle überschneiden. Ich drücke die Taste S, um die Skalierungseigenschaft aufzurufen, und wähle dann einfach all diese aus, indem ich Befehl A drücke , und lasse uns die Skalierung auf 50% einstellen Der nächste Schritt besteht darin, das Symbol einfach neu anzuordnen , sodass die Komposition gut aussieht Sie können die Ausrichtungswerkzeuge verwenden, oder wenn es hilfreich ist, können Sie die Mitte der Komposition sehen, indem Sie hier die Titelaktion auswählen hier die Titelaktion oder die Tastatur charcu als Anführungszeichen Einige der Symbole halten nur 2 Sekunden lang an und verschwinden dann Der einfachste Weg, dies zu beheben, besteht darin, die Kompositionen auszuwählen , die nur 2 Sekunden dauern, und Befehl D zu drücken, um sie zu duplizieren und die Kopie in den leeren Bereich zu ziehen. Wenn ich das jetzt wiedergebe, sollte alles in einer Endlosschleife laufen 20. Rendern einer Videodatei: So exportieren Sie diese Komposition als Videodatei. Dies wird als Rendering - und After Effects-Begriffe bezeichnet. Stellen Sie sicher, dass entweder diese Komposition in der Timeline ausgewählt ist und die Timeline mit diesem blauen Umriss ausgewählt ist , oder stellen Sie sicher , dass die Symbolkomposition im Projektfenster ausgewählt ist. Gehen Sie dann zur Komposition und fügen Sie sie zum Rendern Q hinzu. Dadurch werden die Renderliste und die Timeline geöffnet Dann können Sie neben dem Ausgabemodul die Einstellungen für diese Videodatei auswählen Ich werde einfach den Standard verwenden, bei dem es sich um eine MP Four-Datei handelt. Wenn Sie jedoch die Einstellungen ändern möchten, können Sie entweder eine Vorlage verwenden , die Sie hier finden oder auf den blauen Text klicken , um alle Einstellungsoptionen aufzurufen. Wenn Sie neben Ausgabe zwei auf diesen blauen Text klicken, können Sie auswählen, wo diese Datei gespeichert werden soll. Der letzte Schritt besteht darin, auf die Render-Taste zu klicken. Hier ist die Videodatei , die ich gerade exportiert habe. 21. Weitere Kurse: Herzlichen Glückwunsch zum Abschluss dieses Kurses. Ich hoffe, Sie fühlen sich in After Effects wohler. Ich würde gerne sehen, was du animiert hast, also poste deine Arbeit bitte als Klassenprojekt. Und wenn du auf Instagram gepostet hast, markiere mich bei Animation Explained. Wenn du etwas aus diesem Kurs mitbekommen hast, würde es mir wirklich helfen, wenn du eine Bewertung hinterlassen würdest. Um weiter zu lernen, schau dir meine anderen Kurse an und stelle sicher, dass du mir auf Skillshare folgst oder melde dich für meinen kostenlosen E-Mail-Newsletter an um zu erfahren, wann ich einen neuen Kurs für dich habe Vielen Dank fürs Zuschauen bis zum nächsten Mal Happy Animating