Einführung in Motion-Graphics: Erklärungsvideos von Storyboard bis Animation

1. Einführung: Hi, ich bin Hung Chu, und ich bin ein Motion-Designer in Kanada. Ich animiere in Adobe After Effects seit mehr als fünf Jahren professionell. Ich habe in zwei verschiedenen Werbeagenturen für Kunden wie Adidas, PayPal, Walmart und viele mehr gearbeitet. Heute werde ich Ihnen beibringen, wie Sie Erklärungsvideos in After Effects vom Storyboard bis zur finalen Animation animieren können. Erklär-Videos sind jetzt sehr gefragt, es ist ein wesentlicher Bestandteil der Motion Graphics. Sobald Sie wissen, wie Sie Erklär-Videos animieren, wird es Sie zu einem marktfähigen Animator gegenüber Ihren Konkurrenten machen und in der Lage sein, auf eigene Faust lustige Projekte zu übernehmen. In diesem Kurs zeige ich Ihnen alles, was Sie wissen müssen, um mit diesem kurzen und einfachen Erklärvideo zu beginnen. Ich zeige Ihnen den kompletten professionellen Workflow von Anfang an mit diesem Storyboard, wie Sie Ihre Illustrationen für die Animation einrichten, identifizieren Sie die wichtigsten animierten Szenen und Übergänge, Hinzufügen von Akzenten und sekundäre Animation, Schritt-für-Schritt-Arbeiten durch das Storyboard. Anwenden von Animationsprinzipien wie Überschreitung und Antizipation, mit dem Diagramm-Editor Leben in Ihre Keyframes und Tonnen von Tastaturkürzel Tipps und Tricks, die ich die ganze Zeit für einen effizienteren Workflow verwende. Für das Klassenprojekt werden Sie die hier erlernten Fähigkeiten und Techniken anwenden, um Ihr eigenes 15-Sekunden-Erklärvideo zu erstellen. Machen Sie etwas, worauf Sie sich wirklich stolz fühlen, und die Dinge, die wir in diesem Kurs lernen, werden es leicht in jede Art von Motion Graphic Projekten übersetzen und bringt Sie mit After Effects Animation zum Laufen. Neben der Erstellung Ihres endgültigen Erklär-Videos entwickeln Sie auch einen besseren Einblick in die visuelle Erzählung und erweitern Ihre Animationsvokabulare. Es wird Ihre Augen trainieren, um Animatoren Augen zu werden und bieten Ihnen eine brandneue Art, Animation und Storyboards in der Zukunft zu betrachten. Ich hoffe, Sie haben viel Spaß beim Lernen eines Animierens. Wir sehen uns im Unterricht. 2. Projekte: Willkommen in der Klasse. Bevor wir anfangen, möchte ich über die Klassenprojekte sprechen. Für das Projekt animieren Sie Ihr eigenes 15-Sekunden-Erklärvideo basierend auf dem bereitgestellten Skript und Storyboard. Ich werde Sie durch den gesamten Prozess führen, von der Anpassung Ihres eigenen Storyboards bis hin zur endgültigen Animation. Zunächst einmal möchte ich, dass Sie die Projektbeschreibung lesen , die ich im Abschnitt Details aufgeführt habe, und dort finden Sie die Schritte, die Sie ergreifen müssen, um das Projekt abzuschließen. Sie sich mit dem vertraut, was wir tun, und ich nehme Sie mit auf die Reise, um ein Erklärvideo zu erstellen. Während Sie den Kurs nehmen und an dem Projekt arbeiten, ermutige ich Sie, mit mir die laufenden Arbeiten im Projektpanel zu teilen , damit ich Ihnen Feedback geben und Sie durch den Prozess führen kann . Ein 15-Sekunden-Erklärvideo ist kein einfaches Projekt, besonders wenn Sie es zum ersten Mal machen. Es wird Kämpfe geben, und es wird Schmerzen geben. Vertrau mir. Dein Gehirn könnte sogar ein bisschen weh tun. Kein Scherz. Aber wie etwas zu lernen, ist es ein Teil des Prozesses, und ich bin hier, um Ihnen zu helfen, das Beste aus diesem Kurs herauszuholen und alle Fragen zu beantworten , die Sie haben, und die Straßensperren auf dem Weg zu beseitigen. Sobald Sie mir folgen und dieses Projekt abgeschlossen haben, erhalten Sie eine Vorstellung davon, was der vollständige Prozess ist, ein Erklärvideo zu erstellen. Dieser Prozess und der Workflow sind auf alle Motion Graphics anwendbar. Es wird Ihnen helfen, vor dem Spiel zu kommen und Ihnen das Vertrauen zu geben , in der Lage zu sein, auf jede zukünftige Kundenarbeit übernehmen zu können. Nicht nur, dass, am Ende, werden Sie ein vollständiges Erklärvideo auf Ihre Demo-Rolle setzen , die Sie unter Freunden teilen können. Das war es, Klassenprojekte. Wir sehen uns in der ersten Klasse. 3. Das Storyboard: Willkommen bei der ersten Lektion. In dieser Lektion möchte ich über das Storyboard sprechen. Es wird zwei Szenarien geben, wenn es um Storyboard geht. Eine ist, wenn Sie mit dem Storyboard von Ihrem Kunden oder einem Art Director zur Verfügung gestellt werden, alles, was Sie tun müssen, ist es zu animieren. Zwei ist, wenn Sie nur mit einem Skript zur Verfügung gestellt werden und Sie Ihr eigenes Storyboard entwerfen müssen. Ich werde beide Szenarien in diesem Kurs behandeln und einen groben Prozess bereitstellen, wie ich ein Storyboard finde. Es wird einige hilfreiche Ressourcen geben, wo Sie einige kostenlose Illustrationen oder Farbpaletten finden können. Jetzt ohne weitere Umschweife, kommen Sie einen Blick. Für unser SmartCity.io ist hier ein Storyboard, das ich von einem Art Director erhalten habe , der ich selbst bin. Ich habe mir dieses Storyboard gegeben. Wie Sie hier sehen können, habe ich hier das Logo des Unternehmens und dann 15 Sekunden Erklärer Video Storyboard, was es ist. Hier habe ich sieben Storyboards, am Ende gibt es ein Logo-Lockup der Firma. Hier unter jedem Storyboard gibt es ein paar Notizen hier. erste ist die hier hervorgehobene V0, die das Skript des Videos anfangs ist. Das ganze 15-Sekunden-Video wird also so lesen. Egal, wo Sie auf der Welt sind, in welcher Stadt Sie leben, Informationen können überall abgerufen werden. Deshalb haben wir SmartCity.io gebaut, bleiben Sie in Verbindung, wo immer Sie sind. Das ist unser Hot Spot. Dann, zwischen jedem Storyboard, habe ich auch ein Übergangs-Artwork. Es sagt mir grob, wie das erste, was Übergang in den nächsten und dann den nächsten Übergang in den nächsten. Normalerweise, wenn Sie nicht gut in Illustration oder Storyboard sind, sind Sie kein Storyboard-Künstler. Wenn Sie nur ein Motion-Designer sind, der gut in der Animation ist, erhalten Sie in der Regel ein Storyboard-Deck wie dieses von Art Director oder einem Illustrator, und sie werden alle Illustrationen Storyboard für Sie gemacht haben. Zusammen mit diesem PDF-Deck erhalte ich auch eine Illustrator-Arbeitsdatei. Öffnen wir das hier. Im Wesentlichen ist dies die Storyboard-Datei, in der der Illustrator alle Illustrationen gemacht hat. Es hat alle getrennten Elemente des Storyboards, und dann kann ich später dieses verwenden, um meine Dateien vorzubereiten und es dann für die Animation zu verwenden. Der Illustrator ist auch hier Farbpalette enthalten. Diese beiden Dokumente hier sind typischerweise das, was ich von, sagen wir, Art Director oder einem Illustrator erhalte . Aber was passiert, wenn man sie nicht von jemand anderem erhält? Wie, was passiert, wenn Sie freiberuflich sind und dann Ihr Kunde ein 15 Sekunden Erklärvideo will, und Sie werden derjenige sein, der das Storyboard macht. Wie kannst du das machen? Nun, lassen Sie mich Ihnen den Prozess zeigen, mit einem Storyboard zu kommen. Um ehrlich zu sein, betrachte ich mich nicht als Storyboard-Künstler oder Illustrator, aber manchmal, wenn ich freiberufliche Kunden habe, muss ich sie immer noch selbst machen. Ich kann Ihnen grob meinen Prozess zeigen, wie ich damit umgehen kann. Wenn zum Beispiel der Kunde zu Ihnen kommt, würden Sie nur ein Skript mit vermutlich einem Logo ihres Unternehmens erhalten. Lassen Sie mich diese Storyboard-Vorlage hier öffnen. Dies ist eine Vorlage, die ich verwende. Zum Beispiel haben wir ein 15 Sekunden Video, das wir brauchen, um mit einem Storyboard zu kommen und dann Client hat mir bereits das Skript geschickt. Das Skript liest das gleiche wie das, was wir zuvor gesehen haben. Egal, wo Sie auf der Welt sind, in welcher Stadt Sie leben, Informationen können überall abgerufen werden. Deshalb haben wir SmartCity.io gebaut. Bleiben Sie verbunden, wo immer Sie sind. Das ist das Drehbuch, das wir erhalten haben. Ich habe es bereits hier in meine Storyboard-Vorlage eingefügt. Dann, wie Sie sehen können, habe ich eine Richtlinie für mein Storyboard für 15 Sekunden. Zuerst brauche ich hier ein Kunstwerk, das das Hauptkunstwerk ist, die Eröffnung, und dann brauche ich einen Übergang als zweites, und dann brauche ich eine zweite Szene, im Grunde ein drittes Storyboard. Dann brauchen Sie noch einen Übergang. Ich brauche eine andere Szene, und dann am Ende wäre es Logo enthüllt Übergang, und das Logo Lockup. Dies ist eine Richtlinie für mich, ein Storyboard zu entwickeln, das ich brauche, um ihre Informationen zu präsentieren, um im Grunde Geschichte erzählen ihre Skripte. Nächster Schritt, was ich tun würde, ist, ich würde auf zwei Wege gehen. Wenn du es kostenlos als dein persönliches Projekt machst, würde ich dir empfehlen, auf freepik.com zu gehen. Dies ist eine kostenlose grafische Ressourcen, und dann, wenn Sie es nur für Bildungszwecke verwenden, alles, was Sie brauchen, ist nur, um das Kunstwerk oder die Grafik zu notieren, was auch immer Sie es von dieser Website kommen und Sie müssen nicht dafür bezahlen. Aber das ist nur für pädagogische Zwecke, Sie können eine kostenlose für jede Kundenarbeit verwenden. Das ist einer. Dann würde ich noch einen empfehlen, wenn Sie an der Clientarbeit arbeiten, würde ich Shutterstock empfehlen. Sie können ungefähr $30 pro Monat für 10 Bilder bezahlen. Hören Sie, ich habe das hier sogar. Zehn Bilder kostenlos. Ich habe selbst Konto, so dass ich einfach Bilder für die Kundenarbeit herunterladen und dann wie $30 pro Monat bezahlen kann, und Sie können jede Vektorillustration herunterladen und dann vielleicht für Ihre eigenen Bedürfnisse anpassen, so dass Sie nichts von Kratzer. Es sei denn, Sie sind sehr gut in der Illustration, Sie sind ein ziemlich guter Illustrator, in diesem Fall können Sie alles tun, was Sie wollen. Moment werden wir nur bei Freepik bleiben, weil ich denke, dass die meisten von uns es für Bildungszwecke verwenden. Zuerst brauche ich eine Grafik für, egal wo du auf der Welt bist. Das Schlüsselwort hier ist, World. Lassen Sie mich nach World suchen. Die Welt. Ich habe eine Weltkarte. Diese Grafiken mit einem Kronen-Icon hier, erfordert Premium-Lektionen, um herunterzuladen. Wenn Sie ein kostenloses Konto verwenden, können Sie diese Bilder nicht herunterladen, sondern alles andere, Sie können es einfach kostenlos herunterladen. Ziemlich viel. Ich würde nur etwas finden, das ich mag, dass ich als mein erstes Storyboard verwenden kann. Sogar dieser Globus hier. Du kannst diesen Kerl einfach loswerden und dann den Globus benutzen. Zum Beispiel, wenn ich dieses als mein erstes Storyboard verwenden möchte, kann ich einfach hierher kommen und auf „Download“ klicken, und dann können Sie Downloads kostenlos, aber dann müssen Sie dem Autor zuschreiben. Kopieren Sie diesen Link. Wenn Sie es in Ihr Portfolio einfügen möchten, können Sie es tun, aber dann müssen Sie den Autor zuschreiben. Jetzt, da ich dieses kleine Globus-Symbol herunterlade, kann ich nach meinem dritten Storyboard suchen, der Hauptszene. Obwohl, bevor ich nach Bildreferenz oder Inspirationen suche, wäre es großartig, wenn Sie etwas nach unten ziehen können, so dass Sie ein bestimmtes Bild in Ihrem Kopf haben , das Sie erstellen möchten. Eine Art von Szene, die Sie erstellen möchten, bevor Sie in Illustrator gelangen. Aber mit dieser Vorlage sind Sie in der Lage, eine ziemlich klare Richtlinie zu haben, welche Art von Grafik Sie benötigen, entweder als Übergang oder in der Hauptszene, um Ihnen mit dem Storyboard zu helfen. Geh zurück zu dem, was wir jetzt haben. Sie können sehen, dass es meiner Vorlage ähnlich ist. Wir haben einen Haupt-Szenenübergang, eine andere Szene, eine andere Szene, und das ist Übergang und eine andere Szene. Dann Logo-Übergang, Logo-Überprüfung und dann Logo-Lockup. Das ist der allgemeine Fluss des Videos. Aber dieser Kurs, Ich möchte Ihnen zeigen, wie erklären Video. Ich bin nicht hier, um dir beizubringen, wie man Storyboards macht, also möchte ich dir nur die allgemeine Idee zeigen, wie man selbst ein Storyboard erstellt. Ich würde einfach das Schlüsselwort dieser Skripte durchgehen und dann über die Szene nachdenken, die Sie haben möchten und sie dann hier platzieren. Sobald ich es habe, so etwas. Ich habe alle Bilder in meiner Vorlage platziert, Ich werde dann auf eine andere Website Coolors gehen. Auf dieser Website können Sie tatsächlich eine Farbpalette auswählen. Versuchen Sie es, drücken Sie „Erkunden“. Es ist geladen. Das sind die Trendfarbpaletten. Sie können beliebige Trendfarbpaletten auswählen, die Sie mögen und dann Ihre Grafiken an die gewünschte Farbeanpassen Ihre Grafiken an die gewünschte Farbe , um die Botschaft zu vermitteln oder die Stimmung und das Gefühl zu vermitteln, das Sie mögen. Sagen Sie, wenn ich dieses hier mag, damit ich es nur auf dem Bildschirm erfassen würde, und dann würde ich zu meiner Illustrator-Datei zurückkommen. Setzen Sie diese Bildschirmaufnahme hier, und erstellen Sie dann vielleicht ein paar Blöcke. So etwas wie das. Wenn ich diese Farbe mag, würde ich in jedes unserer Bretter gehen und die Farbe dieser Elemente um diese Farbpalette ändern. Aber im Moment habe ich diese Farbpalette, mit der ich arbeiten kann, also möchte ich jetzt keine ändern. Was Sie tun können, ist, dass Sie den gleichen Prozess verfolgen können. Sie können diese Vorlage verwenden, sie mit dem gewünschten Grafiktyp ausfüllen und dann nach einer Farbpalette suchen, die zu Ihrem Storyboard passt. Ändern Sie alle Farben oder Sie können die Grafiken sowie anpassen, um mit einem Storyboard ähnlich zu kommen, was ich hier habe. Jetzt lasst uns zusammenfassen. In diesem Video haben wir zuerst über das Storyboard gesprochen, und dann haben wir darüber gesprochen, wie Sie Ihr persönliches Storyboard und die Storyboard-Vorlage erstellen können, wo es Sie durch den Prozess führen kann. Wir haben auch einige Ressourcen wie Freepik, Shutterstock oder Coolors, wo sie auch bei dem Prozess hilfreich sein werden. Das ist im Grunde alles, was wir besprochen haben. Um Ihr Projekt zu beginnen, benötigen Sie ein Storyboard. Hier ist meine Herausforderung für dich. Ich habe zwei Möglichkeiten. Zuerst können Sie mein Storyboard nehmen und es mit der verschiedenen Farbpalette oder einigen verschiedenen Designelementen anpassen , tun, was immer Sie wollen. Zweite Option, können Sie die Art und Weise verwenden, die wir hier in diesem Video unterrichten und ein brandneues Storyboard erstellen. Stellen Sie sicher, dass Sie Ihr Storyboard oder einen Fortschritt, den Sie im Projektpanel haben, posten und mit mir teilen, um Kommilitonen zu inspirieren. Ich kann es kaum erwarten zu sehen, was du dir einfällt. Nächstes Video, ich werde Ihnen zeigen, wie Sie Ihre Illustrator-Dateien vorbereiten und es bereit für die After Effects-Animation. 4. Vorbereitung der Illustrator-Datei: In diesem Video zeige ich Ihnen, wie Sie Ihre Illustrator-Datei mit mehreren Storyboards vorbereiten und sie für die Animation vorbereiten , bevor Sie sie in Adobe After Effects einbinden. Lassen Sie uns dieses Erklärer-Storyboard öffnen. Los geht's. Jetzt haben wir alle sieben Storyboards. Sie sind alle auf separaten Zeichenflächen. Normalerweise, wenn wir nur ein Storyboard haben, wäre es einfacher, aber jetzt, da wir sieben von ihnen haben, ist das erste, was wir tun müssen, jedes in seine eigene Datei zu trennen. Machen Sie jedes Storyboard zu einer eigenen Illustrator-Datei. Um dies zu tun, müssen wir auf Datei gehen, und klicken Sie dann auf Speichern unter, vielleicht erstellen Sie einen Ordner hier, Storyboards getrennt, und klicken Sie dann auf Speichern. Hier ist das Optionsfeld. Jetzt müssen wir auf der Sichere jede Zeichenfläche zu einer separaten Datei überprüfen. Dann brauchen wir nur alle Zeichenflächen in separate Dateien. Klicken Sie auf OK. Gehen wir zurück zum Finder. Los geht's. Sehen Sie, ich habe Erklärer 1, 2, 3, 4, 5, 6, 7, und dann gibt es diese ursprüngliche Master Illustrator Datei. Jetzt können wir diesen Master schließen und dann jeden überprüfen. Hier, 01, das ist unsere erste Eröffnungsszene. Allerdings, 02, es scheint nicht so, lassen Sie mich dieses Storyboard hier öffnen. 02 scheint nicht wie das zweite Storyboard. Es scheint so, als das fünfte Storyboard. Alles, was wir tun müssen, ist diese Storyboards umzubenennen. Das hier, lass mich die zweite finden. Das ist die zweite. Ich werde 002, 001 umbenennen, und dann ist dies der dritte, und das ist der vierte, fünfte , sechste und dann sieben. Jetzt haben wir jede Illustrator-Datei in der Reihenfolge aus dem Storyboard. Dies ist meine erste, zweite, dritte, vierte, fünfte, sechste und siebte, das Ende Logo-Lockup. Das ist das erste, was wir tun müssen. Die zweite Sache ist, wir müssen herausfinden, welches Storyboard wir brauchen, um es in AfterEffects zu bringen. Um ehrlich zu sein, müssen wir nicht all diese sieben Dinge in After Effects bringen, weil einige von ihnen, wie diese zweite Zeile, nur ein Übergang ist. Ich kann von der ersten Szene zur zweiten Szene bis zur dritten Szene animieren. Ich muss nur das Storyboard herausfinden, das Hauptkunstwerk, das das erste ist, und dieses, das vierte und vielleicht dieses mit den Symbolen und dann das letzte. Dies sind die einzigen vier Zeichenflächen, die ich brauche, um sie in After Effects zu bringen. Nachdem ich das alles gesagt habe, lass mich die erste Illustrator-Datei öffnen. Jetzt haben wir diese Illustrator-Datei. Diese Zeile hier ist nur der Hinweis auf sekundäre Funken, was auch immer. Ich brauche es jetzt nicht. Ich kann es einfach später in After Effects animieren, damit ich diesen löschen kann. Das erste, was ich tun muss, muss ich zu Layers gehen. Wenn Sie hier nicht über das Ebenenbedienfeld verfügen, gehen Sie einfach zu Fenster, und dann ist es unter „Ebenen“. Wie Sie jetzt sehen können, gibt es nur eine Ebene, aber was ich tun muss, ist, alle Ebenen unter dieser einen Master-Ebene freizugeben, so dass später, wenn ich diese Datei in After Effects bringe, alle Elemente getrennt werden. Gerade jetzt, wenn ich diese Datei in After Effects bringe, wird es mir nur ein flaches Bild zeigen, das ich nichts tun kann, ich kann es nicht animieren. Um die Elemente zu trennen, muss ich auf diese Ebene klicken und dann zu dieser Schaltfläche hier gehen. Klicken Sie auf diese „Release-to Layer-Reihenfolge“ Jetzt habe ich alle Ebenen darunter, wähle alle aus, klicke auf den ersten, klicke bei gedrückter Umschalttaste auf die letzte und ziehe sie dann aus der Master-Ebene. Ziehen Sie sie heraus, und löschen Sie dann die letzte, da sie jetzt leer ist. Nun, wie Sie sehen können, sind all diese kleinen Sterne auf einer eigenen Schicht getrennt. Eine andere Sache, die ich für dieses Storyboard tun muss , ist, dass ich rechten Maustaste klicken und dann Clipping-Maske loslassen muss. Ich muss die Clipping-Maske dieser Weltkarte und des Globus loslassen , weil ich sie wiederholen muss, um sie in After Effects zu animieren. Dies ist nur ein spezieller Fall, wenn Sie den Globus machen. Wenn wir diesen Globus nicht hier haben, ist das alles, was wir brauchen, aber da wir diesen Globus haben, müssen wir diese vollständige Karte in After Effects haben, damit wir den Globus animieren können. Das ist alles, was wir tun müssen. Ich muss gerade diesen Dateibefehl speichern S. Wir sind mit dem ersten Storyboard fertig. Der zweite ist der Übergang, den wir nicht brauchen. Der dritte, es ist fast der Übergang, also brauchen wir diesen auch nicht wirklich. Wir brauchen diese ganze Szene hier. Doppelklicken Sie auf die vierte. Hier ist unser viertes Storyboard. Wir müssen den gleichen Prozess wiederholen. Gehen Sie zu Ebenen, und klicken Sie dann auf diese Ebene 1, gehen Sie zu dieser oberen rechten Ecke Schaltfläche, klicken Sie auf In Ebenen Sequenz freigeben, und ziehen Sie dann einfach alle diese Ebenen außerhalb der Ebene 1. Jetzt gehen Sie einfach nach unten und löschen Sie dann die letzte Ebene, die leer ist. Eine andere Sache, die ich tun muss, ist einige der Elemente hier drin aufzuräumen. Ich brauche all diese Gebäude in einer Schicht. Einige von ihnen sind jetzt in mehreren Ebenen getrennt. Es wird die Anzahl der Ebenen erhöhen, wenn ich sie in After Effects bringe, was etwas ist, das ich nicht brauche und ich nicht möchte, ich brauche nur jedes Gebäude auf seiner eigenen Ebene, um sauber zu sein. Jetzt werde ich einfach vom unteren Rand des Ebenenfensters hier gehen und die Ebenen ein wenig organisieren. Ich kann hier auf diesen kleinen Kreis klicken, um das Ebenenbild auszuwählen, und dann sollten die drei eine Gruppe sein, also gruppiere ich sie einfach, Befehl G. Da es gruppiert ist, sind die beiden darunter liegenden Ebenen jetzt leer, so kann ich diese beiden Ebenen löschen. Dieser ist hier drüben, hinter dem Gebäude. Ich kann das einfach löschen, weil es ein wenig schwer zu sehen ist. Dann gibt es etwas, ein Fenster dahinter, ich kann das auch löschen, aber vielleicht später, wenn wir es erreichen. Das hier ist erledigt. Das hier. D3 sind also das gleiche Gebäude. Befehl G Gruppe, löschen Sie die beiden, die leer sind, im Vergleich zu einem blauen hier. Blaues, blaues Fenster, gruppieren Sie diese auch, löschen Sie diejenige, die leer ist. Diese drei sind der gleiche Gebäudebefehl G, Gruppe, löschen Sie die beiden, die leer ist. Das ist also hier drüben. Löschen Sie das. Ich werde diesen Teil beschleunigen. Alles, was ich tun muss, ist, einige der Gebäudefensterelemente zusammen zu gruppieren. Los geht's. Jetzt habe ich all diese Gebäude auf einer eigenen Schicht. Jedes einzelne Element befindet sich jetzt auf seinen separaten Ebenen. Speichern wir das Projekt. Sie können im Ebenenfenster hier sehen, dass ich die Anzahl der Ebenen von einem 100 etwas gerade jetzt auf vielleicht etwa 20 reduziert habe, was später in After Effects viel einfacher zu verwalten ist. Das ist alles, was wir für diese Zeichenflächen tun wollen. Gehen wir zurück zum Finder. Öffnen wir nun O5. Der Trick dafür ist, da wir bereits O4 haben, das Gebäude, also müssen wir nicht alle diese Gebäude wieder in After Effects importieren, ich kann es einfach löschen. Dann sind das das Einzige, was wir von dieser Zeichenfläche brauchen. Wechseln Sie zum Ebenenbedienfeld. Klicken Sie auf „Layer 1", gehen Sie zu dieser Schaltfläche hier, lassen Sie die Layersequenz los. Dann können wir einfach alle diese Ebenen darunter auswählen, sie herausziehen,die letzte löschen, die letzte löschen, und jetzt möchte ich sehen, ob sie alle gut sind, auf einer eigenen Ebene zu gehen. Also habe ich das. Ich schätze, das Einzige ist, ich möchte diesen Kreis und diese Karte zusammenfassen. Befehl G und löschen Sie diesen. Das sind also die Schichten, die ich für diese Zeichenfläche brauche. Befehl S, geh zurück zum Finder. Jetzt kommt es auf die letzte Logo-Lockup, öffnen Sie es, gehen Sie zu Ebenen, drücken Sie auf diese „Layer 1". Wechseln Sie zu Ebenensequenz freigeben, und bringen Sie diese außerhalb von Ebene 1. Löschen Sie Ebene 1. Ich habe hier das Logo, die Wolke und den Hintergrund. Ja, das ist alles, was wir brauchen. Befehl S, speichern Sie das Projekt. Da gehst du. So bereiten wir unser Storyboard in Illustrator vor, bevor wir es zur Animation in After Effects einbinden. Ich wiederhole den gleichen Prozess im Grunde vier Mal. Sie können das gleiche für Ihr eigenes Storyboard tun oder Sie können mein Storyboard verwenden , um die Dateien vorzubereiten. Sobald Sie daran arbeiten Hände an, es wird Ihnen helfen, den gesamten Prozess auswendig zu lernen, was ziemlich einfach ist. Nachdem Sie diese Projekte selbst abgeschlossen haben, können Sie die Illustrator-Dateien schnell und einfach vorbereiten. Jetzt ist es an der Zeit, sich zusammenzufassen. In diesem Video habe ich Ihnen zuerst gezeigt, wie Sie jede Zeichenfläche in einer separaten Illustrator-Datei speichern können, und dann identifizieren wir, welche Hauptszenen sind, die Animation benötigen. Dann gingen wir in jede Illustrator-Datei, um zu versuchen, das Element zu trennen, und die Schlüsselfunktion ist die Freigabe auf Ebenen Sequenz. Ich habe Ihnen auch in der Gebäudeszene gezeigt, wo ich einige der Ebenen zusammengefasst habe, um die Anzahl der Ebenen Illustrator zu reduzieren , so dass wir effizienter in After Effects sein können. Im nächsten Video zeige ich Ihnen, wie Sie Ihre Dateien in After Effects einrichten. 5. Einrichten von Dateien in AE: In diesem Video werde ich Ihnen zeigen, wie Sie Dateien in After Effects für Erklär-Video einrichten . Öffnen Sie nun Adobe After Effects. Was ich verwende, ist Adobe After Effects 2020. Wenn Sie eine frühere Version haben, ist das auch in Ordnung. Los, los geht's. Zuerst müssen wir ein neues Projekt erstellen. Um dies zu tun, wenn Sie nicht sehen, was ich hier neue Komposition sehe, können Sie zur Datei gehen und dann ein neues Projekt erstellen. Klicken Sie auf diesen. Wenn Sie sehen, was ich gerade sehe, klicken Sie einfach auf neue Komposition. Wir werden es in Hauptkomp umbenennen. Dies wird die Hauptkomposition sein, die wir das Erklärvideo animieren. Die Abmessungen werden 1920 x 1080 betragen, was HD-Qualität ist. Quadratische Pixel-Framerate bei 30 Bildern pro Sekunde, volle Auflösung. Dauer lassen Sie uns eine 20-Sekunden-Video-Timeline erstellen , so dass wir mehr Timeline haben, mit der wir arbeiten können. Unser Video wird ein 15-Sekunden-Erklärer sein. Die Hintergrundfarbe können Sie jede Farbe verwenden, die Sie mögen, ich werde nur mit weißer Farbe für jetzt bleiben. Klicken Sie auf OK und dann in Ordnung. Das erste, was ich tun möchte, ist sicherzustellen, dass wir alle das gleiche Layout haben. Wir müssen zum Fenster und dann Arbeitsbereich gehen, wählen Sie dieses Standardlayout. Nachdem Sie das Standardlayout ausgewählt haben, sollten Sie das gleiche Panel haben, wie Sie hier sehen können. Aber wenn Sie nicht haben, was Sie hier sehen, gehen Sie einfach zum Fenster oder zum Leerzeichen und setzen Sie den Standard zurück, um das Layout zu speichern. Diese Schaltfläche wird das Layout auf das Standard-Standardlayout ändern, und dann sollten Sie in der Lage sein, das gleiche Layout wie mein hier zu sehen. Als nächstes möchte ich einige Ordner erstellen, um das Projektfenster hier zu organisieren. Der erste Ordner, den ich erstellen möchte, ist CSF-Ordner. Der zweite wird der letzte Komp sein. Dann drittens, klicken Sie einfach auf diese Schaltfläche, um neue zu erstellen, es wird die Vorkomps sein. Nun, der letzte Comp-Ordner, es wird dieser Hauptkomp sein, in dem wir animieren werden. Zunächst einmal können Sie die Illustrator-Datei laden und sehen, was passiert. Um die Illustrator-Datei, das Storyboard, zu laden, ist der einfachste Weg, auf diesen leeren Bereich hier im Projektfenster zu doppelklicken. Dann navigieren Sie zu Desktop-Assets. Gehe getrennt zu diesem Storyboard. Klicken Sie auf diese 001, die das erste Storyboard ist, und dann hier ändern Sie das Filmmaterial in Komposition. Wenn Sie es als Filmmaterial importieren, wird es als flaches Bild importiert, ohne dass alle Elemente auf dem Storyboard getrennt werden können. Jetzt habe ich eine Komposition ausgewählt. Lass es uns öffnen. Sie können hier sehen, dass es zwei verschiedene Dinge hier geschaffen hat. Einer von ihnen ist eine Komposition. Wenn ich doppelklicke, um es zu öffnen, besteht es aus allen getrennten Ebenen in dieser Komposition. Dann ist der andere ein Ordner, und der Ordner besteht auch aus allen Illustrator-Dateien. Nun, was ich tun muss, ist, diesen Ordner in die Assets zu legen und dann diesen Comp in die Precomps. Wenn ich den ganzen Ordner hier öffne, können Sie sehen, dass dies ähnlich sein wird, wenn wir alle anderen Illustrator-Dateien importieren. Der Ordner wird in Assets gehen und dann wird die neu erstellte Komposition in die Vorkompositionen gehen, und dann wird der letzte Comp diese einzige letzte Komposition sein , in der wir arbeiten. So organisieren wir die Projektdateien. Wenn Sie es nicht so machen oder wenn Sie Ihren eigenen Weg haben, ist das in Ordnung, aber Sie müssen Ihre Dateien im Projektfenster organisieren, denn sobald Sie viele verschiedene Ebenen, verschiedene Comps haben, ist es sehr einfach, später verwirrt zu vor allem, wenn Sie an einem längeren Erklärungsvideo arbeiten, sagen wir eine Minute, und Sie werden eine Menge von verschiedenen Ordnerdateien in diesem Panel haben. Wenn wir später Musik hinzufügen möchten, können wir auch einen Ordner namens Musik erstellen, so etwas, und Sie können es nach Belieben anpassen. Aber normalerweise sind die drei Hauptordner, die wir hier brauchen, diese drei. Nun, gehen wir zurück zur Hauptkomposition, schließen Sie diese. Ich habe einen Transparenzhintergrund. Wenn Sie sich erinnern, haben wir eine weiße Hintergrundfarbe erstellt , als wir die Komposition zum ersten Mal erstellt haben, aber warum ist sie im transparenten Modus? Der Grund ist, weil ich diese Schaltfläche hier klicken, umgeschaltet Transparenzraster. Wenn ich diese Option deaktiviere, können Sie den weißen Hintergrund sehen, den wir zuvor erstellt haben. Aber obwohl Sie sehen, dass es sich um einen weißen Hintergrund handelt, wird es nicht als weißer Hintergrund gerendert. Es zeigt Ihnen eigentlich nur so, und in Wirklichkeit ist es eigentlich ein transparenter Hintergrund. So richten Sie After Effects Datei für Erklär-Video ein. Jetzt lasst uns zusammenfassen. In diesem Video habe ich Ihnen gezeigt, wie Sie ein Projekt in After Effects erstellen. Dann ändern wir unseren Arbeitsbereich in das Standardlayout, so dass wir alle das gleiche Fenster und das gleiche Layout haben, mit dem wir arbeiten können. Dann habe ich Ihnen gezeigt, wie Sie Ordner im Projektfenster erstellen und Ihre Ebenen organisieren. Das letzte, worüber wir gesprochen haben, ist, wie Illustrator-Dateien in After Effects importiert werden. Gehen wir nun zum nächsten Video und beginnen mit der Animation. 6. Animieren der Eröffnungsszene: In diesem Video möchte ich über einen allgemeinen Workflow eines Erklär-Videos sprechen und dann können wir anfangen zu animieren. Nur um zusammenzufassen, was wir vorher getan haben. Wir verwenden zunächst eine Master-Illustrator-Datei und diese eine Illustrator-Datei in ihre einzelnen Außenborder getrennt, wie Sie hier sehen können. Wir gingen in diese fordeigene Illustrator-Datei und trennten dann die Elemente, organisierten die Dateien und veröffentlichten auch die Ebenen und deshalb sind wir in der Lage, sie später in After Effects zu bringen, das ist die zweite Schritt. Im dritten Schritt haben wir eine AAfter Effects Datei erstellt, und dann haben wir unser Projektfenster in Ordnern organisiert, so dass es einfacher ist, später zu verfolgen. Dann wird der vierte Schritt, wir werden die Storyboard-Illustrator-Datei in After Effects für die Animation zu importieren . Das werden wir hier machen. Beginnen wir mit der Animation des ersten öffnenden Storyboards. Aus dem letzten Video haben wir bereits die erste Eröffnungsszene des Storyboards importiert, die Sie hier unter princomp finden können. Doppelklicken Sie dann auf diesen Smart City Erklärer. sind all die verschiedenen Ebenen, die wir haben, und wählen Sie dann eine von ihnen, Befehl A, wählen Sie alle, Befehle C, kopieren Sie sie und gehen Sie dann zurück zum Hauptkomp, fügen Sie sie alle in den Hauptkomp ein. Jetzt können wir diese Komposition schließen. Das erste, was ich sehe, ist die Benennung ist lang, weil gerade jetzt zeigt einen Quellnamen verwenden. Ich kann hier einfach auf den Quellnamen klicken, und dann wird es zurück zu Layer-Namen ändern, kürzer ist , leichter zu erkennen ist. In diesem Storyboard wird die Animation im Wesentlichen dieser Globus sein, der aus dem Nichts wächst, bis in die Mitte des Rahmens kommt und dann der Stern nur funkelt im Hintergrund. Das ist im Wesentlichen unsere erste Szenenanimation und das werden wir hier tun. Jetzt weiß ich, dass die letzte Ebene hier ein Hintergrund ist, also werde ich es schnell EKG umbenennen. Jetzt möchte ich versuchen, den Globus hier zu finden. Wählen Sie einfach ein paar Frames aus, aktivieren Sie das I-Symbol und sehen Sie, ob es verschwindet. Wenn er verschwindet, befindet sich der Globus innerhalb der ausgewählten Layer. Los geht's. Es gibt diesen einen Fehler, den ich hier gemacht habe. Das Problem ist jetzt können Sie sehen, dass diese beiden Ebenen nicht getrennt sind. Ich habe diese Karte und den Globus in einem Layer. Diese beiden sind nicht getrennt. Wenn das der Fall ist, kann ich es nicht animieren. Ich muss zurück zur Illustrator-Datei gehen, dieses Erklärer-Storyboard 01 öffnen und es dort reparieren. Wechseln Sie zu Ebenen. Finden Sie den Globus hier. Dies ist die, die Sie aus der Miniaturansicht sehen können und der Grund ist, obwohl alle anderen Ebenen freigegeben sind und auf seiner eigenen Ebene, aber diese Ebene, ich muss es wieder loslassen. Klicken Sie hier auf die Ebene, Ebene 10, und gehen Sie dann zur oberen rechten Ecke. Lassen Sie die Layersequenz los. Jetzt habe ich alle diese beiden getrennt, bringe sie außerhalb dieser Ebene 10 und lösche dann Ebene 10. Nun, wenn ich zwischen dem I-Symbol hier umschalte, können Sie diese beiden Ebenen sehen, die ich getrennt habe. Speichern Sie diese Illustrator-Datei. Geh zurück zu hier. Jetzt können Sie sehen, dass Sie Layer 10 nicht mehr finden können, weil ich sie bereits gelöscht habe. Der einfachste Weg ist, diese beiden einfach im Projektfenster zu löschen und alles erneut zu importieren. Klicken Sie auf dieses erste Storyboard, wählen Sie Komposition, öffnen und legen Sie diese Komposition dann in princomp, und legen Sie dann diesen Ordner in Assets. Mach das Gleiche, kopiere alle Ebenen, gehe zurück zum Hauptkomp und füge alles ein. Dieser Prozess zeigt Ihnen nur, ob Sie von Anfang an etwas falsch gemacht haben, es gibt immer Möglichkeiten, zurückzugehen und es dann zu ändern und es dann erneut zu wiederholen. Jetzt suchen wir einfach den Globus hier. Hier ist der Globus. Hier ist meine Karte. Um einen Globus zu erstellen, ist hier ein Schritt, dem Sie folgen müssen. Zuerst muss ich diesen Globe-Layer-Befehl D duplizieren und dieser wird als Referenz sein. Ich brauche nur die Größe als Referenz und wähle dann die beiden Layer hier aus, Globus und Karte, komposition sie, befehle Verschiebung C, komponiere diese beiden Ebenen in einer Komposition, benenne sie in Globus um. Klicken Sie auf OK, doppelklicken Sie hier auf diesen Globus, gehen Sie hinein und dann muss ich gehen, um neue Volumenkörper zu schichten. Ich muss die gleiche Farbe wie dieser blaue Globus hier erstellen. Verwenden Sie einfach die Augentropfer, klicken Sie darauf, klicken Sie auf OK, legen Sie es unter die Karte und dann können Sie die Globe-Illustrator-Datei löschen. Ich brauche es nicht mehr. Das ist unser flacher Globus. Geh zurück zum Hauptkomp. Dieser hier, der Globus gerade ist oben drauf, also möchte ich ihn vorerst verstecken. Klicken Sie auf Globus, gehen Sie auf die rechte Seite. Suchen Sie Effekte und Voreinstellungen. Wenn Sie es nicht auf der rechten Seite haben, sollten Sie, weil wir alle das gleiche Layout haben. Aber wenn Sie nicht zum Fenster gehen und dann auf Effekte und Presets klicken und wählen Sie die Suche nach einer CC-Kugel. Ziehen Sie die CC-Kugel auf diese Globuskomposition. Jetzt können Sie unseren Globus sehen. Es sieht jedoch eher wie ein 3D-Globus aus, sieht nicht so flach aus wie unsere Illustration. Was wir tun müssen, ist, dass wir die Lichtintensität ausschalten, sie wieder auf Null ändern müssen . Dann Höhe Null, Richtung Null, alles Null. Dann die Schattierung, das Ambiente, wir werden das Ambiente erhöhen. Jetzt können Sie sehen, es sieht ähnlich wie unser Design hier. Ich will es auf 115 setzen. Das ist gut. Wenn ich dann die Größe von A ändern möchte, werde ich nur den Radius vergrößern. Erinnern Sie sich an den Globus, den wir hier gespeichert haben nur als Größenreferenz, irgendwo da herum und dann kann ich diesen Globus löschen. Was ich zuerst tun möchte, ist, die Größe von Null bis vielleicht die Spake 414 zu animieren . Der Weg, es zu tun ist, Ich möchte Ihnen einen Shortcut-Befehl Shift nach rechts Pfeil beibringen, gehen Sie vorwärts 10 Frames und dann Befehl Pfeil nach rechts, 1, 2, 3, 4, 5. Das sind also im Wesentlichen 15 Frames weiter. Ich möchte einen Schlüsselrahmen auf dem Radius hinzufügen und dann auf Null Sekunden zurückgehen. Vielleicht ändern Sie es auf Null. Klicken Sie auf Leertaste verwenden, um eine Vorschau anzuzeigen. Ja, das ist unsere Globe-Animation von Anfang bis Ende. Das ist jedoch zu langweilig, weil es keine Energie gibt und dann die Animation linear ist, die Geschwindigkeit ist konstant. Das macht keinen Spaß. Um den Schlüsselrahmen anzuzeigen, muss ich die Tastenkombination U gedrückt halten und dann wird es mir diese beiden Schlüsselbilder zeigen. Das erste, was ich tun möchte, ist, bevor sich dieser Globus an Ort und Stelle ansiedelt, ich möchte, dass er größer wird, vielleicht am 10. Frame. Also das Ende, es soll 414 sein, aber dann bei 10 Frame, will ich, dass es 425 sein. Ich möchte, dass dieser Globus größer wird und sich dann wieder an Ort und Stelle niederlässt. Das ist typischerweise das, was wir einen Überschuss nennen. der Globus von Null auf größer und größer wächst, überschießt er ein wenig und setzt sich dann wieder an Ort und Stelle. Dies ist, was wir einen Überschuss in der Animation nennen, es ist eines der Animationsprinzip. Lassen Sie uns eine Vorschau darauf. Es ist ein wenig subtil, also möchte ich es auf 440 ändern. Das ist gut. Nun, was ich tun muss, ist alle drei Keyframes auszuwählen. Klicken Sie mit der rechten Maustaste auf Keyframe-Assistent. Was es tut, ist, dass es der Animation mehr Energie geben wird, wie Sie hier sehen können, und dann ist die Geschwindigkeitsänderung nicht mehr linear. Wenn ich dieses Diagramm hier öffne, klicken Sie auf diesen Diagramm-Editor, und klicken Sie dann auf diese Schaltfläche, um die Grafik zu sehen passen, ist dies im Grunde das Geschwindigkeitsdiagramm. Hier drüben bei Null Sekunde, können Sie sehen, dass die Geschwindigkeit Null ist. Dann hier drüben an diesem Höhepunkt liegt die Geschwindigkeit bei 2.000 Einheiten pro Sekunde. Die Geschwindigkeit sinkt wieder. Es zeigt Ihnen im Grunde die Geschwindigkeit dieser Animation. Was ich jedoch tun möchte, ist es dramatischer zu machen. Ich möchte, dass die Animation energischer ist, also möchte ich hier das Geschwindigkeitsdiagramm in diese Form ändern, damit ich hier am höchsten Punkt eine höhere Geschwindigkeit habe. Sobald ich das angepasst habe, gehen wir zurück und schauen wir uns diese Animation an und sehen, was passiert. Siehst du das? Die Animation ist nicht nur glatt, sondern energischer. Nun mein Problem ist, ich habe das Gefühl, dass ich die Animation erweitern muss, um ihr mehr Zeit zu geben, denn gerade jetzt dauert nur etwa 15 Frames, was eine sehr kurze Zeit ist. Ich werde ihm mehr Zeit geben. Wählen Sie einfach alle drei Keyframes aus. Halten Sie die Option auf dem Mac, Alt auf dem PC gedrückt, und ziehen Sie dann die letzte. Ziehen Sie es ein wenig raus. Dort drüben zu 20 Rahmen. Lassen Sie uns nun eine Vorschau der Animation. Ja, das gefällt mir. Das ist gut. Abgesehen davon möchte ich auch, dass sich der Globus auch dreht. Hier sehen Sie eine Drehung über dem Radius. Lassen Sie uns die horizontale Drehung von Y animieren. Legen Sie einfach einen Keyframe hier runter und gehen Sie dann zurück eine andere Reihe und legen Sie vielleicht 180 ab. Mal sehen, was passiert. Jetzt ist das zu viel. Es dreht sich zu schnell. Ich möchte es auf wahrscheinlich 90. Lassen Sie uns eine Vorschau darauf. Ich möchte, dass sich dieser Globus langsam dreht. Bevor ich in den Globus zoomen, möchte ich, dass er sich ständig bewegt. An dieser Stelle möchte ich die Drehung anpassen, so dass die Grafik so aussieht. Lassen Sie uns eine Vorschau darauf. Ja, das sieht gut aus. Stellen Sie sicher, dass Sie das Projekt Command+S speichern. Dies ist auch das erste Mal, dass ich es speichern möchte, damit ich es in SmartCity Explainer speichern möchte. Animation, erstellt SmartCity Explainer, Speichern. Als nächstes möchte ich alle Sterne animieren, was sehr einfach ist. Zuerst müssen wir alle Sterne finden. Ich denke, alle anderen Schichten sind die Sterne mit Ausnahme des BKG-Hintergrunds. Jetzt werde ich nur alle anderen Ebenen auswählen, ändern Sie sie in eine Farbe, ändern Sie sie in eine Farbe, vielleicht wie ein Blau und dann verwenden Sie das Augensymbol, schalten Sie es aus, um zu sehen, ob sie alle Sterne sind. Ja, das sind sie. Jetzt möchte ich sie zusammen mit Pre-Comp gruppieren. Also Befehl+Umschalt+C, Name ist Stern, und klicken Sie dann auf „OK“. Jetzt haben Sie gesehen, wir haben die Zeitleiste hier aufgeräumt. Wir haben nur den Globus, den Stern und den Hintergrund. Die Art und Weise, den Stern zu animieren, möchte ich nur, dass der Stern gerne auf der Rückseite blinkt. In diesem Fall ist es nur eine Transparenzänderung. Doppelklicken Sie hier auf den Stern, schalten Sie diese Transparenzschaltfläche aus, und dann ist der Hintergrund jetzt weiß, aber ich kann sie nicht sehen, also muss ich den Hintergrund ändern. Ich muss zur Kompositionseinstellung zurückkehren, die Befehl+K ist, und dann die Hintergrundfarbe in Schwarz ändern. Jetzt kann ich den Stern sehen. Wählen Sie einen von ihnen, diesen hier drüben. Vergrößern. Drücken Sie „T“ für Transparenz auch Opazität. Halten Sie die Option gedrückt, klicken Sie hier auf die Stoppuhr. Es wird Ihnen erlauben, einen Ausdruck hinzuzufügen. Der Ausdruck, den ich hier hinzufügen möchte, ist sehr einfach, er heißt wackeln. Geben Sie einfach die Wackelhalterung ein. Ich möchte hier zwei Wert hinzufügen. Der erste Wert wird die Häufigkeit der Änderungen sein. Wenn sie drei hier setzen, werden es drei Änderungen pro Sekunde sein. Dann ist die nächste Amplitude. Ich werde 60 hier setzen, was bedeutet, dass die Transparenz, auch die Deckkraft wird sich zwischen 0-60 Werten ändern, von dem, was es jetzt ist, das sind 100 Prozent. Das bedeutet, dass sich der reale Wert von 40 Prozent auf 100 Prozent ändern wird. Das ist es, was wir brauchen. Lassen Sie uns eine Vorschau darauf. Sie können nur den Stern sehen, der funkelt. Dann sind hier die einfachen Teile. Alles, was ich tun muss, ist hier auf diesen Opazitätswert zu klicken, gehen Sie zu Bearbeiten, und dann klicke ich auf „Nur Ausdruck kopieren“. Es wird diesen Ausdruck kopieren. Wählen Sie dann alle restlichen Layer aus. Klicken Sie auf Einfügen auf der Tastatur Befehl+V. Es wird in den Ausdruck auf alle diese Ebenen einfügen. Danach lassen Sie uns eine Vorschau dieses Comp hier sehen. Jetzt können Sie sehen, dass unsere Sterne animieren. Wie einfach ist das? Es dauert keine Sekunde. Gehen wir nun zur Hauptkomposition zurück. Beginnen Sie bei Null, lassen Sie uns eine Vorschau darauf. Unser Stern ist animiert, der Globus animiert, er dreht sich. Sieht ruhig und nett aus. Jetzt lasst uns zusammenfassen. In diesem Video habe ich Ihnen gezeigt, wie Sie CC Sphere-Effekt verwenden, um den Globus zu animieren. Dann sprachen wir über Überschreitung. Eines der Animationsprinzipien. Ich habe Ihnen auch gezeigt, wie Sie das Geschwindigkeitsdiagramm im Kurven-Editor ändern können, damit wir Energie in unsere Animation bringen können. Die letzte Sache ist, wie man den Sternen einen Wackelausdruck hinzufügt, um die Sterne zu animieren. Im nächsten Video werde ich Ihnen zeigen, wie Sie einen Akzent hinzufügen, sekundäre Animation rund um den Globus ist. 7. Hinzufügen von Akzenten zum Globus: Als nächstes werde ich Ihnen zeigen, wie Sie dieser ersten Eröffnungsszene einen Zeilen-Burst-Akzent hinzufügen. Zunächst einmal, was wir tun müssen, gehen Sie auf das Malwerkzeug oben hier, und dann hier drüben, können Sie sehen, gibt es ein wählen Raster und Richtlinie. Klicken Sie darauf. Aktivieren Sie den Titel/Action Safe, und es wird Ihnen den Mittelpunkt des Rahmens angezeigt. Vergrößern. Was ich tun muss, ist hier eine Linie zu zeichnen. Klicken Sie mit dem Stiftwerkzeug auf die Mitte hier, und gehen Sie dann nach oben, halten Sie die Umschalttaste gedrückt, um sie einzuschränken. Zeichnen Sie einfach eine gerade Linie, und dann können Sie den Strich ändern. Klicken Sie auf den Kontur, ändern Sie ihn in Weiß, und dann können Sie die Füllung deaktivieren. Halten Sie die Option gedrückt, klicken Sie auf, klicken Sie, klicken Sie auf, drei Klicks. Jetzt haben wir eine weiße Linie mit 4 Pixeln. Als nächstes können wir hier nach oben gehen, es wieder in das Auswahlwerkzeug ändern, jetzt haben wir eine weiße Linie. Zuerst müssen wir diese weiße Linie animieren. Klicken Sie hier auf diesen Abwärtspfeil, bewegen Sie sich hier über, lassen Sie uns einen Effekt namens Trim Pfade verwenden. Wenn ich hier den Endprozentsatz ändere, wird die Linie animiert. Die Art und Weise, wie ich das tun möchte, ist, dass ich bei Null Sekunde möchte, dass es beide bei Null ist. Klicken Sie auf die Stoppuhr für 2 Schlüsselbilder, und gehen Sie dann zurück zu vielleicht 15 Sekunden, und ändern Sie sie alle auf 100 Prozent, und jetzt, was ich tun muss, ist, wählen Sie diese 2 letzten Schlüsselbilder und verfolgen Sie sie. Es wird einen Effekt wie diesen erzeugen. Wenn ich diese Ebene nur solo, ist dies die Schaltfläche „Solo“. Manchmal, wenn Sie nur eine Ebene in der Vorschau anzeigen müssen, wird es als Solo 1 Ebene verwendet, ohne Ihnen irgendwelche anderen Ebenen anzuzeigen. Sobald ich darauf klicke, können Sie eine einzelne Ebene einzeln in einer Vorschau anzeigen. Lassen Sie uns eine Vorschau dieser, mit dem Keyframe, den ich jetzt habe, von 0-10, wird es diese Effekte hier erstellen. Dann muss ich diese 4 Keyframes ändern, um Keyframes zu erleichtern : Wählen und klicken Sie mit der rechten Maustaste auf Keyframe-Assistent, Easy Easy. Jetzt können Sie sehen, dass es ein bisschen mehr Energie gibt, aber das reicht immer noch nicht. Was wir brauchen, um eine Auswahl alle zu tun 4, gehen Sie zu Graph Editor, klicken Sie auf diese, um es in die Vorschau passen, und ziehen Sie dann diese Grafiken auf eine ähnliche Form, die wir hatten, bevor wir den Globus animieren, wie ein Berg hier. Stellen Sie sicher, dass Sie sich im Geschwindigkeitsdiagramm befinden. Wenn Sie darauf klicken, können Sie Geschwindigkeitsdiagramme bearbeiten sehen. Manchmal, wenn Sie im Wertediagramm sind, wird es Ihnen eine andere Art von Kurve zeigen, aber das ist nicht das, was Sie wollen, Sie möchten in diesem Geschwindigkeitsdiagramm hier sein. Ziehen Sie es einfach raus. Geben Sie ihm mehr Geschwindigkeit, so. Jetzt lassen Sie uns eine Vorschau auf diese. So etwas wie das. Als nächstes müssen wir auf diese Pfeiltaste klicken, und klicken Sie dann auf Hinzufügen. Verwenden wir einen Repeater, klicken Sie auf diesen Pfeil, öffnen Sie den Repeater, öffnen Sie die Transformationseigenschaft unter dem Repeater und stellen Sie sicher, dass Sie nicht auf diese allgemeine Transformation klicken, verwenden Sie einfach diese Transformation innerhalb des Repeaters, und ändern Sie dann die Position auf Null. Wenn Sie es um einen Winkel wiederholen wollen, vielleicht 30 Grad, und jetzt kann ich die Kopien ändern, um Kopien zu sein, und das ist, was wir hier bekommen. Lassen Sie uns eine Vorschau darauf. Das ist etwas, das ich mag, und jetzt kann ich einfach den Solo-Button ausschalten. Verkleinern. Lassen Sie uns eine Vorschau darauf. Gehen Sie zum Ende der Globusanimation, und dann möchte ich, dass diese Linie so ist, wenn sich der Globus absetzt, und jetzt muss ich die Größe des Funkens ändern. Vielleicht so etwas. Lassen Sie uns eine Vorschau anzeigen. Im Moment ist es vor dem Globus, also muss ich es darunter legen, so etwas, aber ich fühle, die Linie ist immer noch nicht Linie genug, ich brauche die Linie, um länger zu sein. Ich kann die Keyframes leicht ändern, im Trimmpfad unter der Linie, vielleicht bewegen Sie diese beiden leicht nach rechts, so etwas, das ist, was ich mag. Eine andere Sache ist, vielleicht möchte ich mehr Zeilen hinzufügen, also gehe ich hier runter, gehe zum Repeater, vielleicht möchte ich diesen Rotationswert ändern, um zu sagen, wenn ich ihn auf 24 ändere, kann ich die Kopie ändern Zahl auf 16. Es muss bis zu 360 Grad addieren. Das sieht für mich besser aus. Ich werde dabei bleiben, lassen Sie uns eine Vorschau darauf sehen. Sieht gut aus, und das Letzte, was ich brauche, ist ein Kreis, der um den Globus geht. Gehen Sie einfach oben hier, klicken Sie auf dieses Rechteck-Werkzeug, halten Sie es, bis Sie Ellipsenwerkzeug sehen, klicken Sie darauf, und gehen Sie dann in die Mitte des Rahmens, halten Sie die Maustaste gedrückt, halten Sie Befehl gedrückt, Option und Umschalttaste auf der Tastatur, 3 Tasten auf der Tastatur. Es wird den Kreis zu einem perfekten Kreis beschränken, und dann aus der Mitte ziehen. Dies ist etwa die Größe des Kreises, den ich will, lassen Sie die Maus los, jetzt habe ich einen perfekten Kreis um meinen Globus, und jetzt muss ich nur die Animation des Trimmpfads von dieser Linie hier kopieren die Animation des Trimmpfads von und sehen, ob es auf unserem Kreis funktionieren wird. Kopieren Sie diese 4 Keyframes, gehen Sie zu den Fronten, setzen Sie sie ein, das funktioniert. Ich fühle mich, als würde es funktionieren. Das ist, was ich mag, aber dann fühle ich mich, als wäre der Kreis ein bisschen groß. Ich muss es kleiner sein, also muss ich die Größe des Kreises ändern, vielleicht auf 90 Prozent oder 93, zu klein, 96. Was ist, wenn ich den Funken hier zurückschiebe? Speichern Sie das Projekt. Ich werde hier anhalten. Ich will es nicht zu kompliziert machen, aber ich bin ziemlich glücklich damit, wie es sich herausstellte. Hier ist unsere Eröffnungsszene. Das war's mit unserer Eröffnungsszene. Gehen wir zum nächsten Video für die zweite Haupt-Artwork-Animation. In diesem Video habe ich dir hauptsächlich gezeigt, wie du einen Zeilenakzent hinzufügst , den du in vielen verschiedenen Erklärvideos sehen kannst. Sobald Sie gelernt haben, wie Sie dies tun, können Sie diese Technik auf viele verschiedene Szenarien anwenden. Zuerst zeichnen wir eine einzelne Linie und animieren die einzelne Linie mit den Trimmpfadeffekten, und dann haben wir einen Repeater verwendet, um die Linien im Kreis zu duplizieren. Nachdem wir dann den Linienakzent hinzugefügt haben, haben wir auch einen Kreis hinzugefügt, und wir animieren den Kreis mit den gleichen Trimmpfad-Keyframes von der Linie. Mach dir keine Sorgen, wenn du dich nicht an alles erinnern kannst, kannst du immer wieder zurückkommen und dieses Video ansehen, um deine Erinnerungen aufzufrischen. Nachdem Sie es einige Male geübt haben, sollten Sie in der Lage sein, es selbst zu tun, und das ist es mit der ersten Szenenanimation. Nächstes Video, Ich werde Ihnen zeigen, wie Sie von der Globus-Szene in das Stadtbild übergehen. 8. Übergang zwischen Globus und Stadt: Nachdem wir nun die erste Szene animiert haben, fahren wir mit der zweiten Szene fort. Kommen Sie hier ganz oben, gehen Sie zu Projekten, und importieren Sie dann die zweite Szene aus der Illustrator-Datei. Doppelklicken Sie in diesen leeren Bereich. Es wird ein Fenster heraufbringen. Suchen wir einfach die zweite Szene, die wir haben, die hier ist. Dann hier drüben, wählen Sie „Komposition“. Klicken Sie auf „Öffnen“. Jetzt können wir hier sehen wir haben eine precomp, aber wir haben auch einen Ordner namens Smart City Explainer 4. Ziehen wir diesen Ordner in die Assets und ziehen Sie diesen Precomp in den Ordner des Precomp. Doppelklicken Sie darauf, „04“. Sie können sehen, dass ich all diese Schichten hier getrennt habe. Nun, was ich tun will, ist zurück zu „Hauptkomp“ zu gehen. Denken Sie daran, das ist ein Hauptkomp, den wir animieren. Wir haben bereits die erste Hälfte der Animation hier. Ich möchte, dass der Übergang hier stattfindet, zwei Sekunden, und dann werde ich dieses 04 Storyboard importieren. Ziehen wir diese Precomp in die Timeline. Jetzt können Sie sehen, ich habe diese Precomp oben auf der Grafik, die ich bereits habe. Alles, was ich brauche, ist, diese Precomp zu ziehen, benutzen Sie einfach die Maustaste bis zu zwei Sekunden. Hier kommt es so ins Spiel. Aber im Moment ist es ein gerader Schnitt. Wir werden den Übergang später machen. Eine Sache, die mir jetzt klar wurde, ist, dass wir in dieser Komposition keine Hintergrundfarbe haben , die Komposition 04. Deshalb können Sie durch den Globus sehen. Wir müssen in diese Precomp gehen und einen Hintergrund erstellen. Gehen Sie hier nach oben, „Ebenen, neu“, klicken Sie auf „Solid“. So erstellen Sie einen Hintergrund. Lassen Sie uns versuchen, diesen Hintergrund für jetzt weiß zu machen. Mal sehen, was passiert. Klicken Sie auf „OK“. Legen Sie es den ganzen Weg nach unten als weißer Himmel Hintergrund und gehen Sie dann zurück zum Hauptkomp. Jetzt können Sie sehen, dass unsere Komposition solide ist, sie hat keinen transparenten Hintergrund. Was ich hier tun muss, ist, den Übergang herauszufinden. Erinnere dich an unser Storyboard. Lass mich das Storyboard hochziehen. Lassen Sie mich Ihnen zeigen, wie Sie diesen Übergang von dieser Szene zu dieser Szene hier machen, vom dritten Storyboard zum vierten Storyboard, dem Übergang. Nehmen wir an, wenn wir wollen, dass sich die gesamte Landschaft bei etwa vier Sekunden niederlässt, müssen wir zuerst zur Skaleneigenschaft gehen. Drücken Sie auf „S“, auf der Tastatur und legen Sie einen Keyframe. Dann vielleicht hier, gehen Sie zurück 20 Frames. Ich will nur, dass das einen Teil der Stadt zeigt. Aber wenn ich jetzt verkleinere, können Sie sehen, dass es basierend auf dem Ankerpunkt in der Mitte des Rahmens skaliert wird. Ich möchte aber auch die Straßenautos und die Autos auf der Straße zeigen. Ich kann nicht basierend auf dem Mittelpunkt der R-Platine skalieren. Ich muss den Ankerpunkt nach unten ändern, damit wir ihn beim Zoomen vorerst auf 100 Prozent ändern. Gehen Sie oben hier, klicken Sie auf dieses „Stift hinter Werkzeug.“ Und dann klicken Sie auf „Dieser Ankerpunkt“. Ziehen Sie es bis zum Ende des Layers nach unten, und ändern Sie nun die Skalierungseigenschaft. Ziehen Sie es einfach nach rechts, um es zu vergrößern, und jetzt können Sie sehen, dass es basierend auf diesem Ankerpunkt auf dem Boden skaliert wird. So können wir die Autos und die Straßenbahnen am Anfang sehen, vielleicht so etwas und dann den Übergang. Ich habe nur zwei Keyframes für den Übergang gesetzt. Lassen Sie uns eine Vorschau darauf. Das ist gut. Zunächst möchte ich, dass dieser Globus verkleinert wird, und gleichzeitig, wenn er zu groß wird, möchte ich, dass die Transparenz Null wird. Wenn wir auf den Globus zoomen, verschwindet er auch. Der Weg, dies zu tun, ist zum Globe-Layer hier zu gehen. Dann gehen wir zurück zum Effektbedienfeld. Hier ist ein Radius. Legen wir einen Keyframe für den Radius fest und gehen dann vielleicht 20 Frames vorwärts. Jetzt bin ich zu weit gegangen, weil die Stadt-Schicht meinen Globus bedeckt also möchte ich das Augensymbol ausschalten, nur um es zu verstecken , damit ich alles darunter sehen kann. Ich möchte, dass dieser Globus an dieser Stelle größer wird. So etwas wie das. Versuchen wir es mit einem 1000. Dann lasst uns auch auf den „Globe“ klicken. Halten Sie bei Transparenz die Taste „Umschalttaste T“ an einem Keyframe gedrückt, und ziehen Sie diese 100 Prozent zurück in die Zeit, und ändern Sie den Wert hier als Null. An diesem Punkt wird es Null. der Globus immer größer wird, verschwindet er auch. Lassen Sie uns eine Vorschau darauf. Sieht gut aus, außer es gibt keine Energie. Wir müssen immer noch die grafischen Kurven anpassen. Aber dann denken Sie daran, was wir vorher getan haben, als sich der Globus an Ort und Stelle niedergelassen hat, haben wir noch ein Schlüsselbild für Überschreitung hinzugefügt. Wir wollen auch das Gleiche hier machen, wenn es verkleinert wird. Aber dieses Mal ist es eigentlich etwas, das man Vorfreude nennt. Wenn der Globus größer wird, wird er zuerst kleiner, antizipiert. Es ist eine Vorbereitung auf die Aktion. Sie können am Anfang sehen, es ist 414, und ich kann hier einen weiteren Keyframe hinzufügen, den Globus kleiner machen, vielleicht 395. Bevor es größer wird, schrumpft es tatsächlich zuerst so. Wählen wir dann alle drei Keyframes aus. Wechseln Sie zum Diagramm-Editor. Stellen Sie sicher, dass Sie sich im Geschwindigkeitsdiagramm befinden. Ziehen Sie einfach das Geschwindigkeitsdiagramm hierher und stellen Sie sicher, dass Sie dieses Diagramm wie ein Berg haben , nur um ihm mehr Energie zu geben. Das ist schön. Dann, wie der Globus verschwindet, möchte ich, dass diese Stadtszene auftaucht. Was ich tun möchte, ist hier drüben, an diesem Punkt möchte ich hier einen Keyframe hinzufügen und dann in der Zeit zurückgehen, vielleicht am Anfang, es kleiner machen. Im Moment sind es 276. Versuchen wir es mit 240. Außerdem möchte ich die Transparenz auf der Ebene ziehen, Shift T und dann auf die „Transparenz“ klicken, einen Keyframe anziehen. Ich ziehe diese Zeit nach vorne und dann möchte ich am Anfang Null sein. Transparenz von Null bis 100 Lassen Sie uns eine Vorschau darauf. So etwas wie das. Aber ich denke, die Schicht kam zu früh rein. Ich möchte es ein bisschen zurückziehen. Dann möchte ich sicherstellen, dass sich die Globus-Transparenz schneller ändert, Moment ist es zu langsam. Ich möchte nur sicherstellen, dass diese beiden Schlüsselbilder näher beieinander sind , so dass der Übergang schneller geschieht. Stellen Sie sicher, dass diese Keyframes auch näher gezogen werden, damit dieser Übergang schneller erfolgt. Es ist natürlicher. Lassen Sie uns eine Vorschau darauf. Funktioniert jetzt. Der Grund, warum ich hier eine Skalenänderung vorgenommen habe, ist, weil wir, wenn wir in den Globus zoomen, annehmen wir, dass wir eine Kamera auf den Globus haben. Wenn wir dann in die nächste Szene übergehen, möchte ich, dass sich die Szene immer noch bewegt. Ich will nicht, dass die Szene gerade durchgeschnitten wird. Das wird den Antrag stören. Jetzt, da ich ein Zoomen in Bewegung gebracht habe, führt es tatsächlich in die zweite Szene. Deshalb können wir einen reibungslosen Übergang haben. Wie Sie hier sehen können, zoomen wir hinein und dieses Ding kommt heraus, als ob wir auch in die Stadt zoomen, und wir arbeiten daran. Wenn Ihr Computer langsam wird und er sehr langsam reagiert, können Sie hier auch die Vorschauauflösung ändern. Im Moment habe ich eine volle Auflösung. Aber wenn ich auf die halbe Auflösung oder die dritte Auflösung ändere, wird meine Szene hier ein wenig verschwommen, aber dann wird die Software schneller reagieren und Sie können schneller arbeiten. Dieser Übergang hier, Ich möchte mit der rechten Maustaste „Keyframe-Assistent, Einfache Erleichterung, und gehen Sie dann zum Diagramm-Editor. Stellen Sie sicher, dass wir dieses bergige Diagramm hier haben, um ihm mehr Energie zu geben. Aber im Moment stört es mich, weil jedes Mal, wenn ich eine Vorschau traf, es immer Vorschau von Anfang an, Null Sekunde, aber wollen, um eine Vorschau hier, zwei Sekunden. Alles, was ich tun muss, ist auf die Tastenkombination B zu drücken, um den Vorschaubereich zu schneiden, und Sie können diesen Bereichskopf hier sehen, er ist auf zwei Sekunden geschnitten. Jetzt, wenn ich auf „Space Teil für Vorschau.“ Es wird die Vorschau von dort beginnen. Jetzt habe ich das Gefühl, dass die Skalenänderung ein wenig abrupt ist. Ich möchte die Keyframes weiter auseinandersetzen und ihnen etwas Easy Leichtigkeit hinzufügen. Jetzt lasst uns zusammenfassen. In diesem Video haben wir darüber gesprochen, wie man Volumenkörperebenen erstellt und wie man den Ankerpunkt ändert und animiert, basierend darauf, wo sich der Ankerpunkt befindet. Wir haben auch beschrieben, wie man das Geschwindigkeitsdiagramm ändert und wie man die Vorschauauflösung ändert, um die Software zu beschleunigen. Jetzt gehen wir zum nächsten Video. 9. Animation der Stadtlandschaft: Jetzt ist es an der Zeit, die Züge, die Autos und die Gebäude in diesem Komp hier zu animieren . Stellen wir sicher, dass Sie diesen Timeline-Indikator hier haben, also möchte ich, dass dieser Zug in die Ansicht kommt. Das ist also der genaue Zeitrahmen und wenn ich in die Komposition gehe, zeigt mir der Timeline-Indikator genauen Ort an, der dieser Zeit im Hauptkomp entspricht. Wenn ich meinen Timeline-Indikator nicht ändere, entspricht diese Position hier, wo unser Timeline-Indikator der Position hier drüben im Hauptkomp entspricht. Wenn ich meinen Indikator nicht ändere, sind diese beiden Positionen genau gleich, denn wenn man sich den Zeitrahmen hier anschaut, ist dies nur der achte Frame, aber innerhalb dieses Comp sind es eigentlich zwei Sekunden 23. Also der einzige Weg ist, Ihren Timeline-Indikator zu verwenden setzen Sie ihn irgendwo hier und dann in die Pre-comp gehen, es wird Ihnen zeigen, wo dieser Punkt ist. Jetzt muss ich nur diesen Zug hier animieren. Suchen wir den Zug. Dies ist unsere Zugschicht, drücken Sie p auf der Tastatur, setzen Sie einen Schlüsselrahmen dort. Vielleicht ziehen Sie es ein wenig zurück und dann gehen Sie vorwärts, vielleicht zwei Sekunden und dann ändern Sie die Position. Bewegen Sie es nach links, lassen Sie setzen 400 für jetzt oder vielleicht 200. Jetzt habe ich den Zug, der so fährt. Hier ist mein rosafarbenes Auto und dann gelbes Auto. Ich möchte, dass diese Autos auch fahren, also setzen Sie einen Schlüsselrahmen dort und dann sollte das gelbe Auto von links kommen, während das rosa Auto von rechts kommen sollte. Mal sehen, wie es in der Hauptkomp aussieht, lassen Sie eine Vorschau darauf. Lassen Sie uns den Indikator an der Vorderseite dieser Schicht hier setzen und in die Komposition gehen. Wir können am Anfang die ersten Frames sehen, die sie sich nicht bewegen. Ich möchte, dass der Zug schon vor Null Sekunde fährt. Lassen Sie uns einfach ziehen Sie sie über noch vor Null Sekunde, so dass der Zug bereits bewegt, lassen Sie eine Vorschau dies. Ja, aber das Problem ist, ich möchte immer noch nicht, dass der Zug schon so weit nach links ist, wenn er zum ersten Mal erscheint. Ich möchte die Position des Zuges anpassen, vielleicht die Ausgangsposition auf 1.300 ändern. Gehen wir zurück zum Hauptkomp und werfen einen Blick. Ja, so etwas. Der Zug kommt in die Szene und dann die Autos und dann die Kamera zoomt heraus. Ich will, dass das Auto in Bewegung bleibt. Der Zug bewegt sich weiter, bis er aus dem Tatort herauskommt. Es scheint, als wären zwei Sekunden nicht lang genug, also möchte ich diese Schlüsselbilder auf vier Sekunden ziehen und den Zug aus dem Frame bewegen und diese dann auch in Schlüsselbilder ändern, sie in die vier Sekunden ziehen und dann die beiden Autos, um außerhalb der Szene zu gehen. Gehen wir zurück zum Hauptkomp, werfen Sie einen Blick. Ja, das ist nett. Die nächste Sache ist gerade jetzt diese Szene hier basierend auf dem Storyboard, Sie können sehen, dass es einige Bäume im Rahmen sein sollte. Ich möchte nur die Bäume in die Szene ziehen. Stellen Sie sicher, dass Sie wissen, wo die Bäume sein sollten. Es sollte zwischen dem blauen und orangefarbenen Gebäude und diesem grünen und blauen Gebäude irgendwo dort liegen. Gehen wir zurück, suchen die Bäume. Also das ist eins, muss nur diesen Baum nach links ziehen. Ich halte Shift gedrückt, beschränken Sie die horizontale Position, legen Sie sie dort drüben und das sind noch zwei Bäume, ziehen Sie sie da rüber. So etwas wie das. Jetzt gehen wir zurück zum Hauptkomp. Sie können sehen, dass es zwei vier Bäume gibt. Jetzt sieht es ziemlich gut für mich aus. Gehen wir nun wieder in die Pre-Comp, um das Gebäude zu animieren. Ich will eigentlich, dass das Gebäude von irgendwo hier beginnt, drei Sekunden, lass uns das versuchen. Ich muss nur alle Gebäude finden. Dies ist eine und dann gehen Sie den ganzen Weg nach unten. Ich denke, das sind alle meine Gebäude, ja, ich schwenke nur zwischen den Augensymbolen und du siehst, dass das alles meine Gebäude sind. Klicken Sie auf diese Farbe, lassen Sie es gelb machen, so dass meine gelben Schichten die Gebäude sind. Um das Gebäude zu animieren, ist es ziemlich einfach. Wir werden drei Schlüsselbilder für alle Gebäude brauchen, und dort können wir die drei Schlüsselbilder auf jeden einzelnen von ihnen kopieren. Wir können dieses erste orangefarbene Gebäude zuerst animieren. Alles, was wir tun müssen, ist, zuerst den Ankerpunkt auf den Boden dieses Gebäudes hier zu ändern , aber im Moment kann ich nicht sehen, wo der Boden ist also was ich tun werde, ist, diese Ebene zu solo, klicken Sie auf diese Schaltfläche hier, kleine Punkte, es wird diese Schicht solo. Ich muss nur diese eine einzelne Schicht sehen, gehen Sie oben verwenden Sie diesen Stift auch hinter, ziehen Sie diesen Punkt an den Boden des Gebäudes und dann, was ich tun muss, ist, schalten Sie uns den Solo-Knopf aus. Drücken Sie „S“ aktivieren Sie die Skalierungseigenschaft und verknüpfen Sie die x- und y-Eigenschaft hier. Setzen Sie einen Schlüsselrahmen ein, und ziehen Sie ihn dann nach vorne. Ändern Sie die Y-Skala auf Null. Wenn ich durch die Zeitachse kratze, wird das Gebäude von 0-100 Prozent wachsen, nur in der Y-Position. Wie wir jedoch darüber gesprochen haben, bevor wir eine Überschreitung hinzufügen müssen , um es interessanter zu machen. Also, bevor ich 100 Prozent erreiche, muss es über vielleicht 110 Prozent gehen. Ich möchte diesen Keyframe weiter auseinander ziehen, um mehr Zeit für die Animation zu geben. Klicken Sie mit der rechten Maustaste auf alle drei. Eine andere Möglichkeit, das gleiche Diagramm zu erreichen , wie wir hier tatsächlich eine Keyframe-Geschwindigkeit machen können, und dann einfach alles auf 66,66 ändern. Klicken Sie auf OK. Gehen wir in die Grafik. Sie können diese Grafik sehen, es ist fast das gleiche wie das, was wir getan haben. Es gibt zwei Möglichkeiten, es zu ändern, ist, hier zu gehen, um manuell die Ziehpunkte zu ziehen, und dann ist die andere Möglichkeit, einfach mit der rechten Maustaste die Keyframe-Geschwindigkeit hier zu ändern. Lassen Sie uns eine Vorschau darauf, und Sie können sehen, dass das Gebäude auftaucht. Sieht gut aus für mich. Das nächste, was ich tun muss, ist, den Ankerpunkt aller dieser Ebenen an den unteren Rand des Gebäudes zuändern den Ankerpunkt aller dieser Ebenen an den unteren Rand des Gebäudes zu und dann die drei Keyframes auf jedes einzelne auf allen Ebenen zu kopieren. Finden Sie dieses Gebäude hier, ziehen Sie den Ankerpunkt nach unten, legen Sie es dort hin. Als nächstes legte man es auch nach unten auf den Boden. Ich werde diesen Teil nur beschleunigen, damit du nicht zusehen musst, wie ich das immer und immer wieder mache. Jetzt können Sie sehen, dass wir alle Ankerpunkte unten am Boden des Gebäudes haben. Das nächste, was ich tun muss, bevor ich den Keyframe kopiere, muss ich in jedem zu einem Link die Skalierungseigenschaft X und Y-Skala gehen . Also wählen Sie alle von ihnen getroffen S, wird Ihnen alle Skalierungseigenschaft zeigen und dann einfach den Link zu einer Länge dx und y-Skala entfernen. Das ist gut. Dann kommen Sie hierher, kopieren Sie die drei Keyframes, Befehl C, und wählen Sie dann den gesamten Rest des Gebäudes aus. Stellen Sie sicher, dass sich Ihre Zeitleistenanzeige am Anfang dieses Keyframe-Befehls V einfügen befindet, und dann können Sie sehen, dass ich alle diese Keyframes habe. Lassen Sie uns eine Vorschau darauf. Hoppla, es gibt ein Problem mit einem Gebäude, dieses hier und das auch, so dass zwei Gebäude, diese beiden sprangen raus. Also muss ich den Keyframe löschen, ich denke, der Ankerpunkt ist an der falschen Position. Lassen Sie mich den Keyframe löschen. Dann will ich herausfinden, wo dieser Ankerpunkt für das Gebäude ist. Verkleinern. Wenn ich verkleinere, habe ich keine Ahnung, warum dieser Ankerpunkt den ganzen Weg da drüben ist. Also muss ich das zurück in den Rahmen ziehen, es an den unteren Rand des Gebäudes legen und dann den Keyframe erneut kopieren erneut einfügen. Wir haben ein letztes Gebäude hat ein Problem, das hier ein Bildschirm ist. Suchen wir einfach nach dem Ankerpunkt für dieses grüne Gebäude. Es ist weit, weit weg von der Zeichenfläche. Ziehen Sie den Ankerpunkt zurück an den unteren Rand des grünen Gebäudes. Legen Sie es da hin und tun Sie das Gleiche. Kopieren Sie die drei Keyframes, und fügen Sie sie dann auf den grünen Gebäude-Layer ein. Jetzt denke ich, dass alle unsere Gebäude animiert sind. Als Nächstes möchte ich die Animation des Gebäudes staffeln weil ich nicht möchte, dass diese Gebäude gleichzeitig in alle kommen. Ich möchte nur einen zufälligen Antrag geben. Also versuche ich nur, diese Ebenen zu ziehen, um ihm eine Zufälligkeit zu geben , damit sie nicht alle auf einmal beginnen. Werfen wir einen Blick. Kommen wir wieder in diese O4-Komposition. Ich möchte die Hintergrundfarbe in eine Himmelfarbe ändern. Befehlen Sie einfach Shift to Y, und dann lassen Sie uns dieses Pipettenwerkzeug verwenden, um diese blaue Farbe auf dem Zug augen zu lassen. Vielleicht machen Sie es ein bisschen leichter. Das ist gut. Lasst uns auf OK gehen. Wir haben hier in der zweiten Szene einen hellblauen Himmel. Jetzt muss ich nur noch das Timing optimieren , damit ich, wenn dieser Übergang hier um vier Sekunden passiert, den Aufbau des Gebäudes sehen möchte. Im Moment bauen diese Gebäude noch ziemlich früh. Ich kann nur den Endteil der Animation sehen. Ich möchte immer noch in der Lage sein, das Gebäude aus dem Boden innerhalb dieses Übergangs aufzubauen, also muss ich diese Schichten ein wenig weiter zurück verschieben , um die Animation ein wenig zu verzögern. Lassen Sie uns eine Vorschau. Ja, so etwas. Jetzt haben wir die ersten beiden Dinge animiert und bereit zu gehen. In diesem Video haben wir darüber gesprochen, wie Sie die mit Ebenen beschrifteten Farben ändern können, um sie zu gruppieren. Außerdem habe ich Ihnen gezeigt, wie Sie das Geschwindigkeitsdiagramm ändern können, indem Sie den Wert der Keyframe-Geschwindigkeit ändern. Wir haben erläutert, wie die gleichen Keyframes auf andere Ebenen angewendet werden und wie die Farbe der Volumenebene geändert werden kann. Nun gehen wir zum nächsten Video über. 10. 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 11. Übergang nach der Stadtlandschaft: Mal sehen, was wir bisher haben. In diesem Video werden wir weitermachen, von wo aus wir aufgehört haben. Wir werden weiter in die nächste Szene animieren. Lasst uns das Storyboard hochziehen. Wir haben bereits die erste Vorderszene gemacht und dann das nächste, was wird ein Übergang sein, wo die Kamera schwenkt, so dass diese Kommunikations-Icons am Himmel erscheinen. Um dies zu tun, müssen wir zuerst diese Zeichenfläche importieren. Gehen wir nun zum Projektpanel hier. Anstatt doppelklicken, können wir auch mit der rechten Maustaste klicken und dann Datei importieren wählen. Lassen Sie uns zu unserer Zeichenfläche, Assets, Storyboard Separated navigieren und das ist, was wir hier brauchen. Diese Symbole. Klicken Sie hier unten auf diese Datei, ändern Sie sie in Komposition, klicken Sie auf Öffnen. Jetzt haben wir diese Precomp, importieren Sie sie in das Projektfenster. Denken Sie daran, was wir vorher getan haben, wir müssen das ziehen, alle fünf Precomp in den Ordner des Precomp und dann ziehen Sie diesen Ordner in die Assets. Wenn ich alle Ordner schließe, haben wir immer noch ein ziemlich sauberes, organisiertes Projektfenster. Nun zuerst möchte ich einen Übergang von dieser Szene machen , als ob die Kamera schwenkt, also geht die Stadt nach unten. Um das zu tun, möchte ich diesen Vorschaubereich ziehen, vielleicht auf acht Sekunden hier, und dann fast bis zum Ende gehen, wenn die Gebäude anhalten und dann die Autos noch in Bewegung sind. Ich will den Tatort vielleicht eine Sekunde lang halten, genau hier. Dann an dieser Stelle möchte ich, dass die Kamera auftaucht. Anstatt eine Kamera zu verwenden, die ziemlich kompliziert ist, kann ich leicht erreichen, nur die Position der gesamten Komp zu verschieben. Wenn ich auf die erste Komposition klicke und dann eine Shortcut-Shift P verwenden , um die Positionseigenschaft hier hochzuziehen , kann ich jetzt zuerst einen Keyframe hinzufügen. Dies ist die Ausgangsposition dieses ganzen Comp und dann vielleicht 25 Frames vorwärts gehen. Ich möchte, dass dieser Übergang sehr langsam verläuft. Die Kamera schwenkt langsam auf. Nach 25 Bildern möchte ich, dass sich die weiße Position hier unten ändert. Vielleicht will ich, dass die Stadt hier so ist und dann weitere 25 Frames vorwärts geht. Ich will, dass die ganze Stadt verschwindet. Aber das Problem ist jetzt, wir sehen die erste Eröffnungsszene, was wir nicht wollen. Ich muss den Himmel hier erweitern, um die Rückseite dieser Komposition abzudecken , damit wir die anfängliche Himmelsszene nicht sehen. Der Weg, dies zu tun ist, gehen Sie auf Ebene, erstellen Sie einen neuen Volumenkörper und die Höhe und Breite wird die gleiche wie diese Komposition sein. Ändern Sie die Farbe in die Himmelfarbe, klicken Sie auf OK, und ziehen Sie dann diese einfarbige Farbe unter diese Stadt Skyline comp. Wenn wir dann die Stadt hinunterziehen, können wir hier noch die feste Schicht sehen. Ich möchte jedoch nicht, dass diese Ebene bei Null Sekunden beginnt, denn wenn ich die Timeline an den Anfang ziehe, wird sie alle meine anderen Animationen abdecken. Alles, was ich brauche, ist von diesem Punkt hier zu beginnen, wenn die Stadtszene beginnt sich zu bewegen, ich brauche diesen Hintergrund, um auf dem Rahmen zu erscheinen. Drücken Sie die Tastaturkürzel links eckige Klammer und dann wird diese solide Ebene von diesem Punkt beginnen, wo meine Timeline-Anzeige ist. Lassen Sie uns das Projekt für jetzt speichern und lassen Sie uns eine Vorschau darauf. Ich möchte eine Vorschau von den vier Sekunden beginnen , also werde ich diesen Vorschaubereich ändern, Tastenkombination B verwenden, um es von dort zu schneiden, damit ich die Vorschau von der vierten Sekunde beginnen kann. So etwas wie das. Die Bewegung hier ist jedoch ziemlich linear. Es ist sehr langweilig. Es liegt daran, dass wir hier keinen erleichternden Keyframe auf diese Animation angewendet haben. Nun, was ich tun muss, ist die drei Keyframes auszuwählen, genau wie das, was wir vorher getan haben. Rechtsklick Keyframe-Assistent einfach zu erleichtern. Mal sehen, was jetzt passiert. So etwas, aber dann möchte ich, dass sich diese Szene hier im mittleren Keyframe verlangsamt. Um es im mittleren Keyframe zu verlangsamen, möchte ich die drei auswählen und dann zum Diagramm wechseln. Hier ist die Geschwindigkeitskurve dafür. Was ich tun möchte, ist, mehr Zeit für den zentralen Keyframe zu geben und die Animation im zentralen Keyframe verlangsamen zu lassen. Wenn ich eine Form wie diese mache, lassen Sie uns eine Vorschau der Animation hier anzeigen. Es wird uns am Anfang etwas schnellere Geschwindigkeit hier geben und dann wird es eine Lockerung in den mittleren Keyframe geben. Dann gibt es die Leichtigkeit aus dem mittleren Keyframe langsam, dann geht es schneller am Ende. Die einzige Sache ist, ich möchte um den mittleren Keyframe hängen. Ich möchte nicht, dass die Animation im mittleren Keyframe zu schnell läuft. Dies ist eine Art von Kurve, die ich brauche, um das zu erreichen. Lassen Sie uns das noch einmal ansehen. Ich kann es sogar mehr Zeit geben, die drei Keyframes weiter auseinander zu machen, um eine langsamere, vielleicht subtilere Animation zu erreichen . Ich wähle alle drei Keyframes aus. Halten Sie Option auf Mac, Alt auf PC gedrückt, ziehen Sie das letzte Keyframe, so dass ich die drei Keyframes gleichmäßig herausstellen kann. Geben Sie ihm mehr Zeit. So etwas wie das. Das nächste, was ich tun möchte, ist, dieses Symbol in diesen Hauptkomp zu importieren. Ziehen Sie es einfach nach unten in den Hauptkomp und ziehen Sie dann die Startpunkte nach rechts, bis wir das Symbol hier sehen sollen, das sich hier befindet. Ziehen wir diesen Startpunkt bis hierher, um sechste Sekunde. Hier werden wir alle Symbole sehen. Diese müssen wir jedoch noch animieren. Bevor wir zu den Symbolen Animation gehen, möchte ich zusammenfassen. In diesem Video haben wir darüber gesprochen, wie man Dateien in After Effects importiert, wie man eine solide Ebene hinzufügen und wie man Geschwindigkeitsdiagramm ändert. Es ist etwas, das wir vorher behandelt haben. Jetzt können wir zum nächsten Video für Symbole Animation gehen. 12. Animation der Icons: Als nächstes werde ich in diese Symbolkomposition gehen, um diese Symbole zu animieren. Doppelklicken Sie auf den „Smart City Explainer 005". Innerhalb dieser Komposition können Sie all diese kleinen Symbole hier sehen. Die gute Nachricht ist, dass sie ähnliche Animationen haben werden, also müssen wir nicht jedes einzeln machen, wir können einfach einen von ihnen machen und dann alle Schlüsselbilder kopieren und einfügen. Beginnen wir mit vielleicht dieser Ebene 4, dieses Symbol hier. Wir können zoomen, drücken Sie „Z“ auf der Tastatur, ziehen Sie die Maus, zoomen Sie hinein. Was wir tun wollen, ist, zuerst müssen wir den Ankerpunkt an diese Position hier ändern, weil ich dieses Symbol beginnend von dieser unteren rechten Ecke hier drehen möchte . Klicken Sie auf das „Schwenken hinter Werkzeug“. Ich muss finden, wo der Ankerpunkt ist Ziehen Sie diesen Ankerpunkt hierher. Dann werden wir die Position Eigenschaft brauchen, drücken Sie auf „P“, dann werden wir Rotation brauchen, drücken Sie auf „Shift R“ noch die Shift-Taste. Wenn Sie nur eine Taste auf der Tastatur drücken, sagen Sie, wenn Sie „P“ drücken und dann, wenn Sie „R“ drücken, wird es Ihnen nur eine Eigenschaft zeigen. Wenn Sie hier mehrere Eigenschaften sehen möchten, müssen Sie „Shift Key“ auf der Tastatur gedrückt halten und dann auf „P“ klicken. diese Weise können Sie mehrere Werte im Layer sehen. Ich brauche auch die Größe. Drücken Sie auf „Shift S“. Erstellen Sie zunächst einen Schlüsselrahmen für alle drei. Dies wird die endgültige Endposition sein. Gehen Sie zurück zum Auswahlwerkzeug, der Verknüpfung, „SV“, wählen Sie dann die drei Schlüsselbilder aus, legen Sie es vielleicht hier, 18. Frame, und gehen Sie dann zurück zu Null Sekunde. Ich möchte, dass dieses Symbol von vielleicht niedriger beginnt und dann animiert wird. Ich möchte auch, dass sich die Skala von 0-100 Prozent ändert. Ich möchte auch, dass die Rotation als negativer Grad beginnt, vielleicht negativ 90. Mal sehen, wie es jetzt aussieht. So etwas wie das. Das ist im Wesentlichen die Animation, die ich brauche. Aber ich brauche ein bisschen mehr Energie. Erinnerst du dich, wie wir die anderen Animationen gemacht haben? Wir müssen einen Überschuss hinzufügen. Zunächst einmal fügen wir einige Überschreitung hinzu. Da der Rotationswert Null wird, möchte ich, dass er auf eine positive 10 Grad überschreitet, bevor er auf Null kommt, also geht es Pass Null und kommt dann zurück. Die Skala. Ich möchte auch 100 Prozent passieren, was vielleicht 110 Prozent ist, und die Position, ich möchte auch, dass es über den Endwert geht. Der Endwert ist 526 auf der y-Position, also möchte ich, dass er 500 ist. Es geht höher und kommt dann wieder runter. Lassen Sie uns eine Vorschau dieser Animation. Ich denke, die Position ist zu viel. Es sollte 526 sein, und dann hier drüben vielleicht 516. Lassen Sie uns das versuchen. Ja, das funktioniert für mich. Siehst du? Ohne die linearen Keyframes in Lockerung Keyframes zu verwandeln, haben wir hier bereits ein bisschen Energie vor sich, aber es ist einfach nicht genug. Als nächstes, was wir tun möchten, wählen Sie alle Schlüsselrahmen, klicken Sie mit der rechten Maustaste, „Key Frame Assistant“, einfache Leichtigkeit. Werfen wir einen Blick. Sieh dir das an. Schau dir die Energie und die Geschmeidigkeit an. Siehst du das? Das sieht gut aus für mich. Wenn wir noch weiter gehen wollen, kann ich hier den gesamten Schlüsselrahmen auswählen und dann zum Diagramm-Editor gehen. Klicken Sie hier auf dieses Symbol, passen Sie das Diagramm an, um die bergige Grafik anzuzeigen und zu erinnern, die wir zuvor hatten. Wir können diese Griffe einfach ausziehen, um diesen höheren Berg hier zu haben. Das wird mehr Energie für die gesamte Animation geben. Lassen Sie uns eine Vorschau darauf. Es ist vorsätzlicher. Siehst du das? Ich bin jetzt gut mit dieser Animation. Als nächstes möchte ich nur alle diese Keyframes in die anderen Symbole kopieren , so dass sie alle die gleiche Animation haben. Ich muss vorsichtig sein, weil einige der Symbole, sie haben diesen kleinen Pfeil auf der linken Seite des Symbols statt auf der rechten Seite. In diesem Fall muss das Symbol aus einer entgegengesetzten Richtung gedreht werden. Nachdem ich das gesagt habe, muss ich vorsichtiger sein, wenn ich meine Symbole kopiere und einfüge. Zuerst muss ich den Ankerpunkt jedes dieser Symbole in eine Position ändern , an der die Symbole animiert werden sollen. Lassen Sie mich einfach jedes einzeln durchgehen. Klicken Sie auf den ersten. Geh hier rauf, schwenke hinter Werkzeug, das ist der kleine Kreis hier Karte. Ich muss es hier ändern. Vielleicht möchte ich hier von unten animieren. Dieses wird ähnlich wie das erste Symbol sein , das von unten rechts beginnt, und dieses beginnt von unten rechts. Nun, was ich tun kann, ist, ich möchte dieses hier ändern, dieses hier, diese drei in verschiedene Farben, damit ich das zuerst machen kann. Das hier ist rot. Jetzt habe ich drei Farbgruppen. Die ersten drei Symbole sind die drei hier. Sie alle müssen sich von rechts drehen, was das gleiche ist wie das, was wir für das erste Symbol haben. In diesem Fall kann ich einfach kopieren, wählen Sie alle Keyframes Befehl C, und wählen Sie dann alle drei Ebenen, Befehl V einfügen als Vorschau. Sie sehen jetzt, dass wir ein Problem haben, weil ich die Positionseigenschaft eingefügt habe, und jetzt haben die drei Symbole alle genau die gleiche Positionseigenschaft wie die erste. Deshalb sind die vier jetzt genau an der gleichen Position hier. Das wollen wir nicht. Es wird sehr einfach sein, dies zu beheben, drücken Sie auf U, um die animierte Eigenschaft auf dieser Ebene anzuzeigen. Jetzt muss ich nur alle drei Keyframes auswählen und dann die x-Position und y-Positiondahin ändern die x-Position und y-Position , wo dieses Symbol am Ende sein soll. Sagen Sie dieses Symbol hier, ich möchte, dass es am Ende an dieser Position hier ist. Drücken Sie dann auf U, um alle drei Keyframes auszuwählen. Ändern Sie diese, ändern Sie die x-Position und die y-Position. Wenn Sie es auf diese Weise ändern, wenn alles ausgewählt ist und sich Ihre Zeitleistenanzeige an einem der Keyframes befindet, muss es sich auf einem der Keyframes befinden. Es darf nicht ein Frames auseinander liegen. Es muss auf einem Schlüsselrahmen bleiben, und dann, wenn Sie die Positionseigenschaft ändern, Es wird nicht Ihre Animation durcheinander bringen. Die gesamte Animation wird verschoben, je nachdem, wo Sie dies wollen. Dann möchte ich hier auf die Ebene fünf klicken. Drücken Sie auf U, zeigen Sie alle Keyframes an, wählen Sie alle drei Keyframes hier in der Positionseigenschaft aus, und ändern Sie dann die x-Position hier. Jetzt lassen Sie uns eine Vorschau darauf. Ich habe genau die gleiche Animation auf vier verschiedenen Icons. Das sieht gut aus für mich. Das nächste, was ich tun möchte, ist, dass ich die Keyframes auf diesem Kreissymbol kopieren möchte, Kreiselemente. Dies wird ein bisschen anders sein, weil der Kreis hier nicht den Rotationswert benötigt. Ich möchte nicht, dass sich der Kreis nach rechts oder links dreht. Ich will nur, dass der Kreis direkt auftaucht. Was ich tun muss, ist nur die Position und die Skalierungseigenschaft zu kopieren und die Rotation zu verlassen. Kopieren Sie diese Keyframes Befehl C, und gehen Sie zu Null Sekunden, wählen Sie alle diese Ebenen, und dann Befehl V. Jetzt habe ich das gleiche Problem, alles nur eine an die gleiche Position. Aber wir können dasselbe tun, um es zu beheben. Gehen wir durch jedes einzelne, drücken Sie auf U, setzen Sie die Timeline-Anzeige oben auf dem letzten Keyframe hier, wählen Sie alle drei Keyframes aus und ändern Sie einfach die x-Position und y-Position, und ändern Sie einfach die x-Position und um es dorthin zu verschieben, wo Sie es haben wollen das Ende. Dieses Kreis-Ding, mit einer Karte, sollte hier in der oberen linken Ecke sein. Ja, das ist gut. Dann die beiden letzten Symbole, die wir brauchen, lassen Sie uns die Keyframes von hier kopieren. Position Maßstab Eigenschaft, Befehl C, und dann gehen Sie zum ersten Start Null zweiten Keyframe, wählen Sie die beiden Ebenen hier, Befehl V einfügen, und dann lassen Sie uns einfach das gleiche tun. Ich muss jedoch immer noch die Rotation ändern. Wenn ich eine Vorschau darauf sehe, drehen sich diese beiden in die falsche Richtung. Alles, was ich tun muss, ist, dieses Negativ 90 zu 90 zu ändern und dann diesen Überschuss auf negative 10 anstatt auf positive 10 zu ändern. Lassen Sie uns eine Vorschau darauf. Ja, so etwas. Ich bin mit der Animation hier zufrieden. Das Letzte, was ich hier tun möchte, ist, diese Schichten zu staffeln, ihnen etwas Zufälligkeit zu geben. Ich möchte nicht, dass sie alle am selben Punkt wie Null Sekunde beginnen, ich möchte diese Ebenen ziehen und diese dann einfach staffeln, um sicherzustellen, dass es eine gewisse Zufälligkeit hat. Nachdem ich das getan habe, mal sehen, was hier passiert. Gehen wir nun zurück zur Hauptkomposition und werfen einen Blick. Im Moment sieht es gut aus für mich. Da die Symbole jedoch alle am Himmel liegen, möchte ich nicht, dass sie im Himmel statisch bleiben. Ich möchte, dass sie einfach am Himmel wackeln, uns vielleicht etwas mehr Bewegung geben, also muss ich nur Effekte hinzufügen. Lass uns wieder in die Komposition gehen. Jetzt möchte ich zum Effekt- und Presets-Panel hier auf der rechten Seite gehen , wenn Sie es hier nicht haben, gehen Sie einfach zu Windows und dann zu Effekten und Voreinstellungen. Lassen Sie uns Wackeleffekte finden. Ich muss nur diese Wackel-Strichposition verwenden. Letztes Mal haben wir versucht, diese Effekte auf die Ebene zu ziehen. Dieses Mal können wir einfach auf den Effekt doppelklicken. Solange Sie eine Ebene ausgewählt haben, können Sie einfach auf den Effekt doppelklicken, er wird direkt auf diese Ebene angewendet. Das ist diejenige, die wir hier haben. Nachdem wir uns bewerben, lassen Sie uns eine Vorschau anzeigen. Siehst du, es bewegt sich schon. Das ist jedoch nicht das, was ich will. Ich möchte eine subtilere Animation, also möchte ich den Wackelbetrag auf vielleicht 20 ändern, und dann die Geschwindigkeit als ein Wackeln pro Sekunde, vielleicht wollte ich drei Wackeln pro Sekunde. Lassen Sie uns eine Vorschau von hier. Immer noch zu viel. Ändern Sie es auf 10, die Wackelmenge. Ja, das mag ich, subtil, aber effektiv. Jetzt muss ich nur die Effekte kopieren, Befehl C, und wählen Sie dann alle anderen Ebenen, Befehl V, alle Effekte einfügen. Lassen Sie uns eine Vorschau darauf. Verkleinern. Lassen Sie uns eine Vorschau der Animation anzeigen. Siehst du, sie schweben alle in der Luft? Das ist es, was ich will. Gut. Gehen wir zurück zum Hauptkomp und werfen einen Blick. Ja, und eine letzte Sache, die ich tun möchte, das Gebäude untergeht, möchte ich, dass diese Symbole mit dem Gebäude etwas runtergehen, damit ich einfach die Kamerabewegung vortäuschen kann. Andernfalls, wenn nur das Gebäude untergeht und die Symbole immer noch an der gleichen Position bleiben, scheint es nicht so, als würde die Kamera schwenken. Alles, was ich tun muss, ist von hier aus, auf P drücken, ihm eine Positionseigenschaft geben, und dann, wenn ein Gebäude nach unten geht, möchte ich, dass diese Symbole etwas nach unten verschoben werden, um vielleicht in der Mitte des Rahmens hier. Klicken Sie dann mit der rechten Maustaste auf Keyframe-Assistent, einfache Vorschau auf diese. So etwas wie das. Ich möchte aber auch den Keyframe vielleicht ein wenig verzögern, weil ich weiß, dass das Gebäude von dieser Sekunde hier nach unten geht. Aber ich möchte den Startpunkt der Symbole verschieben, die sich nach unten bewegen, weil ich nur diese Art von Verzögerungseffekt erzeugen möchte, als ob das Gebäude die Symbole nach unten zieht. Alles klar, das ist alles, was ich Ihnen in dieser Lektion zeigen möchte. Werfen wir einen Blick auf das, was wir bisher haben. Wir haben einen langen Weg zurückgelegt. Wir haben die erste Szene, wir haben den Übergang, die zweite Szene, und dann sieht die vierte Szene super schön aus. Nächstes Video, wir werden es mit dem schließenden Logo-Lockup und auch dem Übergang beenden . Jetzt lasst uns zusammenfassen. In diesem Video haben wir über Überschreitungen gesprochen, eines der Animationsprinzipien. Wir sprachen auch darüber, wie Geschwindigkeitsdiagramm zu ändern, um mehr Energie zu Ihrer Animation zu geben. Ich habe Ihnen gezeigt, wie Sie Keyframes in verschiedene Ebenen kopieren und Animationen entsprechend anpassen, wow, um unseren Symbolen Wackeleffekt hinzuzufügen, und auch, wie Sie Ebenen zufällig staffeln, um ihm ein natürliches Aussehen zu geben. Das war's mit diesem Video, lass uns weitermachen. 13. Übergang nach den Icons: Lasst uns einfach von dort abholen, wo wir aufgehört haben. Hier drüben haben wir diese Icon-Animation hier. Werfen wir nun einen Blick auf das ursprüngliche Storyboard. Erinnern Sie sich an diese Szene hier mit den Augenkonstanten als Städte. Als nächstes wird es in die Logo-Lockup übergehen, und die Art, wie ich mir vorstellen, ist es, dass all diese kleinen Symbole, sie können in die Mitte des Bildschirms kommen, und dann einen Übergang auslösen, und wir haben den Kreis Sache Pop-up von der Mitte des Bildschirms, um den gesamten Bildschirm zu füllen. Dann Übergang, um die Logo-Animation zu enthüllen. Das werden wir hier machen. Ich möchte, dass der Übergang stattfindet, vielleicht etwa 9 Sekunden hier. Hier herum, setzen Sie einfach den Timeline-Indikator um 9 Sekunden, in der Hauptkomp, und dann gehen wir in diese Symbole pre-comp Erklärer O5, doppelklicken. Hier ist der Zeitrahmen, der dem 9 zweiten 04 Frame im Hauptkomp entspricht. Dies ist ein Punkt, an dem ich möchte, dass diese Symbole in der Mitte zusammenkommen. Der Weg, dies zu tun, ist, zuerst möchte ich alle Symbole auswählen. Drücken Sie auf p, um die Position anzuzeigen. Legen Sie einen Schlüsselrahmen herunter, verwenden Sie dieses Symbol hier. Jetzt habe ich einen Schlüsselrahmen, um die Position dieser Symbole zu sperren. Vielleicht gehen Sie vorwärts 25 Frames 1, 2, 3, 4, 5. Nach 25 Frames möchte ich, dass diese Symbole hier in die Mitte kommen. Der einfachste Weg ist, jeden von ihnen in die Mitte zu ziehen, da ich bereits einen Schlüsselrahmen vor diesem Punkt erstellt habe, sobald ich die Position des Symbols hier ziehe, wird es automatisch einen neuen Schlüsselrahmen erstellen, Das ist, was ich will. Das spart mir Zeit. Um einen Schlüsselrahmen zu erstellen, kann ich diese Symbole einfach dorthin ziehen, wo sie am Ende sein sollten. Dann wird es die Animation für mich bereit haben. Jetzt lassen Sie uns eine Vorschau darauf. Beginnend von diesem Punkt hier, wäre es, den Vorschaubereich zu setzen. Sie sehen, dass sie alle zusammenkommen. mich fühlt es sich jedoch ziemlich linear an. Obwohl ich weiß, dass diese Schlüsselbilder Schlüsselbilder lockern, aber dann hat es nicht genug Energie, denken Sie daran, dass wir über die Überschreitung sprechen. Wenn sich die Objekte in Position setzen, geht es über ein paar Frames. In diesem Fall möchte ich das gleiche Prinzip zu Beginn dieser Animation hier verwenden, und jetzt nennen wir es nicht mehr Überschreitung. Es wird Vorfreude genannt. Grundsätzlich bedeutet es, dass sich ein Objekt nach links bewegt, immer leicht nach rechts bewegt, um etwas Energie zu gewinnen. Dann geht es in die Richtung, in die es gehen will. Sagen Sie, wenn Sie vorwärts gehen wollen, müssen Sie sich zurücklehnen, um etwas Energie zu gewinnen oder wie sagen, wenn Sie nach oben springen wollen, Sie immer hocken, um etwas Energie zu gewinnen, und dann springen Sie nach oben. Das ist also die Vorfreude. Es ist auch eines der Animationsprinzipien, und das ist, was wir hier anwenden wollen. Wenn sich das Objekt in eine Richtung bewegt, möchte ich, dass es zuerst in die entgegengesetzte Richtung bewegt, um Energie zu gewinnen, und dann dorthin gehen, wo es sein will. In diesem Fall möchte ich für jeden von ihnen vorwärts gehen, vielleicht 5 bis 6 Frames hier drüben, und dann möchte ich nur, dass dieses Symbol von dort zurückgeht, wo es etwas Energie gewinnen sollte. Lassen Sie uns eine Vorschau darauf. Du siehst, dass es für eine Sekunde ausgegangen und dann wieder rein kommt. Sehen wir uns nun an, was wir im Hauptkomp haben. Hier ist wieder ein Problem. Denken Sie daran, dass wir die Position dieser Komposition 05 geändert haben, um sich mit der Stadtlandschaft zu bewegen, und jetzt ist das Zentrum dieser Komposition im Inneren anders als das Zentrum des Hauptkomps hier jetzt. Denken Sie daran, als wir dieses Symbol hier animiert haben, um alles in der Mitte zu bewegen, aber man ist draußen hier im Hauptcon, diese Position ist nicht mehr eine genaue Position als relative Position, das Zentrum dieser Komp ist tatsächlich niedriger als die Mitte des Rahmens hier, und das ist etwas, das wir beheben müssen. Es ist sehr einfach, wieder zu reparieren, gehen wir zurück zu der Komposition hier. Dann können wir einfach alle letzten Schlüsselrahmen auswählen, die die Position ist. Alles, was wir tun müssen, ist die y-Position dieses Schlüsselbildes zu verschieben. Bewegen Sie alles nach oben, vielleicht irgendwo da herum. Gehen Sie einfach zurück zum Hauptkomp Check, um zu sehen, ob es in der Mitte ist. Ja, es ist. Das sieht richtig für mich aus. Lassen Sie uns eine Vorschau darauf. Jetzt kommen alle Symbole in die Mitte. Das letzte, was ich tun möchte, nur um die Keyframes hier zu staffeln , so dass sie sich nicht alle gleichzeitig bewegen. Nur um etwas Zufälligkeit zu geben. Denken Sie daran, das erste Mal, wenn wir die Animation in der Front zu Beginn dieser comp hier staffeln wir die Ebenen anstelle eines Schlüsselframes ziehen. Aber jetzt, wenn ich die Ebenen wieder ziehe, wird es sich auf die Keyframes davor auswirken. Deshalb verwenden wir nur Keyframes, um die Staffelung der Animation hier zu verändern. Nur [unhörbar] ziehen sie all diese Schlüsselbilder, um sie zu staffeln. Lassen Sie uns eine Vorschau dieser Animation. Ja, so etwas, und jetzt brauche ich einen Kreis, der aus der Mitte herauskommt. Gehen wir zu diesem Rechteck auch hier, und klicken Sie dann auf Ellipse Werkzeug. Jetzt können wir einen Kreis direkt vom Mittelpunkt hier zeichnen. Ziehen Sie mit der Maustaste einen Kreis, und halten Sie dann die Umschalttaste gedrückt, um auf einen perfekten Kreis zu beschränken. Halten Sie den Befehl, um von der Mitte des Kreises zu zeichnen, und das ist, was wir brauchen. Lassen Sie die linke Maustaste los. Jetzt haben wir eine Form, die Kreis mit nur einem Strich, der vier Pixel ist. Jetzt möchte ich den Schlaganfall ausschalten. Halten Sie die Wahltaste auf der Tastatur gedrückt. Klicken Sie hier auf den Strich, 1 , 2, 3 klicken Sie dreimal. Schalten Sie das Symbol den Kreis aus, gehen Sie hier nach oben, klicken Sie auf Füllung, klicken Sie auf die Pipette Werkzeug Ich möchte hinzufügen Drop diese rosa Farbe hier hinzufügen, klicken Sie auf OK und dann schalten Sie das Auge Symbol. Hier ist ein Kreis, den wir haben. Der Kreis begann von Null Sekunden. Ich muss es zurückziehen, vielleicht fangen Sie hier an. Ich will den Kreis, auf S auf der Tastatur drücken, einen Schlüsselrahmen dort drüben setzen und dann wieder 25 Frames vorwärts gehen. Jetzt will ich, dass der Kreis außerhalb des Rahmens wächst, schön. Wählen Sie die beiden Keyframes aus, klicken Sie mit der rechten Maustaste auf den Keyframe-Assistenten, und gehen Sie dann zum Diagramm-Editor. In diesem Fall möchte ich eigentlich, dass der Kreis am Ende mehr langsamer wird, und dann wollte ich am Anfang schneller wachsen. Wenn ich den Berg so ziehe, wird am Anfang schneller wachsen und dann langsam an Ort und Stelle am Ende. Mal sehen, wie es jetzt aussieht. So etwas. bin ich gut. Aber dann muss ich diesen Kreisbefehl D duplizieren, und der zweite Kreis wird die Farbe des letzten Lockup werden. Wechseln Sie zu meinem Projektfenster. Hier ist, wenn wir das letzte Storyboard laden müssen, das ist die endgültige Logo-Lockup. Doppelklicken Sie hier. Klicken Sie auf diese 07 Illustrator-Datei Komposition geöffnet. Denken Sie daran, diesen in die Pre-Comp zu legen, diesen Ordner in die Assets zu legen, und ziehen Sie diesen hier runter, hier rüber. Dies ist eine Himmelfarbe, die ich am Ende möchte. Der zweite Kreis muss die gleiche Farbe wie der Himmel als Übergang haben. Nun, was ich tun möchte, ist nur die 07 Komposition auszuschalten. Jetzt sehen Sie, dass der Kreis oben auf dem rosa Kreis ist, den wir hatten. Es deckt es vollständig ab. Ziehen Sie diesen einfach zurück, schieben Sie ihn zwei Frames zurück. Oder drei Rahmen, um so etwas zu haben. Lassen Sie uns eine Vorschau darauf. In diesem Video haben wir über Vorfreude gesprochen. Ähnlich wie bei Überschreitungen ist es auch eines der Animationsprinzipien. Ich habe Ihnen auch gezeigt, wie Sie Keyframes zufällig staffeln, wie man einen Kreis zeichnet und wie man Geschwindigkeitsdiagramm ändert. Nun gehen wir zum nächsten Video über. 14. Logo-Lockup: In diesem Video werde ich Ihnen zeigen, wie Sie die Logo-Bewertung machen. Jetzt möchte ich nur noch in diese Komposition gehen, um das Logo-Lockup zu animieren. Zuerst möchte ich die Cloud animieren. Hier ist eine Wolke 1,2,3. Das sind drei Wolken. Ändern Sie es in eine andere Farbe, vielleicht eine blaue Farbe. Wählen Sie alle drei aus. P für Position setzen. Setzen Sie einen Keyframe dorthin, verschieben Sie ihn in die 5. Sekunde und dann können wir einfach die Position jedes einzelnen leicht ziehen, so dass sich die Cloud bewegt. Eine andere Sache ist, da wir hier einen Übergang haben, möchte ich nicht, dass die Cloud einfach in den Rahmen springt. Was ich tun möchte, ist, ihm eine Transparenzänderung zu geben, „T“ für Deckkraft zu verschieben, einen Keyframe niederzulegen. Vielleicht verschieben Sie es ein paar Frames leicht nach vorne und ändern Sie es dann zu Null als Anfang. Nun, wir haben die Cloud verblasst in die Szene. Aber ich fühle mich, als wäre das Verblassen zu langsam. Geben Sie hier nur 10 Frames. Bei 10 Frames beträgt die Deckkraft 100. Als nächstes animieren wir dieses Logo in der Mitte. Zuerst muss ich diesen gelben Balken nach Effekten einziehen. Gehen wir hier hoch, halten Sie dieses Rechteck-Werkzeug fest, bis Sie dieses abgerundete Rechteck sehen. Klicken Sie darauf. Dann können wir hineinzoomen, ein abgerundetes Rechteck zeichnen. Hier ist ein Fehler, den ich gemacht habe. Da ich diese Ebene ausgewählt habe, wird beim Zeichnen mit dem Rechteck-Werkzeug tatsächlich eine Maske anstelle einer Formebene erstellt. Das will ich nicht. Löschen Sie einfach die Maske, und klicken Sie dann auf die Ebene. Stellen Sie sicher, dass nichts ausgewählt ist. Dann können wir eine Formebene zeichnen, so etwas. Dann können wir zum Rechteck-Pfad gehen und dann können wir die Rundheit ändern. Wir können auch die Größe anpassen. Ich möchte nur sicherstellen, dass es dem ursprünglichen Storyboard ähnlich ist. Jetzt denke ich, die Höhe ist gut, aber dann ist die Breite kürzer als dieser gelbe Balken. Jetzt werde ich einfach diese Link-Taste deaktivieren, um die X- und Y-Dimension aufzuheben und dann kann ich einfach die X- und Y-Position individuell so anpassen. Nun, da meine Form fast die gleiche ist, wie wir zuvor hatten, können wir diese Illustrator-Datei löschen, wir brauchen diese nicht mehr und ziehen sie dann hinter das SmartCity.io. Das ist die Form, die wir haben. Jetzt möchte ich diese Form animieren, um erwachsen zu werden. Zuerst möchte ich einen Keyframe auf die Größe des Rechteck-Pfades legen und dann vielleicht 10-15 Frames vorwärts gehen, diesen Keyframe auf die 15. Frame-Markierung ziehen auf Null Sekunden zurückkehren. Dann möchte ich die X-Position hier nur ändern , bis sie zu einem perfekten Kreis wird, wie dieser. Nun, wenn ich eine Vorschau darauf sehe, können Sie sehen, dass sich der gelbe Balken ausdehnt, so etwas. Aber dann möchte ich einige Kurvenanpassungen hinzufügen, damit es nicht linear ist. Wechseln Sie zum Keyframe-Assistenten „Easy Easy“. Ich erinnere mich an den anderen Weg, den wir tun können, ist mit der rechten Maustaste hinzufügen in „Keyframe-Geschwindigkeit“. Im Moment ist es nur 33,33. Ich möchte es auf 66,66 ändern nur um ihm so mehr Energie zu geben. Das ist gut. Was ich dann auch ändern möchte, ist die Größe der ganzen Form. Ich möchte, dass dieser gelbe Kreis bei Null beginnt und dann bis zu 100 Prozent wächst. Wie ich mich gerade anschaue, gibt es einen Ankerpunkt, der nicht in der Mitte des Kreises ist. Wir müssen zuerst die Position des Ankerpunkts anpassen, hier zum Stift hinter Werkzeug gehen,diesen Ankerpunkt in die Mitte des Kreises ziehen, diesen Ankerpunkt in die Mitte des Kreises ziehen so dass, wenn wir die Skalierungseigenschaft animieren, sie in der Mitte wachsen kann, So etwas. Fügen wir dann einen Keyframe zur Skala hinzu, ziehen Sie den Maßstab nach vorne, und ändern Sie dann bei Null Sekunden die Skalierung auf Null. Jetzt können Sie sehen, dass es verschwindet. Aber wenn wir diese Vorschau anzeigen, können Sie sehen, dass das Ganze animiert wird. Ich möchte jedoch die Animation der ersten Größe verzögern. Ich möchte, dass der Kreis zuerst auftaucht und dann horizontal erweitert wird, um dieses abgerundete Rechteck zu werden. Wenn ich den Größenschlüsselbild ändere und verzögere und dann auch ich mit der rechten Maustaste auf Keyframe-Assistent, Easy Ease, werde ich es vielleicht auch etwas Einfluss geben. Geschwindigkeit des Keyframes ändert sich auf 66. Lassen Sie uns eine Vorschau darauf. So etwas. Ich bin damit zufrieden. Als nächstes möchte ich Ihnen zeigen, wie diese SmartCity.io hier zu animieren. Wir können es ziemlich einfach machen. Lassen Sie uns einfach die Positionseigenschaft animieren, drücken Sie auf „P“ und deren Rechtsklick separate Dimensionen. Jetzt möchte ich die Dimension der X- und Y-Position trennen , so dass ich nur mit einer umgehen kann, die Y-Position ist. Klicken Sie auf die Y-Position. Stoppuhr an einem Keyframe. Dies wird die endgültige Position sein. Ich möchte es vorwärts ziehen, vielleicht zum 15. Frame. Dann kann ich das runterziehen. Zunächst wird von hier zu starten und dann auf die Position zu bewegen und folgen Sie dem gleichen Prozess. Wir können einen Überschuss hinzufügen. Im Moment können wir sehen, dass die Y-Position 540 ist. Es beginnt bei 661, also der Überschuss, wir können es auf 530 ändern, als ob es sich zu hoch bewegt und dann wieder runter kommt. Wählen Sie alle drei aus, klicken Sie mit der rechten Maustaste auf „Keyframe-Geschwindigkeit“, ändern Sie in 66. Wenn wir bei der gleichen Zahl für die Geschwindigkeit bleiben, wird Ihre Animation sehr konsistent sein und es ist wie eine Branding Sache. Während Sie manchmal etwas entwerfen, möchten Sie, dass das Design konsistent ist, die Farbpalette konsistent ist, aber jetzt haben wir es mit Animation zu tun. Wenn wir den größten Teil des Einflusses oder der Keyframe-Geschwindigkeit mit dem gleichen Wert haben, wird die Animation konsistent sein. Es ist nur etwas, woran man sich denken muss. Lassen Sie uns eine Vorschau darauf. So etwas. Ich mag es. Aber was wir nicht wollen, ist, ich das SmartCity.io nur innerhalb der gelben Leiste zeigen möchte, ich möchte es nicht zeigen, wenn es außerhalb des gelben Balkens ist. In diesem Fall, was wir brauchen, ist ein Track Matt. Lassen Sie mich Ihnen zeigen, was ein Track Matt ist. Alles, was ich brauche, ist hier ein Rechteck. Zeichnen wir ein Rechteck, um den gelben Balken zu bedecken. Dann wird diese Schicht hier unser Track Matt sein. Wenn ich auf diese SmartCity.IO-Schicht klicke und dann hier runter gehe, ist es jetzt nicht in meiner Funktion hier. Ich muss runtergehen und dann diesen Knopf hier überprüfen. Es wird mir mehr Optionen zeigen und es gibt eine Track Matt-Option. Ich möchte das Alpha Matt überprüfen. Dann können Sie sehen, dass diese Spur Matt Ebene verschwindet. Wenn ich darauf klicke, können Sie die Grenze des Track Matt sehen. Grundsätzlich, was passiert, ist, dass wir diese Ebene oben verwenden können , um die Grenze der Ebene darunter zu bestimmen. Das heißt, wo diese Track Matt-Ebene sichtbar ist, hat sie sichtbare Pixel auf dem Bildschirm, die darunter liegende Ebene wird auf dem Bildschirm sichtbar sein. Wenn ich die Position des Track Matt ändere, kann man hier sehen, sobald ich es nach oben schiebe, wird das Rechteck nach oben verschoben, aber alles außerhalb des Rechtecks ist unsichtbar. Es ist wie eine Maske, die es bedeckt. Das nennt man Track Matt. In diesem Fall, wenn ich die Zeitleiste den ganzen Weg auf Null verschrotte, und Sie können sehen, was hier passiert. Sobald es eintritt, wird es sichtbar. Wenn es außerhalb dieses Rechtecks ist nicht sichtbar. Ich möchte jedoch nicht, dass dieses zufällige Rechteck mein Track Matt ist. Ich will, dass dieser gelbe Balken mein Track Matt ist. Alles, was ich tun muss, ist, D zu loben, es zu duplizieren es auf die SmartCity.IO-Ebene zu legen und dann zu dieser Ebene 2 zu gehen, Alpha Matt Formschicht 2 zu setzen, so dass die Ebene oben ist Alpha Matt. Hoppla, weißt du, warum es sich jetzt zeigt? Da diese Ebene, wenn es ein Track Matt ist, muss sie ausgeschaltet werden, das I-Symbol. Normalerweise, wenn Sie es hier einrichten, wenn Sie Alpha Matt hier wählen, wird die Sichtbarkeit für Sie automatisch ausschalten. Nun, wenn ich eine Vorschau darauf sehe, wird es so etwas sein. Ja, das ist alles, was ich tun wollte, aber dann muss ich staffeln, vielleicht die Animation der Logo-Linie hier verzögern,sie ein wenig zurückziehen, sie ein wenig zurückziehen damit ich will, dass der gelbe Balken zuerst wächst und dann das Logo auftaucht. So etwas. Es ist glatt und natürlich. Zeit, um zusammenzufassen. In diesem Video haben wir darüber gesprochen, wie Beschriftungsfarbe zum Gruppieren von Layern verwendet wird und wie die Keyframe-Geschwindigkeit geändert werden kann, um das Energieniveau der Animation zu manipulieren. Ich habe Ihnen auch das Konzept von Track Matt gezeigt, das in vielen verschiedenen Szenarien angewendet werden kann. Gehen wir zum nächsten Video über. 15. Tagline und letzter Schliff: Jetzt können wir den Slogan animieren. Finden wir den Slogan hier. Das ist mein Slogan. Lassen Sie mich einfach den Slogan umbenennen. Für den Slogan möchte ich auch nur eine Positionsänderung vornehmen, die P ist, und dann trennen Sie Dimensionen, gehen Sie zu Null Sekunde. Ich möchte Dinge immer als Null Sekunde animieren und später kann ich die Ebenen dorthin ziehen, wo ich will. Jetzt kann ich auf die Stoppuhr hier auf Y Position klicken und sie nach vorne ziehen. Das hier, schieb es nach unten. Da diese Zeile sehr klein ist, ist sie nicht sehr sichtbar, so dass ich keinen Überschuss hinzufügen muss. Wenn Sie einen Überschuss hinzufügen möchten, können Sie, aber dann wird es nicht sehr auffällig sein. Also möchte ich hier nur eine wahrscheinlich Geschwindigkeit hinzufügen, um alles konsistent zu machen. Der Antrag wird konsequent sein. Ich möchte eine Opazitätsänderung hinzufügen, Shift T, bringen Sie die Deckkraft auf, vielleicht von 0-100 so. Ich möchte es ein bisschen zurückbringen, so etwas wie das. Das ist gut. Sieht gut aus für mich. Aber ich möchte immer noch mehr tun. Ich möchte den Details mehr Aufmerksamkeit schenken. Duplizieren wir das Dreifache des Slogan. Wählen Sie zweimal den Tagline Befehl D, Befehl D duplizieren. Jetzt haben wir drei Exemplare. Dann möchte ich eine Maske auf diesem Slogan hinzufügen. Die erste Zeile wird also das „Bleiben Sie verbunden“ sein. Gehen Sie einfach zum Rechteck-Werkzeug und dann mit ausgewähltem Slogan kann ich eine Maske zeichnen. Wenn ich diese Ebene solo, so sieht es jetzt aus. Ich zeichne eine Maske, die die ersten beiden Wörter bedeckt und das ist das einzige, was nach der Maske gezeigt wird. Dann für die zweite, Slogan 2, kann ich überall eine Maske zeichnen. Dann kann ich für den Slogan 3 eine Maske auf „Du bist“ zeichnen. Grundsätzlich habe ich den Slogan in drei verschiedene Teile geteilt und da sie bereits animiert sind, muss ich nur die drei Ebenen staffeln, um die Animation zu staffeln. Ziehen Sie das vielleicht ein wenig zurück, ein paar Frames, und ziehen Sie es dann ein paar Frames zurück. Dann, sobald sich die oberste Logo-Animation im Begriff ist, sich niederzulassen, möchte ich, dass dieser Slogan so erscheint. Verschieben Sie es einfach zurück und staffeln Sie dann die drei Animationen. Lassen Sie uns eine Vorschau darauf. Ja, so etwas. Ich habe das Gefühl, dass der Slogan zu schnell animiert ist, also wählen wir alle drei Ebenen aus, drücken Sie auf U, um alle Keyframes anzuzeigen. Ich möchte, dass es langsamer ist, also möchte ich Slogline mit der Shift-Taste auf der Tastatur auswählen, ich kann die gesamte Y-Position auswählen. Dann erinnern Sie sich an etwas, das ich Ihnen mit der Wahltaste auf der Tastatur gezeigt habe, können wir den letzten Keyframe ziehen, um sie gleichmäßig zu platzieren, um mehr Zeit zu geben. Jetzt schauen wir uns mal an. - Ja. So etwas wie das. Ich bin damit zufrieden. Nun, was ich tun möchte, ist zurück zur Hauptkomposition zu gehen und jetzt kann ich eine Vorschau der Animation. Lassen Sie uns eine Vorschau. So sieht es jetzt aus. Hier ist das Problem, wenn diese 07-Komposition eintritt, hier ist ein gerader Schnitt, aber da wir einen blauen Hintergrund innerhalb der Komposition haben, deckt es nur meinen gesamten Übergang ab. Also alles, was ich tun muss, ist in die Vorkomposition zu gehen und dann vielleicht jetzt versuchen wir das Sichtbarkeitssymbol für den blauen Hintergrund auszuschalten , so dass diese Komposition im Wesentlichen transparent ist. Gehen wir zurück zur Hauptkamera und werfen einen Blick. Es stört mich auch, dass diese blaue Farbe anders ist als diese blaue Farbe, ich möchte sie wieder ändern, um sie gleich zu machen. Lassen Sie uns einfach diesen Kreis finden, der Formschicht 4 ist. Dann gehen wir auf die obere Füllung, drücken Sie auf diese Pipette, ändern Sie sie zurück in diese blaue Farbe. Mal sehen, wie es aussieht, denn jetzt, wenn ich es zu diesem Blau ändere , unterscheidet sich von dem Storyboard, das wir bekommen haben. Ja, ich denke, es sieht gut aus. Sieht besser aus. Jetzt haben wir alle Animationen des Erklär-Videos gemacht, gehen wir zurück zum Anfang und werfen einen Blick, was wir haben. In Ordnung, das ist unsere Animation und Sie haben wahrscheinlich bemerkt, dass unsere Animation mit 12 Sekunden endet. Es gibt gerade jetzt eine drei Sekunden Lücke, weil unser Video erinnern soll 15 Sekunden, aber dann normalerweise einige Erklärer, sie haben in der Regel wie eine Sekunde bis zwei Sekunden halten am Ende für ihr Logo, nur so dass die Leute erinnern, was die Unternehmen ist, was das Produkt, das sie versuchen zu fördern, aber dann für uns jetzt haben wir fast drei Sekunden Lücke, was zu viel ist. Es ist etwas, das Sie unterwegs anpassen müssen. Manchmal, wie Sie arbeiten, ist es besser, einen Scratch-VO zu haben, sagen, jemand kann zuerst die Voice-Over lesen und dann, wenn Sie die Voice-Over importiert haben, können Sie basierend auf dem Tempo des Voice-Over animieren , so dass Sie ein ziemlich genaues Tempo für die Animation bekommen können, aber da wir dann nicht mit einem Voice-Over gearbeitet haben, haben wir gerade an unserem eigenen Tempo gearbeitet. In diesem Fall, wenn wir die letzte Voice-Over bekommen, müssten wir die Animation, den Übergang wieder zu diesem Voice-Over. Es ist nur eine weitere Problemumgehung, wenn Sie das VO nicht aus erster Hand haben. Wie Sie hier sehen können, haben wir mit Vorkomposition gearbeitet und all diese Übergänge sind ziemlich einfach, so dass es sehr einfach ist, Zeit einige der Übergänge zu lesen , um eine langsamere oder einige der Animation zu machen, können wir immer noch Anpassen. Es wird dich vielleicht etwas mehr Zeit kosten, um es zu verfeinern, zu polieren, aber du bekommst die Idee. Dies ist das letzte Video für alle Animationen. In diesem Video habe ich Ihnen gezeigt, wie Sie Maske auf Ebenen anwenden und auch ich teile einige Gedanken über Tempo und Voice-over. Im nächsten Video zeige ich Ihnen, wie Sie Ihre Animation exportieren können. 16. Exportieren: Jetzt beenden wir die ganze Animation, werfen wir einen Blick. Das ist unsere 15 Sekunden Explainer Animation. Lassen Sie mich Ihnen zeigen, wie Sie diese Datei in ein MP4-Format Video exportieren. Zuerst müssen wir hier „Komposition“ und dann „Add to Adobe Media Encoder Queue“ gehen . Klicken Sie darauf. Jetzt wird es Adobe Media Encoder öffnen. Übrigens müssen Sie vor dem Exportieren sicherstellen, dass der Vorschaubereich auf den Bereich festgelegt ist, den Sie exportieren möchten. Zum Beispiel, gerade jetzt ist unser Bereich von 0 Sekunden bis 15 Sekunden. Sie können den Bereichskopf hier sehen, er stoppt bei 15 Sekunden. Wenn Sie irgendwo anders haben, können Sie einfach Ihre Maus verwenden, um diese Kopfzeile dorthin zu ziehen , wo Sie wollen. Wenn Sie zum Beispiel auf 14 Sekunden ziehen, werden nur 14 Sekunden gerendert. Wenn ich auf 15 Sekunden ziehe, wird es 15 Sekunden rendern. Los geht's. Wir haben diese Animation zur Encoder-Queue hinzugefügt. Im Moment ist mein Animationsexportformat bereits auf H.264 eingestellt, was ein gemeinsames Format für MP4-Video ist. Dies wird hoch res MP4 sein, und das ist die häufigste. Eine andere Option ist, dass Sie es auch als Quick-Time exportieren können, die eine ProgRes-Datei ist. Die Dateigröße wird viel größer sein, aber die meiste Zeit brauchen wir nur diesen H.264. Für die zweite voreingestellte Spalte, halten Sie sie einfach so wie sie ist, ändern Sie nichts. Für den Dateispeicherort kann ich ihn einfach in den Ordner ändern, den ich möchte. Gehen Sie zum Desktop, und legen Sie es dann in SmartCity Explainer kreative Ordner namens Ausgabe, drücken Sie auf „Erstellen“ und jetzt können wir dieses in SmartCity Explainer umbenennen , drücken Sie „Speichern“. Jetzt können wir einfach auf diese grüne Play-Schaltfläche drücken, um mit dem Rendern zu beginnen. Es ist erledigt. Gehen wir zurück zum Desktop und schauen Sie sich unser 15 Sekunden Explainer Video an. Öffne es, da gehst du. So exportieren Sie die Animation in ein MP4-Format Video. 17. Glückwunsch!: Herzlichen Glückwunsch, du hast es geschafft. Jetzt ist es an der Zeit, dein Projekt abzuschließen und es mit mir und deinen Kommilitonen zu teilen. Stellen Sie sicher, dass Sie Ihr Video im Projektpanel posten , um Feedback zu erhalten und andere Schüler zu inspirieren. Dies ist kein einfacher Kurs, aber jetzt hast du es geschafft. Wenn es etwas gibt, von dem Sie sich nicht klar sind, können Sie mir jede Frage stellen, die Sie haben. Ich bin hier, um dir zu helfen. Wenn Sie sich nicht an einige der Techniken erinnern können, die wir hier gesprochen haben, können Sie immer wieder zurückgehen und Ihre Erinnerungen auffrischen. Ich habe auch ein paar andere Klassen über Motion Graphics, die Sie überprüfen können , wenn Sie mehr verschiedene Techniken lernen möchten, um Ihre Fähigkeiten zu verbessern. Vielen Dank, dass Sie meinen Kurs besucht haben, und ich hoffe, Sie in meinen anderen Videos zu sehen. Prost.