Einführung in Motion Graphics: Logo- und Symbol-Animation in After Effects

1. Einführung: Hallo, ich bin Hongshu, ich bin Motion Designer in Kanada. Ich animiere seit mehr als sechs Jahren professionell in Adobe After Effects. Ich arbeite in zwei verschiedenen Werbeagenturen für Kunden wie Adidas, PayPal, 711 Walmart und viele mehr. Heute werde ich Ihnen beibringen, wie Sie Logos und Icons in Adobe After Effects animieren . Jede Bedeutung von Logos ist ein Muss und eine der ersten Fähigkeiten, die Sie erlernen müssen, um in Motion Graphics einzusteigen. Jeder einzelne Motion-Designer wurde, als er anfing, zuvor gebeten, das Logo zu animieren. Es ist ein solider Ausgangspunkt , um die Grundlagen der Motion Graphics zu erlernen , um dem Spiel einen Schritt voraus zu sein und Sie auf zukünftige Erfolge vorzubereiten. In diesem Kurs zeige ich Ihnen alles, was Sie wissen müssen, um mit der Logoanimation zu beginnen. Ich zeige Ihnen den kompletten professionellen Workflow vom Storyboard bis zum finalen Render. Wie man mit einer Vielzahl von Tools in After Effects arbeitet. Verwendung der Spurmaske in After Effects, die für Animationen unerlässlich ist. Wie man mit Animationsprinzipien arbeitet, wie man den Graph Editor benutzt, um seine Logos zum Leben zu erwecken, hinter den Bewegungen denkt und wie man Probleme löst. Nehmen Sie gerne meine Projektdatei mit, um sie zu verfolgen. Für das Unterrichtsprojekt animierst du dein eigenes Logo, die Konzepte und Techniken, die du in diesem Kurs lernst, lassen sich leicht in jede Art von Projekt übersetzen und bringen dich auf läuft mit After Effects-Animation. Neben der bloßen Erstellung einer Logoanimation erhalten Sie auch einen besseren Einblick in die visuelle Erzählung und erweitern Ihr Animationsvokabular. Es wird Ihre Augen darin schulen, Animatorenaugen zu werden , und bietet Ihnen eine brandneue Sichtweise auf in Zukunft eine brandneue Sichtweise auf Logos und Animationen. Dieser Kurs richtet sich an alle, die sich mit Motion Graphics beschäftigen möchten oder an jemanden, der sein persönliches oder geschäftliches Logo animieren möchte . Am Ende des Kurses sollten Sie in der Lage sein, die in diesem Kurs erlernten Dinge auf alle Logo - oder Icon-Animationen anzuwenden . Ich wünsche dir viel Spaß beim Lernen und Animieren. Wir sehen uns in der Klasse. 2. Dateien in AI vorbereiten: Hier ist unser Storyboard. Wir haben diese wunderschöne Ikone von Toronto. Bevor wir es in Adobe After Effects einbinden, müssen wir in Adobe Illustrator etwas tun, um die Dateien vorzubereiten, damit alle Ebenen getrennt sind. Ich kann Ihnen jetzt zeigen, was passieren wird, wenn wir das nicht tun. Lassen Sie uns zuerst eine Komposition in Adobe After Effects erstellen und dann einfach auf „OK“ klicken. Doppelklicken Sie auf dieses Projekt-Panel, das die Storyboard-Datei hier lädt, wählen Sie „Komposition“, klicken Sie auf „Öffnen“ und dann haben wir die Illustrator-Datei in Adobe After Effects geladen . Klicken wir dann auf dieses Kompositionssymbol. Hier können Sie sehen, dass wir diese Illustrator-Datei von diesem Toronto-Icon haben, aber wir haben nur eine Ebene. Wir haben keinen Zugriff auf die getrennten Ebenen in Adobe Illustrator Das ist also ein Problem. Bevor wir es in After Effects einbringen können, müssen wir die Illustrator-Datei öffnen, lassen Sie es uns öffnen. Los geht's. Dann müssen wir zum Ebenenbedienfeld auf der rechten Seite hier gehen. Wenn Sie es nicht auf der rechten Seite haben, gehen Sie zu Fenster, klicken Sie auf Ebenen, und klicken Sie dann auf diese einzelne Ebene hier, gehen Sie zu diesem Dropdown-Menü, und klicken Sie auf dieses Release to Layers (Sequenz). Klicken Sie darauf. Dann müssen wir auf Shift klicken, alle Ebenen unter dieser Master-Ebene auswählen und sie dann aus der ersten Master-Ebene herausbringen. Ziehen Sie es einfach, bis Sie die blaue Linie dort sehen. Jetzt können wir die letzte Ebene löschen, die jetzt leer ist. Was Sie hier sehen können, haben wir im Grunde alle Ebenen in Adobe Illustrator getrennt. Wenn wir diese Datei in After Effects bringen, werden wir alle diese Elemente auf ihren einzelnen Ebenen haben , so dass wir sie separat animieren können. Das ist alles, was wir tun müssen, bevor wir dieses Storyboard in Adobe After Effects einbinden. Nachdem wir das getan haben, speichern wir die Datei. Hier können wir zu Datei gehen und klicken Sie dann auf „Speichern“. Ich habe bereits gespeichert als, deshalb ist es ausgegraut. 3. Dateien in AE einrichten: Öffnen wir nun After Effects. Hier ist unsere After Effects. Zuerst müssen wir eine neue Komposition erstellen. Klicken Sie hier einfach auf dieses neue Kompositionssymbol. Benennen wir dies in Hauptkomp um. Hier können wir die Breite und Höhe des Videos ändern. Lasst uns 1080 mal 1080 machen. Wir müssen hier nichts ändern. Die Bildrate beträgt 2997. Wir können die Dauer auf 10 Sekunden ändern. Unsere Animation wird etwa sechs Sekunden dauern, also setzen wir in zehn Sekunden, um mehr Timeline zu haben, mit der wir arbeiten können. Hintergrundfarbe kann schwarz sein und dann auf OK klicken. Importieren wir nun den Illustrator oder das Storyboard in After Effects. Wir haben zwei Möglichkeiten, wir können zuerst mit der rechten Maustaste auf dieses Projektfeld klicken und dann zu importieren, Datei gehen. Nun lassen Sie uns zu unserem Storyboard navigieren, das unter Desktop, Toronto-Icon, Storyboard ist. Hier ist eine Datei, die wir brauchen. Dann können wir Komposition wählen. Die Datei, die wir haben, ist in 1080 x 1080, also wird es die gleiche sein wie die Video-Comp, die wir in After Effects erstellt haben. Klicken Sie auf Öffnen.Jetzt wird es geladen. Los geht's, es ist hier. Das ist eine Möglichkeit, die Illustrator-Datei zu importieren. Eine andere Möglichkeit besteht darin, hier auf dieses leere Panel zu doppelklicken. Sobald Sie doppelklicken, wird dieses Fenster geladen , sodass Sie die Datei auswählen können, die Sie importieren möchten. Ich klicke auf Abbrechen, da die Datei bereits hier drin ist. Bevor ich weiter gehe, möchte ich zuerst das Projektpanel organisieren, damit alles sauber und organisiert ist. Es ist die beste Vorgehensweise, damit ich nicht verwirrt werde. Lassen Sie uns hier ein Foto erstellen, benennen Sie es Assets und dann einen anderen Ordner. Dann lassen Sie uns einen anderen Ordner erstellen, nennen Sie ihn endgültig comp. Ziehen wir den Hauptkomp zu unserem letzten Komp, und ziehen wir dann diesen Toronto-Icon-Layer-Ordner in unseren Assets-Ordner. Ein weiterer Ordner, den wir brauchen , der Pre-Comps-Ordner ist. Also können wir dieses Toronto-Icon in unseren Pre-Comps-Ordner ziehen. Diese drei Ordner sind diejenigen, die wir brauchen, um das Projektpanel organisiert zu machen. 4. Ebenen umbenennen: Bevor wir etwas anderes aufrufen, möchten wir sicherstellen, dass wir das Projekt speichern Gehen Sie also zu Datei und klicken Sie dann auf „Speichern unter“, da dies das erste Mal ist, dass wir es speichern. Ich möchte einen Ordner auswählen, in dem er gespeichert werden soll, also gehe ich zu Desktop, Arbeitsdateien, und benenne ihn dann Toronto Icon. Klicken Sie auf „Speichern“, so dass wir jetzt das Projekt gespeichert haben. Als nächstes möchte ich auch sicherstellen, dass wir das gleiche Layout haben , so dass jeder auf der gleichen Seite ist. Zuerst müssen wir zum AAfter Effects Fenster gehen und dann auf „Workspace“ klicken. Klicken Sie auf dieses „Animationslayout“. Jetzt sollten wir alle ein ähnliches Layout haben. Im Moment verwende ich Adobe After Effects CC 2020. Bevor wir etwas anderes tun, kopieren wir alle Ebenen, Befehl A, und dann Befehl C Copy, zurück in die Hauptkomp. Der Hauptkomp wird die Komposition sein, in der wir arbeiten werden. Nun, was ich tun muss, ist, die Ebenen zu organisieren, nur um einige der Elemente zu gruppieren und auch einige von ihnen umzubenennen. Hier haben wir drei Schichten, das ist dieser gelbe Ballon. Wir müssen diese drei Schichten so vorkompilieren , dass sie sich innerhalb einer Komposition befinden. Die Art und Weise, wie wir das tun, ist, alle drei Ebenen auszuwählen und dann auf „Befehl, Shift und „C“ zu klicken. Nennen Sie es Ballon Gelb, und klicken Sie dann auf „OK“. Jetzt haben wir einen Precomp in diesem Main Comp, der unseren gelben Ballon enthält. Diese Saiten des Ballons, ich möchte sie löschen und dann werde ich sie danach zeichnen. Diese drei Ebenen sind identisch; diese drei Ebenen sind die blauen Ballons. Wir wollen auch dies vorkompilieren, Befehl, Shift, C, Pre-comp und dann umbenennen Sie es in Blue Balloon. Hier können wir sehen, das ist die Reflexionsschicht. Ich möchte das vorerst ausschalten. Dies ist eine weitere Reflexion. Hier ist unser Toronto Exemplar. Was ist das dann? Hier haben wir die vier Zeilen hier. Was wir tun müssen, ist ähnlich dem Ballon, den wir vorher hatten. Wir müssen nur diese vier Schichten vorkomponieren. Wählen Sie alle vier aus, und benennen Sie sie dann mit Befehlstaste, Umschalttaste , C um. Klicken Sie auf „OK“. Jetzt diese Ebenen hier im unteren Abschnitt, können wir sehen, wenn ich das Auge Symbol hier umschalten, das sind die Farben hinter diesen Linien. Was ich tun möchte, ist, eine Beschriftungsfarbe in alle Ebenen zu ändern , damit sie leicht erkannt wird, und ich weiß sofort, dass sie die Farben hinter den Linien sind. Ich möchte nur auf dieses „Label“ klicken und dann eine andere Farbe wählen, vielleicht eine rosa Farbe, oder vielleicht eine gelbe Farbe. Dies sind die Farbfüllungen hinter den Linien. Scrollen wir hier nach unten. Was sind das? Einer von ihnen ist der Hintergrund. Ich brauche den Hintergrund hier nicht, also ist der letzte ein Hintergrund. Ich kann es in BKG umbenennen und dann kann ich es sperren, weil ich den Hintergrund nicht animieren muss. Das sind alle Farben, die wir haben. Erinnerst du dich an die Ballons, die wir vorher vorkompiliert haben? Also hier ist der Ballon Yellow, und dann haben wir Balloon Blue. Sowohl der blaue als auch der gelbe Ballon. Diese beiden, wenn ich sie im Hauptkomp lösche, werden sie nicht wirklich gelöscht. Sie können weiterhin in diesem Projektfenster auf sie zugreifen. Sie können sehen, dass dies die beiden Vorkomps sind, die wir zuvor erstellt haben. Ich möchte den Main Comp sauber und organisiert machen, also möchte ich gerade den Ballon löschen. Ich möchte mir jetzt keine Sorgen machen, ich möchte es nur später animieren. Jetzt können wir hier zum Projektfenster gehen, die drei Precomp auswählen, die wir hatten, und sie dann in den pre comp Ordner ziehen. In der Final Comp, alles, was wir haben, ist dieser Main Comp, der ist der, in dem wir animieren, und dann in diesem Precomps-Ordner haben wir die verschiedenen Elemente, die wir erstellt haben. Hier haben wir, von Layer-Liste, diesen Namen hier, Ebene 26 bis Ebene 32. Wenn wir zwischen dem Symbol hier wechseln, können wir sehen, dass diese Ebenen die Linien innerhalb dieses mittleren Abschnittsfensters sind. Ich möchte dasselbe tun, um diese Zeilen vorab zu kompilieren. Wählen Sie alle aus, klicken Sie auf „Befehl, Umschalttaste, C“ und benennen Sie es dann um. Klicken Sie auf „OK“. Diese beiden Schichten sind die Reflexionen auf dem Turm. Es ist etwas, das wir jetzt nicht brauchen. Was wir tun können, ist, klicken Sie auf „Shift click“, um beide auszuwählen, und klicken Sie dann auf dieses „Shy“ Symbol hier. Dies wird als „Schüchtern-Symbol“ bezeichnet. Sobald Sie auf das Symbol „Schüchtern“ klicken und dann hier nach oben gehen, können Sie auf diese „Alle Ebenen ausblenden“ klicken, die ein schüchteres Symbol eingeschaltet hat, also wenn ich darauf klicke, können Sie sich hier ansehen, diese beiden Ebenen werden verschwinden, aber sie werden nicht gelöscht. Wir verstecken sie einfach vor diesem ganzen Panel. Sobald wir bereit sind, sie zu animieren, können wir einfach den Schalter ausschalten und wir können sie sehen, sie sind wieder an. Grundsätzlich müssen wir nur alle Ebenen umbenennen, damit wir wissen, welche welche ist. Jetzt können wir zum nächsten Video übergehen. 5. Ebenen vorerstellen: Fahren Sie mit dem letzten Video fort. In diesem Video müssen wir einen Teil der Füllfarbe mit Linien gruppieren , so dass jedes Element seine eigene Zusammensetzung hat. Lassen Sie mich Ihnen zeigen, wie Sie das tun, zuerst, klicken Sie auf die drei Sonnen-Layer, und halten Sie dann Befehl+Umschalt+C, um es vorkomponieren und dann die Sonne und klicken Sie dann auf Enter, also hier ist ein Element, das wir haben, dass wir animieren müssen später, also haben wir das getan. Jetzt suchen wir die Wolke. Wir haben diese drei Wolkenlinien hier, aber wir müssen die Füllfarbe finden, also müssen wir hier nur nach unten gehen der hellblauen Wolkenfarbe suchen. Hier sind wir, es ist Schicht 51 bis 53 und dann muss ich nur alle nach oben bringen. Die Verknüpfung dafür ist Befehl+Umschalt+rechte Klammer, und dann ist dies die erste Wolke. Dies ist eine Füllfarbe, die sie unter die Wolken legt und dann diese beiden Schichten vorkomponiert. Tun Sie das Gleiche für die zweite und dritte Wolke. Jetzt haben wir alle drei Wolken vorkomponiert. nächste Schicht ist die oberste Nadel, die wir nicht vorkomponieren müssen. Dieser Teil müssen wir den gesamten mittleren Fensterabschnitt finden, also ist dies eine Fensterlinie, und dann brauchen wir das mittlere Fenster hier, und wir brauchen auch diesen roten Hintergrund. Rote Farbe Füllfarbe, Ebene 61, und dann bringen Sie es den ganzen Weg nach oben. Legen Sie es unter die zentrale Fensterschicht, und stellen Sie diese drei Ebenen zusammen. Jetzt haben wir den gesamten Abschnitt innerhalb einer Schicht. Hier haben wir den unteren Pol, also müssen wir diese beiden blauen Farben hinter der Stange finden, und dann bringen diese beiden den ganzen Weg nach oben vorkomponieren diese vier Schichten. Hier, der Kreis, Dreieck. Hier haben wir ein kurzes Rechteck, ich muss auch diese Füllfarbe finden. Im Grunde tun Sie das Gleiche für alle anderen Elemente. Ich werde diese Teile beschleunigen, damit du nicht zusehen musst , wie ich das immer und immer wieder mache. Okay, schauen wir uns an, was wir getan haben, also können Sie jetzt im Hauptkomp sehen, wir haben alle diese verschiedenen Elemente auf den separaten Ebenen, und dann sind einige von ihnen gruppiert, also haben wir den ganzen Weg zu 23 Schichten statt etwa hundert am Anfang. Jetzt müssen wir alle diese Precomps in den Precomp-Ordner einfügen, den wir erstellt haben. Moment sind sie alle unter „Final comp“ gespeichert, also gehen Sie zum Projektfenster hier und ziehen Sie dann einfach alles außer dem Hauptkomp in diesen Precomps-Ordner, und klicken Sie dann auf diesen Pfeil, um den Ordner zu schließen, jetzt haben wir haben eine saubere organisierte Projekt-Panel, so haben wir alle die Organisation, Umbenennung und alles getan , jetzt ist es bereit, animiert zu werden, gehen wir zum nächsten Video. 6. Den unteren Teil des Turms animieren: Jetzt lass den Spaß beginnen. Fangen wir an, animieren. Zuerst muss ich in After Effects ein Konzept namens Track Matte einführen. Es ist die Möglichkeit, eine Ebene zu verwenden, um den Rand oder die Grenze des darunter liegenden Layers zu bestimmen. Lassen Sie mich demonstrieren, wie das funktioniert. Wir können einfach auf dieses Symbol hier im Projektfenster klicken, um eine neue Komposition zu erstellen. Ich werde es zu Demonstrationszwecken „Test“ nennen. Dann geben wir etwas ein, und fügen wir dann ein Rechteck oben hinzu. Gehen Sie zu der Ebene unten, klicken Sie auf dieses „Track Matte“ Icon hier und setzen Sie „Alpha Matte“. Auf diese Weise kann ich die Grenze des ersten Layers verwenden, um zu bestimmen, wo die darunter liegende Ebene sichtbar sein wird. Wenn ich die erste Ebene verschiebe, können Sie sehen, wenn die darunter liegende Ebene außerhalb des Rahmens geht, wird sie unsichtbar. Auf diese Weise, wenn wir die zweite Ebene animieren, dann kann sie von unten nach oben gehen. Sobald sie an dieser unsichtbaren Box vorbei gehen, wird es auf dem Bildschirm erscheinen. Gehen wir zurück zur Hauptkomposition, um dieses Toronto-Icon zu animieren. Wir werden dieses Track Matte-Konzept brauchen. Wir werden das verwenden, um die meisten Elemente in diesem Symbol zu animieren. Ich möchte diesen unteren Pol animieren, um von unten hineinzugleiten. Klicken Sie auf die Verknüpfung P. Wenn Sie nur eine Position haben, klicken Sie einfach mit der rechten Maustaste. Klicken Sie auf „Separate Bemaßungen“, und dann können Sie auf X- und Y-Positionen separat zugreifen. Ich möchte einen Schlüsselrahmen auf Null Sekunden für die Y-Position setzen und dann 15 Frames vorwärts gehen. Verwenden Sie eine Verknüpfung „Befehls-Umschalt-Rechts-Pfeil“, um zehn Frames vorwärts zu gehen und dann „Befehls-Rechts-Pfeil“, um jedes Mal ein Bild zu gehen. Ich werde fünf Mal klicken. Eins, zwei, drei, vier, fünf, fünf Frames. Ich möchte diese endgültige Position in den 15. Frame verschieben und dann auf Null Sekunden zurückkehren. Ziehen Sie die Y-Position nach unten. Sie können sehen, dass der Pol nach unten geht. Ich will, dass es von dort beginnt und dann auftaucht, wenn es vorbei geht. In diesem Fall brauchen wir Track Matte. Ich möchte auf dieses „Rechteck Tool“ klicken. Zeichnen Sie eine Rechteck-Maske und klicken Sie dann auf diese „Bottom Pol“. Gehen Sie zu „Spurmatte“. Wenn Sie keine Spurmatte in Ihrer Symbolleiste haben, gehen Sie einfach in die untere linke Ecke, klicken Sie auf „Erweitern“ oder „Reduzieren“. Dann wird die Spurmatte auftauchen. Klicken Sie auf „Bottom Pol“, verwenden Sie „Alpha Matte“ und lassen Sie uns sehen, was passiert. Lassen Sie uns eine Vorschau anzeigen. Es gibt jetzt ein Problem. Der Pol zeigt sich dort, wo sich die Ebene dieses Rechtecks befindet, aber ich möchte ihn umkehren. Ich muss „Alpha Inverted Matte“ wählen. Es wird die Maske umkehren. Sie können sehen, wie es in diesem Rechteck verschwindet, und wenn ich dann durch die Timeline kratze, wird es dort erscheinen, wo es kein Rechteck gibt. Das ist es, was ich brauche. Ich möchte, dass es animiert wird. Vergrößern wir uns. Passen Sie die Position leicht an. Dass es keine Lücke zwischen dem Pol und dem Kreis gibt. Das ist die Animation, die ich will. Es ist ziemlich langweilig, weil es keine Energie für diese Animation gibt. Ich möchte eine Überschreitung zu dieser Y-Position hinzufügen. Bevor es sich an Ort und Stelle setzt, möchte ich, dass es über ein paar Pixel geht und dann wieder herauskommt. Vom 15. Rahmen, gehen Sie vielleicht zurück, fünf Frames. Beim 10. Frame werde ich einige Überschreitungen hinzufügen. Das ist ein Überschuss. Versuchen wir es 530. Sie können den Wert hier bei Null Sekunden von 680 sehen. Es geht bis 530 hoch und dann wieder runter auf 540. Das ist die Animation, die wir brauchen. Danach klicken wir mit der rechten Maustaste, gehen Sie zu „Key-Frame Assistants“, „Easy Ease“. Anstelle von linearen Schlüsselbildern wollen wir, dass die Schlüssel-Frames die Geschwindigkeit ändern, und wenn wir diese Schlüssel-Frames ziehen und zu diesem „Kurven-Editor“ gehen, können wir sehen, dass dies eine Kurve dieser drei Symbole ist. Klicken Sie hier, um den Vollbildmodus in diesem Abschnitt anzuzeigen. Jetzt sind wir im Geschwindigkeitsdiagramm. Um es energischer zu machen, möchte ich die Geschwindigkeit des Geschwindigkeitsdiagramms ziehen. Jetzt können Sie bei dieser Null-Sekunden-Markierung sehen, die Geschwindigkeit dieser Elemente beträgt Null Pixel pro Sekunde. Diese Geschwindigkeit steigt und kommt dann wieder runter. Je steiler die Kurve, desto höher ist die Geschwindigkeit. Ich möchte diese Kurve ziehen, um eine höhere Geschwindigkeit zu erhalten; um mehr Energie zu erhalten. Ziehen Sie es einfach, um eine Kurve wie diese zu haben. Lassen Sie uns eine Vorschau darauf. Klicken Sie auf „N“, um den Vorschaubereich so zu ändern, dass Sie nur eine Vorschau in diesem Abschnitt anzeigen. Siehst du? Das ist die erste Polanimation. Sieht gut für mich aus. Ich möchte diese Basisanimation machen, diesen Abschnitt hier, untere Basis. Verwenden Sie die Verknüpfung, um es nach oben zu bringen. „ Befehlstaste-Shift“, „Rechtes Quadrat Klammer“. Es kann das Element den ganzen Weg nach oben bringen. Wir wollen die gleiche Art und Weise animieren wie dieser „Bottom Pol“. Klicken Sie auf „P“, um die Positionseigenschaft zu öffnen. Klicken Sie mit der rechten Maustaste auf „Separate Bemaßungen“ und dann möchten wir die Schlüsselrahmen dieses Pols kopieren. „ Befehlstaste-C“, „Kopieren“. Gehen Sie zurück zu den Null-Frames. Klicken Sie auf diese Ebene, „Einfügen“. Dieses Element hat die gleiche Animation wie die erste Polanimation. Jetzt muss ich eine Ebene als Spurmatte hinzufügen um dort abzudecken, wo ich diese untere Basis nicht sehen möchte. Klicken Sie auf den Layer. Wenn Sie die Ebene nicht abklicken, erstellen Sie eine Maske auf der Ebene. Das ist nicht das, was du tun willst. Sie möchten eine neue Ebene mit einer neuen Form erstellen. Ich möchte hier rüber gehen und ich möchte ein Rechteck in diesem Bereich zeichnen. Einfach groß genug, um diese untere Basis zu bedecken. Klicken Sie dann darauf, wählen Sie „Alpha Inverted Mattes“. Sehen wir uns die Animation an. 7. Den mittleren Teil des Turms animieren: Als nächstes wollen wir diese einzelne Zeile hier animieren. Lassen Sie uns diese Linienebene finden, wir haben die Top Line und dann Bottom Line. Verwenden Sie die Verknüpfung, um es nach oben zu bringen, Befehl Umschalttaste rechts eckige Klammer. Vergrößern, das wird einfach sein. Zuerst muss ich diesen Ankerpunkt in die Mitte der Linie ändern. Klicken Sie auf die Ebene, gehen Sie hier nach oben, verwenden Sie dieses Schwenk-hinter Werkzeug. Dies ist auch das Ankerpunkt-Werkzeug. Ich muss nur auf diesen Ankerpunkt klicken ihn in die Mitte dieser Linie ziehen. Jetzt können wir zu dieser unteren Zeile gehen, klicken Sie auf diesen Pfeil nach rechts, und dann Transformieren. Hier ist die Skaleneigenschaft. Was ich tun möchte, ist, dass die Linie nur in horizontaler Richtung wächst. Ich muss die Verknüpfung der Eigenschaft Höhe und Breite aufheben, also klicken Sie auf „Verknüpfung aufheben“ und legen Sie dann einen Keyframe als Null Sekunde fest. Bei Null Sekunde möchte ich, dass der Wert der Zeile x bei Null liegt, also geben Sie Null ein. Beim 15. Frame möchte ich, dass dieser Wert 100 sein soll, geben Sie 100 ein. Jetzt können Sie sehen, dass die Linie einfach animiert werden kann, als ob sie weiter wächst. Lassen Sie uns eine Vorschau darauf, also das ist, was ich brauche. Aber jetzt können Sie sehen, dass die Linienanimation zu langsam ist, also müssen wir das Gleiche tun. Wählen Sie beides aus, klicken Sie mit der rechten Maustaste, Keyframe-Assistent , Easy Easy, gehen Sie zum Diagra Hier ist das Geschwindigkeitsdiagramm, das wir vorher hatten. Ziehen Sie diese Kurve hierher, um die Geschwindigkeit zu erhöhen. Aber ziehen Sie nicht zu viel, sonst wird die Animation zu schnell sein. Vorschau auf diese. Das ist eine ähnliche Geschwindigkeit wie die beiden vorherigen Animationen. Aber jetzt habe ich das Gefühl, dass diese drei Animationen zu schnell laufen, also möchte ich sie ein wenig verlangsamen. Es ist sehr einfach, das zu tun. Zuerst müssen wir die drei Schichten auswählen. Eins ist diese Bottom Line, und dann gibt es Bottom Base, Bottom Pol. Klicken Sie auf die Tastenkombination U auf der Tastatur, um alle animierten Keyframes anzuzeigen. Wählen Sie „Alle Frames“, „Option gedrückt halten“ auf Mac oder PC. Ziehen Sie den letzten Frame, um ihn verkleinern, sodass Sie den Rahmen schneller oder langsamer ziehen können. In diesem Fall möchte ich, dass es langsamer ist, also ziehe ich nach rechts, halte die Optionstaste fest. Sehen wir uns die Animation an. Das ist über der Geschwindigkeit, die ich will, das ist gut. Speichern Sie das Projekt. Lassen Sie uns nun die Animation dieser Quintessenz beenden. Wir können auch diese Top-Zeile tun. Gehen wir hier runter, um die oberste Zeile zu finden. Hier ist es, Befehl Verschiebung rechts eckige Klammer, um es nach oben zu bringen. Wir können diese beiden Keyframes einfach per Drag & Copy kopieren. Aber bevor wir das tun, müssen wir den Ankerpunkt-Befehl R ändern und das Lineal einschalten und dann ein Lineal herausziehen, so dass wir wissen, wo der Mittelpunkt ist. Klicken Sie auf diese Ebene oberste Linie, wählen Sie dieses Werkzeug „Schwenken hinter“ und ziehen Sie dann den Ankerpunkt auf dieser Richtlinie, auch in der Mitte dieser Linie hier. Kopieren Sie diese beiden Keyframes, wechseln Sie zur Null-Sekunden-Markierung und fügen Sie sie dann auf diese Ebene der oberen Linie ein. Lassen Sie uns eine Vorschau darauf. Jetzt können Sie sehen, dass diese beiden genau die gleiche Animation haben. Nachdem wir das getan haben, möchte ich diesen mittleren Abschnitt hier animieren. Lassen Sie uns zuerst diesen mittleren Fensterabschnitt finden, Center window, bringen Sie es nach oben. Diese möchte ich auf die gleiche Weise animieren, wie ich die beiden Linien animiert habe. Ich möchte, dass es von der Mitte in beide Richtungen wächst. Ich möchte dieses Pan Behind Tool verwenden, um es hier in die Mitte zu setzen. Klicken Sie auf diesen Pfeil, gehen Sie zu der Eigenschaft Skalieren heben Sie die Verknüpfung dieses X- und Y-Werts auf. Wir können einfach diesen Keyframe kopieren, hier gehen, einfügen. Jetzt können wir die mittleren Abschnitte auf die gleiche Weise wie die beiden Linien animieren. Aber für das mittlere Fenster möchte ich ihm auch mehr Zeichen geben, ich möchte einige Überschreitungen hinzufügen, bevor es sich an Ort und Stelle setzt. Ich möchte, dass es über 100 Prozent im x-Wert liegt, damit ich es vielleicht auf 110am 11. Frameändern vielleicht auf 110am 11. Frame oder sogar einen Frame zurückziehen kann. Also, im 10. Frame, Vorschau, dass. Wählen Sie die drei, die in den Diagramm-Editor gehen. Stellen Sie sicher, dass es sich um ein Geschwindigkeitsdiagramm handelt, und ziehen Sie diesen dann einfach, um ihm mehr Geschwindigkeit zu geben. Geh zurück, schau dir das an. Ich fühle mich, dass 110 Prozent zu viel sind, also möchte ich es auf 105 ändern. Lassen Sie uns eine Vorschau darauf sehen, das ist besser. Speichern Sie das Projekt, gehen wir weiter. Lassen Sie uns den unteren und den oberen Teil im mittleren Abschnitt animieren. Ziehen wir diese beiden, Mitte unten, Mitte oben. Den ganzen Weg nach oben verschoben. Sobald das zentrale Fenster in Position ist, möchte ich, dass das obere Fenster von unten hineingleitet und dann dieser untere Abschnitt von oben hineingleitet. Lassen Sie uns zuerst den Boden hier machen. Klicken Sie auf diesen Pfeil, Transformieren und gehen Sie dann zu Position Eigenschaft Rechtsklick Separate Bemaßungen, gehen Sie vorwärts, 15 Frames. Beim 15. Frame möchte ich, dass die Position y an Ort und Stelle ist, 540 und dann zu dieser Null-Sekunden-Markierung gehen. Ziehen Sie die y-Position so, und schieben Sie dann so nach unten. Aber im Moment ist es zu langsam, ich wollte auch überschießen. Es sind also 540am Ende und dann 469. In diesem Fall, unser 10. Rahmen, möchte ich, dass es 545 ist. Ziehen Sie alle drei Keyframes, klicken Sie mit der rechten Maustaste auf Keyframe-Assistent, Easy Gehen Sie zum Diagramm-Editor, klicken Sie darauf, um es an den Bildschirm anzupassen, und ziehen Sie dann das Geschwindigkeitsdiagramm, um es schneller zu machen . Das ist gut, dann möchte ich diesen oberen Abschnitt hier machen. Klicken Sie auf P, öffnen Sie die Position Separate Bemaßungen. Fünf Positionen bei 15 Sekunden. Ziehen Sie es mit diesem auf die 15 Sekunde und dann auf Null Sekunde. Ich will, dass es hier von unten beginnt und dann bei 10 Sekunden, vielleicht 535 Überschreitung. Wählen Sie alle drei Keyframes, Keyframe-Assistent, Easy Easy, und gehen Sie dann zum Diagramm-Editor, tun Sie dasselbe. Ziehen Sie es heraus, um es ein bisschen mehr Geschwindigkeit zu geben. So, dann lassen Sie uns eine Vorschau darauf. Schau dir das an, die Animation selbst sieht gut aus. Jetzt müssen wir nur noch die Spurmatte hinzufügen, wie wir es vorher getan haben. Stellen Sie sicher, dass Sie eine der Ebenen abklicken und dann nach oben gehen, Rechteck-Werkzeug. Ziehen Sie ein Rechteck wie dieses, und klicken Sie dann aus, ziehen Sie ein anderes Rechteck wie dieses. Für die untere Ebene möchte ich, dass sie angezeigt wird, wo sich dieses untere Rechteck befindet. Klicken Sie auf diese Mitte unten, gehen Sie zu Spurmatte, klicken Sie auf Alpha-Matte, und bringen Sie dann die anderen beiden Ebenen zusammen. Setzen Sie diese auch auf Alpha Matte. Mal sehen. Sie können sehen, es gibt immer noch zwei Ebenen der Reflexion, weil denken Sie daran, dass wir sie mit diesem mit einem schüchternen Knopf verstecken, aber wir haben vergessen, das Augensymbol vor ihnen auszuschalten, so dass sie immer noch in der Vorschau angezeigt werden. Ich möchte hier auf dieses Symbol klicken, die Schattierung aufheben. Wo ist die Reflexion? Diese beiden. - Ja. Klicken Sie einfach auf das Augensymbol, um es in der Vorschau auszublenden. Hier ist, wie es jetzt aussieht. Speichern Sie das Projekt. Jetzt haben wir den unteren Pol, die Basis und dann den Mittelteil fertig . 8. Den oberen Teil des Turms animieren: Bevor wir mit dem nächsten Abschnitt übergehen, möchte ich diese Schichten staffeln. Dies wird als überlappende Aktion bezeichnet. Im Grunde möchte ich nicht, dass sie gleichzeitig reinkommen. Ich möchte, dass einer von ihnen zuerst kommt und dann den nächsten auslöst und dann den nächsten auslöst, wie ein atemberaubender Effekt. Jetzt suchen wir zuerst den unteren Pol. Dieser Stab sollte zuerst kommen. Hier ist der untere Pol. Da eine untere Stange hereinkommt, sollte diese untere Basis etwas später kommen. Dann die Quintessenz. Danach möchte ich, dass das mittlere Fenster zuerst hereinkommt. Dann will ich, dass dieses Oberteil reinkommt und dann der Boden reinkommt. Mal sehen, was jetzt passiert. Sie sehen, dass, ist jetzt sauberer und organisierter. Momentan sieht es für mich aus, dass der mittlere Fensterbereich immer noch zu übertrieben ist. Ich will da reingehen und sehen, was passiert. Das ist ein zentrales Fenster. Klicken Sie auf „U“, um den Keyframe anzuzeigen. Geht von Null bis 105. Dann siehst du von 105, es sollte auf 100 runter kommen. Aber dann, wenn ich durch die Zeitachse schrubbe, geht es über 105. Es geht noch größer. Das will ich nicht. Ich möchte auf die drei Keyframes klicken und dann zum Diagramm-Editor gehen, um zu sehen, was passiert. Ich möchte diesen Animationsteil wiederholen. Manchmal ist es einfach einfacher, es zu wiederholen. Löschen. Zuerst sollte es Null sein. Ein angespannter Rahmen sollte 105 sein und dann nach fünf Frames sollte es auf 100 zurückgehen. Klicken Sie mit der rechten Maustaste auf „Keyframe-Assistent, einfach“, gehen Sie zum Diagramm-Editor. Ziehen Sie dieses E-Diagramm, um es schneller zu machen , und gehen Sie dann zurück, um eine Vorschau anzuzeigen. Das ist besser. Sieht viel glatter aus als zuvor. Siehst du, ja, das gefällt mir. Jetzt können wir weitermachen. Gehen Sie weiter. Wir möchten den oberen Abschnitt dieses Symbols hier animieren. Lasst uns zuerst dieses Rechteck greifen. Bringen Sie es ganz nach oben und jetzt können wir sie einfach irgendwo hier herumziehen. Ziehen Sie sie zurück. Ich möchte sie auf die gleiche Weise hinzufügen, wie wir es für den unteren Pol getan haben. Ich wollte nur von unten nach oben gleiten und dann eine Laufmatten hinzufügen, um dort abzudecken, wo ich es nicht will. Das ist ein Rechteck. Klicken Sie auf „p position“, separate Abmessungen. Klicken Sie auf „y position“ und gehen Sie dann vorwärts, ziehen Sie es nach unten. Gehe zum 10. Frame. Überschießen ein wenig, 535, das ist die Animation, die ich will. Klicken Sie dann mit der rechten Maustaste auf „Keyframe-Unterstützung, einfache Bedienung“. Gehen Sie zum Diagramm-Editor, passen Sie die Geschwindigkeit an, machen Sie es schneller. Das ist erledigt. Dann dieses kurze Rechteck oben drauf, klicken Sie auf „p“ das gleiche tun. Dies ist die endgültige Position, endgültige Größe. Dann hier, geh vorwärts. Ziehen Sie es nach unten. Das ist vermutlich auf 535. Rechtsklick „Keyframe-Assistent, einfache Leichtigkeit“ gehen Sie in den Diagramm-Editor. Ziehen Sie die Geschwindigkeit. Sie können die Leertaste gedrückt halten, um auch in diesem Diagramm-Editor zu navigieren. Geh zurück. Lassen Sie uns eine Vorschau darauf. Es ist gut, außer dass wir die Strecke Matte noch nicht haben. Ich möchte in Spur Matte hinzufügen, zuerst lassen Sie uns diese horizontale machen. Klicken Sie auf das Symbol „Rechteck“. Denken Sie daran, eine der Ebenen abzuklicken, damit Sie keine Maske hinzufügen. Wenn ich nicht auf Ebenen abklicke ein Rechteck darüber hinzufüge, ziehe ich eine Maske. Das wird nicht funktionieren, weil die Maske mit Ebene reisen wird. Es bleibt nicht in Position. Ihre Ebene ist dieses Rechteck hier, ist immer sichtbar. Deshalb brauchen wir eine Spur Matte, um den Ort zu machen, wo wir nicht unsichtbar sein wollen. Klicken Sie auf „Cursor-Ebene“ gehen Sie zum Rechteck-Werkzeug, verstecken Sie ein Rechteck, und legen Sie es dann über dieses horizontale Rechteck, wählen Sie Alpha Matte. Ziehen Sie ein Feld hierher, und legen Sie es dann auf Alpha-Matte fest. Jetzt lassen Sie uns eine Vorschau darauf. Sie kommen zur gleichen Zeit. Ich möchte diese beiden auch als alle staffeln. Ich möchte, dass nichts gleichzeitig reinkommt, damit es natürlicher und organischer aussieht. Das kommt rein, dann kommt das kurze, dieses Rechteck rein. Dann müssen wir dieses lange Rechteck animieren. Das hier. Bringen Sie es nach oben. Tun Sie das Gleiche. Ich werde es einfach schnell machen. Es wird das Gleiche sein. Ja, das ist erledigt. Lassen Sie uns eine Vorschau darauf. Schön. Diese verwenden alle die gleiche Animation, nur Licht von unten hinein. Lasst uns das auch schnell machen. Endlich können wir hier die obere Nadel machen. Moment habe ich einfach in die y-Position der anderen Ebenen eingefügt. Aber ich will, dass diese Nadel auftaucht und dann runterkommt. Ich möchte, dass diese Überschreitung viel größer wird, vielleicht so. Jetzt noch ein Mal. Ich muss diese y-Position weiter ziehen. Lassen Sie uns eine Vorschau darauf. Ja, so etwas. Ich möchte das Lineal verstecken, ich brauche das Lineal nicht mehr, nur die Abkürzung, um Lineal zu verstecken, ist Befehlssemikolon. Verkleinern Sie das vollständige Bild. Sie können auch von hier aus ändern, vielleicht 100 Prozent, die Leertaste verwenden, um zu navigieren, und dann lassen Sie uns eine Vorschau von Anfang an. Sieht gut aus. Nur ein Problem. Ich habe vergessen, eine Spur Matte für die obere Nadel hinzuzufügen, so werde ich das tun. Ziehen Sie ein Rechteck hierher, um es größer zu machen, weil es weiter von diesem Punkt entfernt ist. Dann setzen Sie einfach Alpha Matte. Lassen Sie uns eine Vorschau darauf. Jetzt sieht schön aus. Ich mag es. Da gehst du. Das ist Ihre Schildkröten-Symbol Animation. Nächstes Video, wir bauen den Kreis und die Sonne kommt heraus. 9. Werden Sie Bewegungs-Insider: Bevor wir weitermachen, möchte ich Ihnen eine aufregende Neuigkeit mitteilen Motion-Design-Kurse sind bei Motion Circles gerade günstiger geworden. Mit unserer Motion Insider-Mitgliedschaft für nur 7$ pro Monat erhalten Sie unbegrenzten Zugang zu unseren erstklassigen Motion-Design-Kursen, denen über 50.000 Studenten weltweit vertrauen an der Zeit, deine Fähigkeiten im Bereich Motion-Design zu verbessern , um die besten Animatoren zu werden, die du Als Insider erhältst du außerdem kostenlose Projektdateien aus all unseren YouTube-Tutorials von Motion Circles Und profitieren Sie von einem exklusiven Rabatt von 25% auf all die anderen unglaublichen Animationsprojekte anderer Künstler in unserem Projektdateishop. Verpassen Sie nicht diese Gelegenheit, Ihre Animationsfähigkeiten zu verbessern und gleichzeitig Teil unserer lebendigen Community zu werden. Besuchen Sie uns noch heute auf motion circles.com und entfalten Sie Ihr kreatives Potenzial 10. Kreis und Sonne animieren: Letztes Video haben wir die Toron CN Tower-Animation beendet. In diesem Video werde ich Ihnen zeigen, wie Sie diesen Kreis um ihn herum und auch die Sonne, die herauskommt, animieren . Lassen Sie uns zuerst diese Kreisschicht und die Sonnenschicht finden. Gehen wir hier auf den Grund. Hier ist die Sonnenschicht und die Kreisebene, lassen Sie sie nach oben verschieben. Lassen Sie uns zuerst den Kreis machen. Um den Kreis zu animieren, müssen wir dieses Ding namens Trim Pass verwenden, aber um den Pass zu trimmen, muss der Kreis eine Formebene sein, oder wie eine Linie. Im Moment sind es Illustrator-Dateien, also müssen wir es in eine Form konvertieren. Sie dazu mit der rechten Maustaste auf den Illustrator-Layer, und gehen Sie dann zum Erstellen, und erstellen Sie dann Formen aus Vektorebene. Klicken Sie darauf, Sie können jetzt sehen, dass es eine weitere Ebene erzeugt, es heißt Kreis Umriss, und dann ist diese Kreis Illustrator-Layer ausgeblendet. Die Augensymbole schalten sich aus, wir brauchen sie nicht mehr, also können wir sie einfach löschen. Klicken Sie auf den Kreis Umriss, klicken Sie auf diesen kleinen Pfeil hier, und klicken Sie dann auf diesen Add Button hier. Wir brauchen dieses Ding namens Trim Path. Grundsätzlich wird es einen Pfad buchstäblich beschneiden. Wie es funktioniert, ist traurig, gehen Sie zur Trimpfadeigenschaft, und dann können Sie jetzt sehen, ob ich durch diesen Prozentsatz scrolle, Sie können sehen, dass die Linie tatsächlich animiert ein- und ausgeschaltet wird. Was wir tun müssen, ist am Anfang, ich will, dass es null Prozent ist. Dann vielleicht hier drüben, ein 1-Sekunden-16-Frame, ich will, dass es zu 100 Prozent ist. Lassen Sie uns eine Vorschau darauf. Das ist etwa richtig. Die einzige Sache ist, ich möchte nicht, dass die Linie von diesem Punkt hier animiert wird, ich möchte, dass sie von unten animiert wird. Um das zu ändern, müssen wir diesen Offset-Prozentsatz ändern. Ziehen Sie einfach den Versatz und Sie können sehen, dass sich die Linie tatsächlich bewegt, die Startlinie, ziehen Sie sie einfach, bis sie den unteren Bereich dort erreicht, also sind das etwa 96 Prozent. Jetzt kann es von unten beginnen. Ich will, dass es mit dem Stab beginnt, der in den Rahmen kommt. Ich werde es zwei Frames zurückziehen. Lassen Sie uns eine Vorschau darauf. Das ist gut. Im Moment sind diese beiden Keyframes lineare Keyframe, also möchte ich mit der rechten Maustaste und dann Keyframe-Assistent, Leichtigkeit, um es zu erleichtern Keyframes ändern. So etwas wie das. Das funktioniert für mich. Speichern Sie das Projekt. Um die Sonnenschicht zu animieren, muss ich zuerst diesen Ankerpunkt in die Mitte des Kreises ändern, und dann muss ich hier einen Pfad entlang des Kreises zeichnen, damit die Sonne entlang reisen kann. Um das zu tun, muss ich dieses Stift-Werkzeug verwenden, nur im Grunde einen Kreis zeichnen, so, wie dieser. Schließen Sie es nicht, sonst wird es kein Weg sein, und dann kann die Sonne nicht entlang fahren. Du musst es offen lassen. Dann kann ich hier nach oben gehen, halten Sie die Option gedrückt, wechseln Sie zwischen der Farbe, um es auszuschalten. Jetzt habe ich diesen Kreispfad, alles was ich tun muss, ist hier runter zu gehen, dieses Symbol, und dann gehen Sie zu diesem Pfad, klicken Sie auf diesen Keyframe, fügen Sie hier, überall einen Keyframe und kopieren Sie dann diesen einen Keyframe, Befehl C, gehen Sie zur Sonnenschicht, wechseln Sie zur Transformationsposition, und fügen Sie dann Befehl D ein. Sie können sehen, dass die Sonne ihre Position geändert hat. Es ändert sich nun zum Ausgangspunkt dieser Linie hier. Wenn ich durch die Zeitachse schrubbe, können Sie sehen, dass sie tatsächlich entlang des Weges fährt. Das ist es, was wir wollen. Jetzt kann ich einfach das Symbol für diesen Pfad ausschalten, ich brauche es nicht mehr, ich brauche nur die Sonnenschicht hier. Es wird von unten anfangen. Lassen Sie uns alle Keyframes vorwärts bewegen, Ich möchte, dass die Sonne beginnt, vielleicht um den 10. Frame zu reisen, von hier. Ich möchte auch, dass es den Rand des Kreises bedeckt damit ich ihn oben auf diese Kreislinie verschieben kann. Bevor wir vorwärts gehen, werden wir einfach alle diese Keyframes hier auswählen, klicken Sie mit der rechten Maustaste und klicken Sie auf diese Rove im Laufe der Zeit. Während ich Reisen eingekreist habe, möchte ich, dass es genau dort aufhört. Ich werde einen Keyframe hinzufügen und dann den Keyframe dahinter löschen, so dass er dort stoppt. Es geht nicht mehr weiter. Eine andere Sache ist, ich möchte Opazitätsänderung hinzufügen. Ich will, dass die Sonne verblasst, anstatt einfach reinzuschneiden. Gehen wir zur Deckkraft, klicken Sie auf den Keyframe, ändern Sie hier auf Null. An diesem Punkt sollte die Sonne als Nulldeckkraft beginnen, und wenn sie vorwärts geht, wird sie langsam einphasen, vielleicht schneller hineinpassen und diese beiden Keyframes näher bewegen. Gerade jetzt können Sie sehen, wenn die Sonne hereinkommt, es ist nicht sehr glatt. Die Animation ist ein wenig abgehackt. Was wir tun müssen, ist, diese beiden Keyframes zurück in den Rove-Keyframe zu ändern, so dass die Geschwindigkeit hier in diesen beiden Positionen nicht beeinflusst wird, und dann wird es die Animation viel glatter machen. Der Weg, dies zu tun, ist, in dieses Schlüsselbild gehen, halten Sie den Befehl gedrückt, um auf dieses Schlüsselbild zu klicken, und klicken Sie dann im Grunde zweimal, und dann wird es zu einem Kreis, was bedeutet, dass es ein roving Keyframe ist. Die Geschwindigkeit ändert sich an dieser Stelle nicht. Es wird nur durch diesen Keyframe hier herumlaufen. Klicken Sie zweimal auf den Befehl. Wechseln Sie nun zum ersten Keyframe, um Keyframe zu erleichtern, klicken Sie mit der rechten Maustaste auf Keyframe-Assistent, einfache Leichtigkeit. Jetzt lassen Sie uns Vorschau. Ich will die Kurve sehen, was hier passiert. Das sieht gut aus. Speichern Sie das Projekt. Lassen Sie uns eine Vorschau der Animation anzeigen. Ich habe immer noch das Gefühl, dass die Sonne zu schnell rauskommt, also mache ich es langsamer. Ja, so. Eine andere Sache, die wir hinzufügen können, ist, die Sonne gerade auch einen Kreis umrissen hat. Wir können auch einen Trimmpfad hinzufügen, damit der Kreis aufbauen kann. Lass uns in die Sonnenkomposition gehen. Machen Sie dasselbe wie der Kreis im Hauptkomp, also hier ist der Umriss und klicken Sie dann mit der rechten Maustaste auf „Erstellt Form aus Vektorebene“, und gehen Sie dann hier hinein, fügen Sie einen Trimmpfad hinzu. Ändern Sie bei Null Sekunde den Endwert auf Null, und dann wird etwa eine Sekunde 100 sein. Gehen wir zurück zum Hauptkomp und werfen einen Blick. Der Umriss animiert, aber der Kreis dreht sich nicht, so dass er seltsam aussieht. Jetzt muss ich dem Kreis selbst einen Rotationswert hinzufügen. Klicken Sie einfach auf die Stoppuhr auf Rotation und gehen Sie dann zurück in die Zeit. Hier drüben, vielleicht ändern Sie es auf negativ 90 oder negativ 180. Lassen Sie uns eine Vorschau darauf. Ich möchte, dass der Kreis an diesem Punkt hier reinkommt. Von hier, und dann beginnt es bereits zu drehen. Ich denke, ein Rotationswert ist nicht groß genug, also möchte ich ihn in negative 360 ändern. Dann werde ich auch den Keyframe des Trend-Passes zurückverschieben , so dass er zur gleichen Zeit kommt, wenn der Kreis sichtbar wird. Dies ist ein Punkt, an dem der Kreis in Position hält. Lassen Sie uns eine Vorschau darauf. Das sieht gut aus für mich. Jetzt fühle ich, dass der äußere Kreis zu früh unterwegs ist. Ich muss es zurückbringen. Vielleicht eine Berührung. Jetzt lassen Sie uns eine Vorschau darauf. Das sieht gut aus für mich. Jetzt haben wir den Turm gemacht und auch die Sonne, den Kreis, das nächste Video, wir können sehen, wie wir die Wolken animieren können. 11. Die Wolken animieren: In diesem Video werden wir die Wolken und auch die Kopie hier animieren, dies als Toronto. Lassen Sie uns zuerst die Cloudschicht erhalten. Tu hier unten. Hier ist eine Wolke eins, zwei und drei, wählen Sie sie aus, bringen Sie sie an die Spitze. Also, was ich tun möchte, ist, dass sie einfach reinrutschen. Es wird sehr einfach sein. Lassen Sie uns zunächst den Ankerpunkt von dieser Position in den Mittelpunkt jeder Wolke ändern. Jetzt werde ich diesen Stift hinter Werkzeug greifen. Vergrößern Sie die Ansicht, verwenden Sie die Leertaste, um zu navigieren und diesen Ankerpunkt in die Mitte dieser Wolke zu ziehen. Also hier ist meine zweite Wolke. Ich werde diesen Ankerpunkt hier in die Mitte ziehen und dann den dritten, gleich, fertig. Nun, was ich tun möchte, ist, lasst uns zuerst die erste Cloud machen. Klicken Sie auf der Tastatur auf „P“, schalten Sie die Position ein, und klicken Sie dann mit der rechten Maustaste auf separate Bemaßungen. Ich werde nur die Ausstellung animieren. Als der Turm aufbaut, möchte ich, dass die Wolke hier reinkommt. Also möchte ich hier auf diese „Stoppuhr“ klicken und dann einen Keyframe hinzufügen, ziehen Sie ihn nach vorne. Also hier bei diesem Keyframe hier, wird dies die endgültige Position meiner Wolke eine Ebene sein. Im Moment bin ich bei 20 Frames. Also möchte ich das ändern, ziehen Sie es nach links. Vielleicht bewegen Sie diesen weiter weg, so dass er sich langsam bewegt. Es bewegt sich nicht so schnell. Wenn es hereinkommt und auch wollen, dass die Wolke verblasst, anstatt nur eingeschnitten. Also möchte ich dieser Ebene eine Opazitätsänderung hinzufügen. Eine Möglichkeit, dies zu tun, besteht darin, dass Sie, während Sie die Ebene ausgewählt haben, „Shift“ gedrückt halten und dann auf der Tastatur „T“ drücken. Also wird es hier den Opazitätswert zeigen. Klicken Sie bei einem Keyframe auf die „Stoppuhr“. Jetzt ist es bei 100 Prozent und ich ziehe diesen 100-prozentigen Keyframe nach vorne, vielleicht ein wenig, ein paar Frames und ändere ihn dann auf Null. So, dass gerade jetzt bei 20 Frame, die Deckkraft ist von Null bis 100 auf dem 23. Frame. Ich werde wiegen, dass die Wolke hineinpasst, während sie auch von links gleitet. So wie das. Lassen Sie uns eine Vorschau darauf. Also bewegt sich die Wolke immer noch zu schnell zu mir. Ich werde diesen Keyframe weiter weg ziehen, so dass er sich langsam bewegt und ich möchte auch , dass die Wolke hereinkommt, nachdem die Sonne es passiert, weil ich nicht möchte, dass sie sich überlappen. In diesem Fall werde ich diese drei Schlüsselbilder greifen und sie dann ein wenig zurückschieben, so dass die Wolke nicht anfängt, sich einzupassen, bis die Sonne sie passiert. Ziehen Sie es hierher, und ändern Sie dann die. Also will ich auch nicht, dass sich die Wolke mit dem Kreis schneidet. Also werde ich diese Deckkraft noch weiter ziehen, gerade jetzt schneidet sich die Wolke mit dem Kreis, das will ich nicht, also werde ich die Exposition ändern. Ziehen Sie es nach rechts, so dass es sich nicht schneidet. Lassen Sie uns eine Vorschau darauf. Ja, so etwas, das funktioniert für mich. Jetzt werde ich dasselbe für die anderen beiden Wolken tun. Animieren Sie einfach die Positionseigenschaft und auch die Deckkraft. Dies ist die endgültige Position der Wolke. Auch ich möchte an dieser Stelle hier, ich möchte, dass der Opazitätswert 100 ist und dann am Anfang möchte ich, dass er Null ist. Die x-Position von rechts leicht geändert. Oder vielleicht möchte ich, dass die endgültige Position noch weiter vom Rand entfernt ist. Vielleicht genau da. Das ist in Ordnung. Dann werde ich dasselbe für die Wolke drei, getrennte Dimensionen tun. Schalten Sie die Deckkraft ein. Also möchte ich, dass die Deckkraft hier bei 100 liegt. Ziehen Sie diesen Punkt, um ihn an den anderen beiden Ebenen auszurichten, und dann sollte die Deckkraft Null sein. Ziehen Sie die Exposition leicht, das ist gut. Lassen Sie uns eine Vorschau darauf. Ich mag es, außer dass sie gerade jetzt zur gleichen Zeit kommen, was etwas ist, das ich nicht will. Also zuerst werde ich diese drei Schichten schneiden, so dass der erste Rahmen an dieser Stelle ist. Eine Sekunde, zwei Frames. Der Weg, dies zu tun, besteht darin, die Option und die linke eckige Klammer gedrückt zu halten. Sie sehen, dass die Ebenen geschnitten werden und dann alle diese drei Ebenen an derselben Stelle begonnen haben. Was ich tun wollte, ist, die ein bisschen zu staffeln, damit sie nicht zur gleichen Zeit kommen. So, lassen Sie uns eine Vorschau darauf. Ich habe das Gefühl, wenn sie hochkommen, sind sie zu nah am Rand. Vor allem der Erste. Ich möchte, dass der erste näher an den Turm kommt, wenn er zum ersten Mal auf dem Bildschirm erscheint. Der Weg, das zu tun, besteht darin, die Exposition zu ändern, vielleicht hier drüben, und dann den Endpunkt näher an den Turm zu ziehen. Vielleicht hier drüben. So sieht das gut für mich aus. Jetzt habe ich das Gefühl, dass es immer noch zu schnell geht. Also werde ich diese beiden Keyframes noch weiter ziehen, um die Animation langsam zu machen , das funktioniert für mich. Jetzt haben wir die Wolken genagelt. Lassen Sie uns die Toronto Kopie machen. 12. Lustige Textanzeige: Als nächstes animieren wir diesen Toronto-Text hier. Ich möchte Ihnen einen der einfachsten Möglichkeiten beibringen, einen Text zu animieren. Dies ist auch einer meiner Go-to. Manchmal, wenn ich nicht weiß, wie ich Text animieren soll oder ich nicht möchte, dass es einfach, langweilig ist. Ich möchte, dass es stilisiert wird, aber auch sehr einfach zu tun ist. Dies ist eine meiner Go-to-Animation für jeden Titel und Sie wissen, dass Sie auf alles anwenden können, was Sie wollen. Lassen Sie mich Ihnen zeigen, wie es geht. Zunächst einmal ist die Toronto-Ebene jetzt in Illustrator. Es ist eine Vektorebene, aber was wir brauchen, ist, sie in After Effects neu einzugeben, da ich diese Illustrator-Ebene nicht in eine Textebene konvertieren kann. Alles, was wir tun müssen, ist dieses Werkzeug zu greifen, geben Sie einfach das Wort Toronto ein. Die Schriftart, die ich verwende, ist Gotham X Narrow fett, alles, was ich tun muss, ist es in Großbuchstaben zu ändern. Sie können wählen, welche Schriftart Sie wollen, und dann werde ich auf dieser Vektorebene überlagern. Das ist in Ordnung, ich kann diese andere Ebene ausschalten, die ich hier habe. Jetzt kann ich sogar diese Illustrator-Ebene löschen. Ich brauche es nicht mehr. Zuerst möchte ich den Ankerpunkt in die Mitte dieses Toronto neu positionieren, und dann möchte ich nur die Positionseigenschaft animieren. Sie auf „P-Position“, klicken Sie mit der rechten Maustaste auf „Separate Dimensionen“. Was ich jetzt weiß, ist y Position 850 ist eine endgültige Position, in der der Text sein soll. Ich werde auf die „Stoppuhr“ klicken, drücken, einen Keyframe dort setzen, und dann werde ich es nach vorne zum 15. Frame ziehen. Nach 15 Frames möchte ich, dass sich der Text an Ort und Stelle befindet. Gehen Sie zurück zum Anfang, ich wollte hier von unten animieren, oben gleiten, und dann am 10. Frame möchte ich einen Überschuss hinzufügen. Genau, was wir vorher für die anderen Elemente auf dem Turm getan haben. Beim 10. Frame, Überschreitung hier anhängen, also sind das 850. Dann die Überschreitung, ich will, dass es 845 ist. Wählen Sie alle Keyframes aus, klicken Sie also mit der rechten Maustaste auf „Keyframe-Assistent“. Lassen Sie uns eine Vorschau der Animation anzeigen. Ich möchte, dass die Überschreitung noch dramatischer wird. Vielleicht kann ich 840 hinzufügen. Sehen wir uns das an. Das ist gut. Dann gehen Sie in den Diagramm-Editor, ändern Sie das Geschwindigkeitsdiagramm, um ihnen mehr Energie und Geschwindigkeit zu geben , so. Lassen Sie uns eine Vorschau. Ja, ich mag diese Animation. Cool. Hier ist der lustige Teil. Folgen Sie mir einfach genau. Zuerst möchte ich diese Ebene 1, 2, 3, 4, 5, 6 duplizieren . Sechs Mal, so dass ich sieben Schichten und jede Schicht kann einen Buchstaben enthalten. Die Art und Weise, das zu tun, ist sehr einfach. Drücken Sie einfach auf „Befehls-D“, um sechs Mal zu duplizieren. Eins, und dann werde ich eine Maske zeichnen. Auf der ersten Ebene hier, werde ich eine Maske auf T zeichnen. In der zweiten Ebene, zeichnen Sie eine Maske auf O. Dritte Ebene, zeichnen Sie auf R. Machen Sie das Gleiche für den Rest. Was passiert, ist, dass jede Schicht nur einen Buchstaben enthält. Wenn ich zwischen diesem Symbol ein- und ausschalten, können Sie sehen, dass jeder meiner Ebenen nur einen Buchstaben enthält. Nun, was ich tun muss, ist, alle sieben Ebenen hier auszuwählen und dann eine Shortcut-Option, rechte eckige Klammer, zu verwenden , um es zu schneiden. Alle sieben Schichten sind auf einen Rahmen geschnitten. Jetzt ist hier ein Trick, deaktivieren Sie alle von ihnen, wählen Sie sie zuerst von unten und dann nach oben. Ich werde auf die erste Ebene unten klicken, die Reihenfolge ist hier sehr wichtig. Was auch immer Sie zuerst klicken, es wird das erste, was animiert ist. Zuerst werde ich auf diese „T“ -Ebene klicken und dann bei Shift halten, klicken Sie auf diese letzte Ebene O, und klicken Sie dann mit der rechten Maustaste auf meine Maus, „Keyframe-Assistent“ Sequenzebenen. Hier kommt ein weiteres Fenster, wir brauchen nichts zu ändern, klicken Sie einfach auf „OK“. Jetzt sehen Sie, dass die Position der Ebene geändert wurde und dann kommen sie alle nacheinander. Nun, was ich tun muss, ist, bevor ich etwas abklicke, sehen Sie, dass es einen Pfeil nach links und rechts auf meiner Maus gibt. Ich möchte nur das Ende aller Ebenen verfolgen. Ziehen Sie sie einfach raus, so dass sie den ganzen Weg bis zur sechsten zweiten Marke sind. Lassen Sie uns nun eine Vorschau der Animation anzeigen. Sie sehen das, das ist der Effekt, den wir von diesem Workflow erhalten. Es ist ein Frühlingseffekt für den Text und das ist eine Animation, die ich immer mache, wenn ich mir keine kreative Möglichkeit vorstellen kann, die Kopie zu animieren. Jetzt werden wir alle sieben Ebenen in einer Komposition gruppieren, „Command-Shift-C“, „Pre-Comp“ und nennen diesen Toronto-Hit „Okay“. Als nächstes möchte ich eine Spurmatte hinzufügen, um dort abzudecken, wo ich die Kopie zuerst nicht sehen möchte. Stellen Sie sicher, dass keine Ebene ausgewählt ist. Zeichnen Sie ein Rechteck wie dieses, und stellen Sie es dann auf Alphamatte. Lassen Sie uns eine Vorschau darauf. Perfekt. Das ist die Animation, die ich möchte, damit dieser Text reinkommt. Lassen Sie uns nun eine Vorschau der gesamten Animation anzeigen, bevor wir zum nächsten Video wechseln. Ich will, dass Toronto später reinkommt. Wählen Sie die beiden Ebenen aus, ziehen Sie sie nach hinten, vorwärts. So wie der Turm aufbaut, möchte ich, dass der Toronto-Text hereinkommt. Oh, ich habe vergessen, diesen gelben Balken zu ziehen. Ich möchte, dass die Bar zur gleichen Zeit kommt wie der Toronto-Text. Da gehst du. Das ist deine Animation. 13. Reflexionen animieren: Lassen Sie uns in diesem Video an der Reflexion auf dem Turm arbeiten. Lassen Sie uns zuerst hier runter gehen, um die Reflexion zu greifen, die wir am Anfang ausgeschaltet haben. Diese beiden Schichten sind die Reflexion, die sie nach oben bringen. Nun, was ich tun muss, ist, diese Reflexion innerhalb von Nachwirkungen neu zu erstellen. Der Weg, dies zu tun, ist zuerst lassen Sie uns eine neue Volumenkörperebene erstellen, gehen Sie zu Ebene, neu. Klicken Sie auf „Solid“. Hier ist ein Fenster, das ich diese Farbe hier fallen gelassen habe, diese hellblaue Farbe auf der Reflexion. Die solide, die wir erstellen, wird es 1080 mal 1080 sein, wir können es in Reflexion umbenennen, klicken Sie auf „Okay“. Sie sehen jetzt, dass wir eine Ebene erstellt haben, die die gleiche Farbe wie die Reflexion hat. Nun, was ich zuerst tun muss, möchte ich entlang der Linien dieser Reflexion zeichnen , aber dann bedeckt diese Ebene darüber, damit ich das nicht sehen kann. Der Weg, dies zu tun ist, klicken Sie zuerst auf dieses Symbol, dies ist Anpassungsebene Symbol. Sobald ich darauf klicke, wird diese Ebene zu einer Einstellungsebene, die unsichtbar sein wird. Aber zur gleichen Zeit kann ich immer noch auf dieser Ebene zeichnen. Wenn dieses Symbol aktiviert ist, kann ich hier oben gehen, einen Bleistift schnappen und dann vergrößern. Zeichnen Sie einfach die Kontur dieser Reflexion entlang, so. Auf diese Weise wird eine Maske auf dieser soliden Ebene zu erstellen, und sobald ich es fertig bin, werde ich auf „Aus“ klicken, damit die Form fertig ist. Dann klicken Sie noch einmal auf diese Reflexionsebene, ich möchte eine weitere Maske daneben zeichnen, noch weiter zoomen. Ich möchte diese Form hier zeichnen. Schließen Sie die Form, dann können wir die Einstellungsebene wie folgt deaktivieren. Sie können dies den Effekt sehen, den wir bekommen, also habe ich gezeichnet, um auf dieser soliden Ebene zu maskieren. Jetzt die solide Ebene, wenn ich die Maske ausschalten. Dies ist die Ebene vor der Maske. Sobald ich die Maske gezeichnet habe, wird es mir nur den Teil zeigen, der in der Maske ist, den ich gezeichnet habe. Wir haben die Reflexion jetzt kann ich die beiden Reflexionen löschen, bevor. Löschen Sie einfach die beiden. Nun, was ich tun muss, ist diesen mittleren Abschnitt hier zu bekommen, versuchen Sie, die Ebenen zu finden, Center Fenster. Dies ist das mittlere Fenster, Mitte oben, also habe ich Mitte Fenster, Mitte oben und Mitte unten. Ich möchte diese Ebenen vorkompilieren. Befehl Umschalttaste C, neu zusammenstellen, Turm-Mittelteil. Klicken Sie auf „Okay“ und dann möchte ich diese Reflexion auf diesem Turm Mitte Abschnitt unten bringen . Zuerst muss ich diese Reflexion von der rechten Seite nach links animieren . Klicken Sie auf die P-Position, klicken Sie mit der rechten Maustaste auf separate Ich möchte, dass die Reflexion hier animiert wird. Klicken Sie auf die Stoppuhr am Schlüsselrahmen in der Ausstellung. Ziehen Sie es nach rechts, das ist die Reflexion und dann gehen Sie vielleicht hier rüber, ziehen Sie die Position nach links, so. Das ist die Animation der Reflexion. Lassen Sie uns eine Vorschau darauf. Es könnte zu langsam sein, ich werde es näher hierher ziehen. Immer noch das Gefühl, es ist zu langsam, vielleicht sogar noch mehr. Das sieht besser aus für jetzt und dann, was wir tun müssen, Denken Sie daran, die Spurmarke, die wir zuvor verwendet haben, wir können das gleiche mit dieser Reflexion tun. Alles, was ich tun muss, ist, diese Ebene zu duplizieren, die Tower-Mittelebene, Befehl D-Duplikat, und dann diese neue duplizierte Ebene auf die Reflexion zu legen. Verwenden Sie diese Ebene als Begrenzung der Reflexion , damit die Reflexion nur innerhalb dieses Turm-Mittelabschnitts sichtbar ist. Setzen Sie diese Reflexion einfach auf Alpha-Matte. Jetzt können Sie sehen, ob ein Kratzer durch die Timeline. Die Reflexion ist nur sichtbar. Einer ist im Turm. So haben wir die Reflexion erreicht. Lassen Sie uns eine Vorschau der Animation anzeigen. Ich habe immer noch das Gefühl, dass es keine Energie für diese Reflexion da ich die beiden Schlüsselbilder noch näher packe. Das sieht besser aus, jetzt möchte ich die beiden Keyframes auswählen. Rechtsklick auf den Keyframe-Assistenten Wie vorhergesehen, das sieht gut aus für mich, das ist, wie Sie die Reflexion tun. 14. Die Ballons animieren: Lassen Sie uns nun die Ballons animieren. Lassen Sie uns zuerst die Sprechblase aus dem Projektfenster unter dem Ordner „Pre comps“ greifen. Klicken Sie auf diesen Pfeil. Ich habe diesen Ballon blau und dann Ballon gelb. Lasst uns diesen Ballon blau packen, ihn in den Hauptkomp stecken. Zuerst möchte ich dorthin gehen, um eine Zeichenfolge hinzuzufügen, die an die Sprechblase angebracht ist. Doppelklicken Sie jetzt, gehen Sie einfach zum Stift-Werkzeug. keine Ebene ausgewählt ist, möchte ich eine Zeichenfolge zeichnen, vielleicht so lang, und dann möchte ich keine Füllfarbe, aber ich möchte eine Strichfarbe. Gehen Sie zu „Inhalt“, „Form“ und deaktivieren Sie dann die Füllfarbe, aktivieren Sie die Strichfarbe, ändern Sie sie in Schwarz. Das ist etwa richtig. Als nächstes möchte ich der Zeichenfolge Effekte hinzufügen. Gehen wir zu „Fenster“, klicken Sie auf diese „Effekte & Presets“. Hier werden wir Effekte anwenden. Suchen Sie nach Wave-Warp, und doppelklicken Sie dann, um es auf diese Ebene zu setzen, und lassen Sie uns dann einige der Einstellungen anpassen. Zuerst möchte ich diesen Ankerpunkt in die Zeichenfolge hier ändern. Das ist der Ankerpunkt. Ich werde da oben drauf setzen. Ändern wir die Wellenbreite auf etwa 90, und dann können wir versuchen, die Richtung der Welle zu ändern. Sie können sehen, wie ich die Richtung änderte, Sie können sehen, dass die Linie bereits verzogen ist, als ob sie winkt. Ich will nur eine leichte Welle, sehr subtil, und dann möchte ich die Wellengeschwindigkeit auf Null ändern. Jetzt möchte ich nur das Gesicht animieren. Von hier aus möchte ich die Null-Sekunden hinzufügen. Lassen Sie uns einen Keyframe auf dem Gesicht hinzufügen, klicken Sie also auf „Stoppuhr“ hier. Jetzt können wir auf die Tastenkombination „U“ auf der Tastatur klicken, um den Keyframe in der Timeline hier anzuzeigen. Dann möchte ich nur bis zu einer Sekunde gehen und dann das Gesicht in negative hier ändern. Ich möchte dieses Gesicht den ganzen Weg nach draußen ziehen, so dass es länger dauert, was bedeutet, dass die Animation langsamer wird. Es ist jetzt sehr subtil, aber mal sehen, ob es funktioniert, nachdem wir den Ballon animiert haben, gehen Sie zurück zum Hauptkomp. Gehen Sie hier nach oben, klicken Sie auf den Stift hinter dem Werkzeug, setzen Sie diese Ankerpunkte auf die Ballon selbst, und ziehen Sie dann die y-Position nach unten. Von diesem Punkt wird der Ballon dort sein, und ziehen Sie dann nach vorne, bis vielleicht vier Sekunden. Klicken Sie auf die Tastenkombination „V“, um zu „Auswahlwerkzeug“ zu gehen, und dann werde ich diesen Ballon herausziehen, den ganzen Weg nach oben. Siehst du, da ist ein Griff auf dem Weg. Ich möchte den Handle auf dem Pfad leicht ändern, um einen Kurvenpfad dazu zu haben. Anstelle von geraden Pfad, eine leichte Kurve. Muss nicht übertrieben sein, ich möchte nur etwas nach links oder rechts bewegen. Das funktioniert. Lassen Sie uns eine Vorschau der Animation anzeigen. Die schwebende Animation sieht gut aus für mich, es ist nur eine Schnur. Vielleicht muss ich die Saite schneller bewegen. Im Moment bewegt es sich kaum. Gehen Sie zu dieser Zeichenfolge hier. Ich möchte auch, dass die Schnur hinter dem Ballon liegt, also möchte ich die Schicht auf den Boden legen. Ziehen Sie die beiden Keyframes näher, so dass die Animation deutlicher wird. Gehen wir zurück zum Hauptkomp, um dies zu sehen. Weißt du was? Das sieht gut aus für mich. Jetzt machen wir das Gleiche für den anderen Ballon. Gehen wir zurück zum Projekt-Panel, greifen diesen gelben Ballon, legen ihn in den Hauptkomp und gehen dann hinein. Ich kann einfach die andere Zeichenfolge in diese Komposition kopieren. Hier oben können Sie sehen, da ist diese blaue Ballonschicht, Pre-comp, und dann lassen Sie uns einfach kopieren, „Befehl C“. Geh zurück zum gelben Ballon, kleben, und dann muss ich nur die Position ändern, sie hinter diesem Ballon hier setzen. Wir können die Schicht an den Boden legen, so dass sie hinter dem Ballon ist. Gehen Sie zurück zum Hauptkomp, ziehen Sie diese Ebene, vielleicht hier herum. Ich will nicht, dass sie zur gleichen Zeit kommen, wie ich bereits sagte, also möchte ich die Animation staffeln. Ändern wir zunächst den Ankerpunkt in die Mitte der Sprechblase. Dann kann ich diese beiden Keyframes kopieren, „Befehl C“, und dann zum Anfang dieser gelben Ballonebene gehen, fügen Sie die beiden Keyframes ein. Jetzt lassen Sie uns eine Vorschau. Ich will sehen, was hier passiert. Sie sehen jetzt, der gelbe Ballon folgt dem gleichen Weg wie der blaue. Was ich tun möchte, ist, den Pfad davon zu ändern. Zuerst müssen wir zwei Keyframes auswählen und dann zum ersten Keyframe gehen, dann kann ich den Pfad der gelben Sprechblase ändern. Jetzt sehen Sie, ich kann die beiden Positionen gleichzeitig auf die rechte Seite ziehen, und jetzt ist es ein anderer Pfad. Trotzdem möchte ich es noch mehr ändern. Ich möchte hier zum letzten Keyframe gehen und es dann vielleicht ein wenig bis zum letzten ziehen und es dann weiter davon ziehen. Ich möchte, dass sich dieser gelbe langsamer bewegt als der blaue. Lassen Sie uns eine Vorschau der Animation anzeigen. Ich fühle mich, als wären diese beiden immer noch zu nahe beieinander. Ich möchte, dass der gelbe nach rechts geht, anstatt nach links. Gehen Sie zum letzten Keyframe hier, ziehen Sie diesen Pfad irgendwo hier herum, und ändern Sie die Kurve ein wenig. Lassen Sie uns eine Vorschau darauf. Jetzt ist es nicht hoch genug, so dass Sie die Zeichenfolge immer noch sehen können. Ich muss zum letzten Schlüsselbild gehen und dann den gelben Ballon noch höher ziehen , damit Sie die Saite nicht in der Luft hängen sehen. Das sollte gut zu mir sein. Lassen Sie uns das Projekt speichern. Als nächstes müssen wir nur den gleichen Prozess für die ersten beiden Ballons verfolgen, und dann können wir zwei weitere Ballon erstellen, aber an der anderen Position. Hier ist die abschließende Animation. Alles, was ich getan habe, ist, diese beiden Ballons zu kopieren und sie dann in eine andere Komposition einzufügen, und dann die Position dieser beiden zu fixieren und die Farbe zu ändern, so dass ich vier verschiedene Ballons kommen. Es wird der gleiche Prozess sein wie die ersten beiden. Hier ist die abschließende Animation. Nächstes Video, ich werde Ihnen zeigen, wie Sie diese Datei als GIF oder in MP4 exportieren , damit Sie sie mit Ihren Freunden teilen oder im Internet posten können. 15. Exportieren: Los geht's. Das ist unsere letzte Animation. Also, jetzt möchte ich diese Datei in eine GIF-Datei exportieren. Alles, was ich tun muss, ist hier auf diese Komposition klicken und dann auf diese Add to Adobe Media Encoder Warteschlange klicken. Sobald ich darauf geklickt habe, wird Adobe Media Encoder geöffnet. Eine andere Sache, auf die man achten muss, ist, dass mein Vorschaubereich momentan auf Null Sekunden bis sechs Sekunden eingestellt ist. Das wird also der Bereich sein, in dem diese Animation gerendert wird. Grundsätzlich, wenn ich den Renderbereich als sechs Sekunden setze , wird nur sechs-Sekunden-Video für mich rendern. Ich kann es auch länger einstellen, wenn ich will. Ich kann es auf neun Sekunden setzen. Alles, was ich tun muss, ist auf die neun-Sekunden-Marke zu klicken, meine Timer-Anzeige dort zu setzen und dann die N-Taste auf der Tastatur zu drücken, um den Out-Punkt festzulegen. Dann, wenn Sie den Endpunkt setzen möchten, geht auf B, B auf der Tastatur. Los geht's. Jetzt haben wir die Adobe Media Encoder-Warteschlange geöffnet. Diese Datei wird jetzt an die Warteschlange gesendet. Hier ist die Einstellung, aus der wir wählen können. Klicken Sie hier auf diesen Abwärtspfeil. Wir können diese Datei als MP4-Formate exportieren. Also, wenn Sie als MP4 exportieren möchten, können Sie einfach auf diesem H.264 treffen. Das ist ein qualitativ hochwertiges MP4-Video-Formate. Dann, wenn Sie ein GIF-Formate wollen, können Sie einfach auf diese animierte GIF klicken. Jetzt möchte ich nur, dass es animiertes GIF ist, also werde ich das wählen. Sie können einige Einstellungen in der Voreinstellung ändern, aber im Moment brauchen wir nur diese animierte GIF-Option. Dann können wir hier wählen, wo wir die Datei speichern möchten. Ich möchte es auf dem Desktop speichern, endgültige Ausgabe, und dann benennen Sie es Toronto Logo. Drücken Sie die Eingabetaste, und klicken Sie dann einfach auf diesen grünen Start-Button. Es wird anfangen zu rendern. Alles klar, es ist erledigt. Werfen wir einen Blick. Hier ist unsere abschließende Animation. 16. Glückwunsch!: Herzlichen Glückwunsch, Sie haben den Kurs beendet. Jetzt sollten Sie in der Lage sein, die in diesem Kurs erlernten Techniken auf jede Art von Animation anzuwenden . Meine Herausforderung an Sie bestand darin, eines Ihrer eigenen Logos oder Symbole, worauf Sie sich freuen, zu nehmen eines Ihrer eigenen Logos oder Symbole, und das, was Sie in diesem Kurs gelernt haben, auf Ihr eigenes Design anzuwenden . Stellen Sie sicher, dass Sie Ihre Animation auf der Projektseite veröffentlichen Ich kann es kaum erwarten zu sehen, was Sie sich einfallen lassen. Wenn Sie Fragen zu diesem Kurs haben, mir eine Nachricht in der Diskussionsrunde und ich bin hier, um Ihnen zu helfen. Vielen Dank, dass Sie an dem Kurs teilgenommen haben. Viel Spaß beim Animieren. [MUSIK]