So erstellst du eine beeindruckende Kartenanimation mit Google Earth Studio und Adobe After Effects

1. Einführung: [MUSIK] Eine animierte Karte macht es einfacher zu sehen wie man von Punkt A nach Punkt B kommt. Diese Karten werden hauptsächlich als hochmodernes Werkzeug für die geografische Visualisierung verwendet . Zuschauer erwarten heute , dass Geschichten diese dynamischen Karten haben. Wenn du daran interessiert bist, deinen Videos etwas Tiefe zu verleihen , indem du Kartenanimationen erstellst, dann ist dies der richtige Kurs für dich. Hallo, mein Name ist Snehal Wagh. Ich bin ein professioneller Videoeditor und Motion Graphics-Designer. Ich habe häufig Kundendokumentationen mit Kartenanimationen verwendet , um einen breiteren Überblick über die Umgebung zu erhalten und die Teile und Ziele in meinen Reise-Vlogs auf YouTube zu zeigen . In diesem Kurs werden die Grundlagen von Google Earth Studio und Adobe After Effects behandelt. Am Ende dieses Kurses sind Sie in der Lage, Ihre eigenen Kartenanimationen zu erstellen . Wir werden alles über die Navigation und Verwendung dieser Bearbeitungssoftware lernen Navigation und Verwendung dieser Bearbeitungssoftware wir Themen wie Keyframe-Animationen, Steuerung der Kamera, Export der Karten aus Earth Studio und Import in eine After Effects-Komposition, Verwendung von Trackpunkten für Textanimationen und schließlich Exportieren Ihrer Kartenanimation zum Einfügen in Ihr Video oder die Verwendung als eigenständige Animation für Portfolio. Google Earth Studio ist ein großartiges Tool Dokumentarfilme, Nachrichten, Reise-Vlogs oder für alle, die gerne Karten in ihren Videos verwenden. Sobald Sie diesen Kurs abgeschlossen haben, Sie voll ausgestattet, um mit Leichtigkeit grundlegende Kartenanimationen zu erstellen . 2. Kursorientierung: Hey, willkommen an Bord. Ich freue mich so, dich in der Klasse zu sehen. Es gibt viele Tools für Kartenanimationen, aber die meisten von ihnen sind zu kompliziert oder teuer. In diesem Kurs werden wir Google Earth Studio verwenden , ein browserbasiertes Animationstool. Es ist völlig kostenlos. Sie müssen lediglich den Zugriff zur Nutzung beantragen , der innerhalb von 24 Stunden genehmigt wird . Dies bietet uns viele Optionen zum Erstellen, Anpassen und Exportieren von Kartenanimationen. Earth Studio ist einfach zu bedienen, wenn Sie noch keine Animationserfahrung haben , das spielt keine Rolle. Wir werden auch After Effects verwenden, um die Animationen von Earth Studio zu ergänzen. Sie werden die absoluten Grundlagen lernen. Machen Sie sich also keine Sorgen, wenn Sie dieses Programm noch nie zuvor geöffnet haben. Was brauchst du also, um diesen Kurs abschließen zu können? Sie benötigen lediglich eine gute Internetverbindung, einen Chrome-Browser und After Effects sowie den auf Ihrem Computer installierten Media Encoder. Idealerweise sollten Sie auch eine ungefähre Vorstellung von dem Ort haben , an dem Sie die Kartenanimation erstellen möchten. Da wir Punkt-zu-Punkt-Reiseanimationen erstellen, möchte ich, dass mein Video Reisen durch Sydney zeigt. Also habe ich die St. Mary's Cathedral dem Sydney Opera House vorgezogen. Wir werden eine Umlaufbahn um diese beiden Orte und einen Pfad erstellen , der zu zwei im Grunde eine Anleitung, wie man von der Kathedrale zum Opernhaus kommt. Sie müssen nicht dieselben Punkte wählen wie ich denn unterwegs werden wir viel mehr über Google Earth Studio und After Effects lernen . Experimentieren Sie also gerne und erstellen Sie Ihre eigene Version der Kartenanimation. Also schnapp dir deinen Laptop als PC und lass uns loslegen. 3. Schnelle Starts im Earth Studio: [MUSIK] In dieser Lektion lernen Sie, wie Sie in Google Earth Studio schnell eine Kartenanimation erstellen. Schauen wir uns das Interface an. Hier auf der Hauptseite kann ich ein altes Projekt öffnen oder ein neues leeres Projekt erstellen. Wenn ich jedoch auf das Drop-down-Menü klicke, wird eine Schnellstartschaltfläche angezeigt, über die wir auf einige Animationsvoreinstellungen zugreifen können , die recht einfach zu verwenden sind. Wir haben hier ein paar verschiedene Optionen. Wir haben Zoom. Dadurch wird ein Ort von oben vergrößert. Das wird sich um die Polizei drehen. Dieser zeigt einen Punkt zu einem anderen Punkt. Das ist gut, wenn Sie die Entfernung anzeigen möchten . Wir haben Spiral und auch Fly-To und Orbit, was im Grunde Zoom-In plus Orbit ist. Ich klicke hier auf „Orbit“. Dadurch wird ein neues Projekt erstellt. Jetzt heißt es, wo möchten Sie Ihren Interessenschwerpunkt platzieren? Ich wähle das Sydney Opera House aus. Ich habe den Standort eingegeben und jetzt hat es eine Ansicht von oben, die wie Google Maps aussieht. Klicken wir hier auf die Schaltfläche Weiter. Wir können unsere Timeline hier sehen und wir können unsere Animation sehen. Wir haben auch diese vier verschiedenen Optionen zum Ändern, zum Beispiel, wenn ich diese Animation in die entgegengesetzte Richtung ändern möchte , kann ich sie so ablaufen lassen. Ich kann auch den Radius ändern, sodass ich etwas Platz für die Textanimation und die Höhe habe. Ich lasse die Zielhöhe dort, wo sie ist. Klicken wir auf „Weiter“ und ich möchte dass es 15 Sekunden statt 50 sind und es wird in 15 Sekunden eine ganze Umlaufbahn zurücklegen und es wird sich ebenfalls wiederholen. Sobald ich darauf klicke, gelangen wir zur eigentlichen Anwendungsoberfläche, auf die wir in der nächsten Lektion näher eigentlichen Anwendungsoberfläche, auf die eingehen werden. Aber wenn wir es jetzt abspielen, sieht das gut aus. Ich möchte auch Punkt-zu-Punkt-Animationen machen. Ich gehe zu Datei, Neu und klicke auf „Punkt-zu-Punkt“. Daraufhin werden wir aufgefordert , unser letztes Projekt zu speichern. Nennen wir dieses Opernhaus. Das ist gespeichert. Wir können weitermachen. Mein erstes Ziel ist die St. Mary's Cathedral in Sydney. Der zweite Punkt wird das Opernhaus sein. Jetzt klicke ich auf „Weiter“ und es wird die Route von der Kathedrale zum Opernhaus angezeigt . Wir spielen es noch einmal ab. Das sieht gut aus. Das ist eine Sache, die wir hier noch tun müssen, um es uns später einfacher zu machen , Pfad und After Effects zu erstellen, und das ist, einen flachen Rahmen der Karte zu erstellen. Um das tun zu können, wähle ich diese Keyframes aus und verschiebe sie ein bisschen nacheinander. Ich kann sie einfach gedrückt halten und ziehen und weiterbewegen. Nachdem dies erledigt ist, gehe ich zum Anfang der Timeline und zoome heraus, bis ich beide Orte sehe. Hier ist das Opernhaus. Wir können den gesamten Pfad im Rahmen sehen. Ich werde hier und hier einen Keyframe erstellen. Wir haben eine Sekunde Flatframe , an dem wir uns später orientieren werden. Ich möchte, dass du jetzt eine Aufforderung für dich selbst erstellst. Es könnte alles sein, wo Sie kürzlich waren, eine lokale Attraktion, die Sie kennen oder ein Ort, den Sie noch nie besucht haben. Ich möchte, dass Sie sich nur mit dem Schnellstart in Google Earth Studio vertraut machen. [MUSIK] 4. Schnittstelle des Earth Studios: [MUSIK] In der vorherigen Lektion haben wir eine Schnellstart-Animation erstellt. In dieser Lektion beginnen wir jedoch mit einer Animation von Grund auf , damit ich Ihnen einen Überblick über die Benutzeroberfläche geben kann. Ich erstelle ein neues Projekt, indem ich zu Datei, neu gehe und ein leeres Projekt erstelle. Schauen wir uns unser letztes Projekt an, das von der Kathedrale zum Opernhaus gehen wird, das gerettet wurde. Hier kann ich mein Projekt benennen und die Abmessungen, die Dauer und die Bildrate ändern . Die Abmessungen können hier bis zu 4K betragen, aber wir geben einfach 1920 x 1080 an, das ist Full-HD. Wir können sehen, dass die Bildrate zwischen 24 und 60 liegt. Ich werde es bei 24 Bildern belassen. Ich habe den Timecode unverändert gelassen, das sind 15 Sekunden, klicken Sie auf „Start“ und schon wird unsere Benutzeroberfläche aufgerufen. Google hat den Designer für das Kunststudio nach den branchenüblichen Animationstools ausgerichtet Er hat Key-Frames auf der Timeline. Das ist unser Zeitplan. Hier links haben wir unsere Attribute. Wir haben Attribute für Kamerapositionen wie Längengrad, Breitengrad und Höhe. Es gibt Attribute für Kameradotationen wie Schwenken und Neigen. Wir können auch weitere Attribute wie das Kameraziel und das Sichtfeld und die Tageszeit hinzufügen weitere Attribute wie das Kameraziel , was sehr cool ist. Wir können es nachts machen, wenn wir wollen. Wir können die Wolken, Ozean-Overlays und 3D-Gebäude ein- und ausschalten. Wir können auch die Kamerarolle bearbeiten. Um unsere Animation zu erstellen, fügen wir Key-Frames hinzu, verschieben dann den Abspielkopf an eine andere Stelle in der Timeline, ändern dasselbe Attribut an einem anderen Key-Frame und jetzt haben wir eine Animation. Wenn Sie jemals in Google Earth gearbeitet haben, ist es sehr ähnlich, Sie können die Erde nehmen und herumziehen, wir können mit der Maus hineinzoomen und scrollen. Auf der rechten Seite können Sie zwischen verschiedenen Viewport-Optionen umschalten. Wenn Sie zu dieser Toolbox gehen, können Sie sehen, dass wir die Benutzeroberfläche anders betrachten Wir können sehen , wie sich die Kamera bewegt, wenn ich die Ansicht hier ändere. Hier ist ein Profi-Tipp. Wenn Sie hier oben zur Ansicht gehen und verfügbare 3D-Bereiche aktivieren, sehen Sie diese gelben Formen. Auf diese Weise können Sie diese Umlaufbahnen zu 3D-Orten animieren , was mit flachen 2D-Orten nicht möglich wäre . Gehen wir zum Beispiel zum Taj Mahal , einem der sieben Weltwunder. Hier ist unsere Suchleiste. Wir können hier einen beliebigen Ort eingeben und es führt uns genau dorthin. Ich weiß nicht warum, aber wie Sie sehen können , ist dies kein 3D-Bereich. Egal wie sehr wir versucht haben, die Schwenk- und Neigeposition zu ändern, es wird immer flach sein. Gehen wir andererseits zu dem Bereich, der 3D ist. Wir gehen zum Eiffelturm. Hier können wir den Unterschied erkennen. Dies ist möglich, da es sich, wie wir sehen können, um einen 3D-Bereich handelt. Jetzt möchte ich, dass du ein paar Tastenkombinationen lernst , um dir das Leben zu erleichtern. Die erste ist Alt+C, wodurch die 3D-Ebenen ein- und ausgeschaltet werden. Du kannst es auch hier oben sehen. Lassen Sie uns zuerst unsere Zeitleiste bereinigen. Ich halte die Maustaste gedrückt und ziehe über all unsere Keyframes und klicke auf „Löschen“. Jetzt haben wir einen sauberen Zeitplan. Geben wir die St. Mary's Cathedral ein. Jetzt sind wir direkt über der Kathedrale. Wenn wir wie zuvor klicken und ziehen, können wir die Erde bewegen. Wenn ich die Kamera schwenken, neigen oder umkreisen möchte, halte ich zuerst die Alt- oder Wahltaste gedrückt, und wir umkreisen die Kamera. Jetzt erscheint dieses Ziel genau dort, wo mein Cursor war. Der Blickwinkel meiner Kamera wird im Grunde um dieses Ziel kreisen. Wenn ich klicke und ziehe, können wir die 3D-Bilder sehen. Die nächste Tastenkombination ist, wenn Sie die Strg- oder Befehlstaste gedrückt halten . Es steuert die Kamerarotation. Wir können Kipp- und Schwenkbewegungen ausführen. Das ist eine Neigung und das ist eine Pfanne. [MUSIK] Das sind die beiden wichtigsten Tastenkombinationen , die ihr im Hinterkopf behalten sollt, denn sie werden uns in der nächsten Lektion , in der wir lernen, wie man die Kamera steuert, eine große Hilfe sein. Diese beiden Tastenkombinationen sind Alt plus Klick, um sie zu umkreisen , und Strg plus Klick zum Schwenken und Neigen. [MUSIK] 5. Die Kamera steuern: [MUSIK] In dieser Lektion werden wir uns einer fortgeschrittenen Technik befassen, Sie mehr Kontrolle darüber haben, wie sich die Kamera bewegt. Die Kamera im Earth Studio zu animieren sieht etwas schwierig aus, daher werde ich Schritt für Schritt erklären, wie das reibungslos geht. Das erste, was ich hier mache, ist, mit der rechten Maustaste direkt auf die „St. Mary's Cathedral“ zu auf die „St. Mary's Cathedral“ und „Kameraziel festlegen“ auszuwählen. Sie sich keine Sorgen, wenn das Ziel etwas daneben liegt, denn Sie können Alt-Taste gedrückt halten und auf das Ziel klicken, um es zu bewegen. Ich werde es genau hier platzieren, und jetzt orientiert sich meine Kamera automatisch und bleibt auf die Kathedrale fokussiert, und Sie können hier unten in den Attributen sehen, dass sie meine Kamerarotationsparameter gesperrt hat. Der Schwenk und die Neigung passen sich automatisch an , wenn ich mich bewege und animiere, also schließe ich das. Wir können sehen, dass es auch dieses Attribut namens Camera Target hinzugefügt hat . Dies sind dieselben Bedienelemente wie die Kameraposition. Aber auch hier gibt es einen Einfluss. Es ist eine etwas fortgeschrittene Funktion, die wir in diesem Tutorial nicht verwenden werden. Als Nächstes richten wir den Viewport ein Wenn Ihre Oberfläche also ein bisschen anders aussieht als meine, gehen Sie zu „Ansicht“ und wählen Sie „Mehrfachansicht“ bis „Viewports“ und setzen Sie dann Ihr Viewport nach oben. Ich kann hier auch mein Kameraziel sehen. Wir haben hier eine Ansicht von oben und der Knoten ist immer oben, sodass es einfach ist, sich hier zu orientieren. Ich kann meine Kamera manuell steuern, indem ich sie auf diese rote Form nehme, und jetzt können Sie sehen, dass es jetzt ziemlich einfach ist, all diese verschiedenen Winkel der Kathedrale zu betrachten, wenn ich sie bewege es jetzt ziemlich einfach ist, all diese verschiedenen Winkel der Kathedrale zu betrachten . Was ich mit dieser Aufnahme erreichen möchte, ist, dass ich diese Ansicht der Kathedrale von oben nach unten habe dann umkreist die Kamera sie auf halber Strecke und landet vor dieser Aufnahme, wo ich auch das Opernhaus im Hintergrund sehen kann. Lassen Sie uns die erste Aufnahme mit einem Keyframe versehen. Ich werde die Ansicht verkleinern, bis ich dadurch etwas mehr Platz habe. Die Abkürzungen werden sich hier als nützlich erweisen. Ich verwende „Alt“ plus Klick für Kameradrehung und „Control“ plus Klick zum Schwenken und Neigen, um die gewünschte Aufnahme zu erhalten. Wir können hier auch die Höhe anpassen Wenn Sie also große Anpassungen vornehmen möchten, halten Sie „Shift“ gedrückt und es bewegt sich schnell, und wenn Sie eine Feineinstellung vornehmen möchten und wenn Sie eine Feineinstellung vornehmen möchten, drücken Sie „Control“ und dann wird es langsam. Oder Sie können die gewünschte Höhe auch manuell eingeben . Eine Sache, die ich mache, ist den Fall der Kamera auszuschalten. Dadurch kann ich das Kameraziel anstelle meiner Kamera sehen. Um die Keyframes auf der Timeline zu erstellen, setze ich den Abspielkopf an den Anfang, wobei sich meine Kamera in der ersten Position befindet, und füge der Kameraposition ein Schlüsselbild hinzu. Dann gehe ich zur Drei-Sekunden-Marke und bringe die Kamera hier nach vorne, und bringe die Kamera hier nach füge ein weiteres Keyframe und lass uns einen Blick darauf werfen. Ich wähle alle meine Keyframes aus und klicke mit der rechten Maustaste, um die automatische Beschleunigung hinzuzufügen, sodass die Kamerabewegungen flüssiger werden . In meinem Board mit der Ansicht von oben können Sie jetzt den Bewegungspfad und diese beiden wichtigen Frame-Punkte sehen . Dies ist unsere Startposition und das ist die Endposition, und Sie können sehen, dass sie sich automatisch auf das Kameraziel ausrichtet. Sie können hier auch diese kleinen Punkte sehen , die Ihre Geschwindigkeitsreferenz sind. Wir können hier zum Beispiel auch verschiedene Looks kreieren, ich möchte nicht, dass das eine gerade Linie ist. Ich möchte, dass die Kamera eine halbe Umlaufbahn hat, sodass ich diesen Punkt anfassen und die Alt- oder Strg-Taste gedrückt halten und dann klicken und ziehen kann. Es wird uns diese Griffe geben. Aus diesem Grund können wir den Spot krümmen und das sieht ziemlich filmisch aus. [MUSIK] Mach weiter und spiele mit den Kamerawinkeln und du kannst halbe Umlaufbahnen und halbe Spiralen machen und deine Kartenanimation individuell und filmisch gestalten. Wir sehen uns in der nächsten Lektion in der wir diese in After Effects importierte Animation verwenden, damit wir Pfade und Texte hinzufügen können. [MUSIK] 6. Track-Punkte im Earth Studio: [MUSIK] In dieser Lektion lernen wir, die Kartenanimationen, die wir in den vorherigen Lektionen erstellt haben, zu verwenden und sie in After Effects zu kompensieren und einige Texte und Elemente wie Teile hinzuzufügen. Da wir animierte grafische Elemente in After Effects zusammensetzen, müssen wir Trackpoints in Google Ads Studio hinzufügen , denn wenn wir das Bild so rendern, wie es jetzt ist , wird es eine flache Ebene sein, sodass wir die 3D-Elemente hier nicht verwenden können. Wir können einen Trackpoint hinzufügen, indem hier mit der rechten Maustaste auf die Karte klicken. Es heißt, einen Trackpunkt zu setzen, das können Sie tun, aber es wird nicht so präzise sein wie das Verwenden des Viewports. Ich werde hier hineinzoomen und auf Set Track Point klicken. Wir können hier klicken, um es umzubenennen. Ich klicke auch auf diese Menüschaltfläche und wähle Als lokalen Ursprung festlegen. Es gibt zwei verschiedene Möglichkeiten, das Koordinatensystem zu steuern, wobei Ihr Ankerpunkt und Ihre Positionierung standardmäßig global sind. Der Ausgangspunkt des Globalen ist der Mittelpunkt der Erde. Wenn Sie Objekte auf der Erdoberfläche bewegen, sind Ihre Positionierungsparameter hoch und es ist schwierig, mit bewegten grafischen Elementen zu arbeiten. Wenn Sie das also auf das lokale Koordinatensystem umstellen, können Sie den Ursprungspunkt für einen Spurpunkt angeben. Jetzt wird mein Startpunkt oben an meinem Ziel sein . Wenn wir die Elemente in den Nacheffekten verschieben, werden sie skalierbar sein. Eine weitere Sache, die Sie vor dem Export beachten sollten , ist sicherzustellen, dass Ihr Kartenstil auf Clean eingestellt ist. Sie können dies tun, indem Sie zu Kartenstil anzeigen gehen und auf Reinigen klicken. Bei den anderen beiden Optionen werden Teile und Namen angezeigt , wie dies bei Google Maps der Fall ist. werden wir nicht brauchen, weil wir dafür unsere eigene Textanimation erstellen werden. Moment der Wahrheit, lassen Sie uns diese Kartenanimationen anhängen , die wir gemacht haben. Klicken Sie auf die Schaltfläche Rendern und ich benenne sie in Sydney Opera House um. Wir haben die Möglichkeit, dies als JPEG-Bildsequenz oder als Video zu rendern . Wir benötigen es in der Bildsequenz, damit wir die Parameter auch hier ändern können. Geben wir ein Ziel an und wir müssen ihnen die Erlaubnis geben , auf das lokale Laufwerk zuzugreifen. Dann hier unten im Voraus, hier geben Sie den Koordinatenraum an. Auch hier ist es standardmäßig global, was wir auf lokal umstellen werden. Wenn ich diese Track-Punkte nicht als lokalen Ursprung festgelegt hätte , hätte es nicht Lassen Sie mich den Koordinatenraum wählen lassen. Sie müssen auch Google-Anzeigen zuordnen , da es sich um eine kostenlose Software handelt. Normalerweise setze ich beide auf Null, damit sie nicht zwischen meinen Animationen stehen , aber sie werden trotzdem Google Earth zugeordnet. Jetzt wird es gerendert und es gibt eine Sache mit dieser Art des Renderns. Wenn Sie die Tabs wechseln, wird das Rendern mit anderen grafikintensiven Anwendungen angehalten, oder das anderen grafikintensiven Anwendungen angehalten, Ändern von Tabs in Chrome während des Renderns kann zu fehlerhaften Renderings führen. Es wird automatisch angehalten, sodass Sie auf Weiter klicken können. Wir werden die restlichen Karten auf ähnliche Weise rendern. Um zu einem anderen Projekt zu gelangen, klicke ich auf Datei, Zuletzt geöffnet und dann auf Cathedral. Ich fand die Drei-Sekunden-Animation zu kurz, also habe ich hier auf alle letzten Keyframes geklickt und mit der Maus darüber gezogen alle letzten Keyframes geklickt und mit der Maus darüber und die Animation um bis zu fünf Sekunden verlängert Ich werde hier nur ein bisschen anpassen und Traktpunkte setzen, die lokalen Ursprungs sind und zum Rendern bereit sind. Da wir kein bestimmtes Ziel für Punkt-zu-Punkt-Animationen haben , wähle ich die Mitte des Pfads, das ist die Straße, setze einen Track-Punkt und benenne ihn in Mitte um und rendere das letzte Projekt. [MUSIK] Jetzt, da die Google Earth-Animation geschlechtsspezifisch ist, ist es an der Zeit, mit dem nächsten Teil dieses Kurses zu beginnen, und zwar ist es an der Zeit, mit dem nächsten Teil dieses Kurses zu beginnen, mit der Animation unserer Karten. In der nächsten Lektion werden wir lernen, wie man Text über unseren Kartenanimationen erstellt . Öffnen Sie also Ihr After Effects und lassen Sie uns loslegen. [MUSIK] 7. Textanimation in After Effects: [MUSIK] Zu Beginn sieht After Effects etwas einschüchternd da es nicht wie die andere Videobearbeitungssoftware aussieht . Obwohl es einfacher wird, wenn Sie sich mit diesem Programm vertraut gemacht haben und es häufig verwenden, werde ich nur an der Oberfläche dieses Programms kratzen da es sich viel eingehender mit Compositing befasst. Der nächste Schritt besteht darin, diese Maps in After Effects zu importieren . Das ist ganz einfach. Sie müssen lediglich die Skriptdatei ausführen , die im Export enthalten ist. Suchen wir ein Skript, führen Sie die Skriptdatei aus und navigieren Sie dann zu dem Ort, an dem Sie die Dateien exportiert haben, und Sie werden eine JSX-Skriptdatei sehen können. Klicke darauf. Das Drehbuch hat alles für uns getan. Sie können sehen, dass es diese Zusammensetzung mit allen Vermögenswerten gibt. Es hat die Bildsequenz als Clip importiert und dann dieses Nullobjekt von einem Tech Point aus erstellt. Es wurde sogar diese Textebene hinzugefügt , die an das Nullobjekt angehängt ist. Jetzt müssen wir diesen Text nur noch neu formatieren, da er flach auf der Oberfläche ist. Die Kamera entspricht jedoch der Bewegung der ursprünglichen Animation. Wenn wir nun animierte Grafiken erstellen und sie an diese Track-Punkte oder die Nullobjekte anhängen, automatisch die Illusion , dass wir ein 3D-Element in unserer Karte haben. Formatieren wir unsere Textebene. Klicken Sie auf unseren Text und drücken Sie „S“ auf der Tastatur, um die Skala zu sehen. Wir können sehen, dass das zu groß ist, also lassen Sie es uns herunterfahren. Wir können dieses 3D-Widget über dem Text sehen, mit dem wir es entsprechend verschieben werden , wie der Text aussehen soll. Wenn Sie das noch einmal gespielt haben, sieht es tatsächlich so aus, als wäre der Text ein 3D-Objekt, das über der Kathedrale schwebt. Ich gehe hier zu den Charaktereigenschaften in unserer Seitenleiste, damit ich die Farbe unseres Textes ändern kann. Ich werde auch den Text ändern, weil das nur eine Kathedrale ist, aber ich möchte, dass dort St. Mary's Cathedral steht, und ich werde auch alles zu Kapital machen. Ich werde dem Ganzen den letzten Schliff geben. Ich werde die gleiche Textstandardabweichung auch mit unserer Karte des Opernhauses machen . Dadurch wird ein neuer Comp erstellt. Ich werde nur den Animationsteil vorspulen. Sie können den gleichen Schritten folgen wie wir es mit der Kathedrale gemacht haben. Obwohl ich hier noch eine weitere Sache hinzufüge da es sich um eine komplette Spirale handelt, möchte ich, dass sich der Text mit der Kamera dreht. Also drücke ich „R“ auf der Tastatur, um die Drehung einzustellen, erstelle am Anfang einen Keyframe und gehe zum letzten Bild. Richten Sie den Text dort aus, wo ich ihn haben möchte. Ich werde am Anfang noch einen Keyframe erstellen, weil mir gerade aufgefallen ist, dass ich den ersten Keyframe in die Mitte gelegt habe . Unser Text rotiert mit der Kamera. Jetzt, wo wir mit dem Start und dem Ende unserer Animation fertig sind , müssen wir nur noch den Pfad dazwischen erstellen. Das lernen wir in der nächsten Lektion. [MUSIK] 8. Pfadanimation erstellen: Bevor wir mit der Erstellung der Punkt-zu-Punkt-Animation fortfahren, stelle ich sicher, dass mein Projekt gespeichert ist. Gehen wir dazu zu Datei, Speichern und wählen Sie das Laufwerk aus. Ich nenne dieses Kartenprojekt und klicke auf „Speichern“. Die Tastenkombination zum Speichern Ihrer Datei ist S. Um die Pfadanimation zu erstellen, exportieren wir eine Punkt-zu-Punkt-Datei von Earth Studio erneut nach After Effects. Gehen Sie dazu zu Datei, Skripts, Skriptdatei ausführen und importieren Sie die JSX-Datei. Genau hier benötigen wir keine Textebene, also werde ich weitermachen und alle Textebenen löschen. Jetzt erstelle ich eine Formebene für unseren Pfad. Ich wähle ein Rechteck aus, ändere die Füllfarbe in Blau und ziehe, um den gesamten Bildschirm abzudecken. Dann werde ich es in ein 3D-Format umwandeln, indem ich auf dieses Feld vor der Formebene klicke und die Mitte als übergeordnetes Objekt auswähle. Lassen Sie uns auch die Position auf 0, 0, 0 und die Ausrichtung ebenfalls auf 0, 0, 0 setzen 0 und die Ausrichtung ebenfalls auf 0, . Jetzt, wo unser Rechteck kleiner geworden ist, ziehe ich es über den gesamten Rahmen. Ich werde auch unsere Komposition an den Rahmen anpassen, indem ich hier klicke und Anpassen auswähle. Lassen Sie uns das Rechteck ausblenden und wir werden unseren Pfad auf derselben Ebene zeichnen. Wir müssen sicherstellen, dass diese Formebene ausgewählt ist. Klicken Sie auf das „Stiftwerkzeug“ und dann stellen wir unsere Füllung auf transparent. Mit diesem Stiftwerkzeug zeichnen wir einen Weg von der Kathedrale zum Opernhaus. Ich werde den Weg hier verfolgen und wir können im Laufe der Zeit Anpassungen vornehmen. Es ist wichtig, nur relativ nah dran zu sein, aber es muss nicht exakt sein. Sie können den Rahmen zu 100% anpassen, damit Sie die Straße besser sehen können. Dies ist eine weitere Abkürzung , bei der Sie die Leertaste gedrückt halten müssen, um die Zeitleiste mit Hilfe des Cursors zu bewegen. Sobald wir damit fertig sind, öffnen die Eigenschaften für Form 1, das ist der Pfad, den wir gerade erstellt haben Ich setze die Strichstärke auf vier Linienobergrenze bis Rundkappe und Linien, die mit Bevel Join verbunden sind. Da wir unseren Text in Weiß erstellt haben, werde ich auch die Farbe des Pfades weiß belassen. Wir werden auch die Formebene einblenden. Wir fügen jetzt die Trimmpfade hinzu, um sicherzustellen, dass die Formebene ausgewählt ist. Wählen Sie Pfade aus, fügen Sie sie hinzu und dann Trimmen. Auf diese Weise können wir den Pfad im Verlauf der Animation aufdecken . Wir gehen zu unserem Startframe und öffnen die Option Trim Path. Ich klicke auf die Stoppuhr am Ende und setze sie als Startpunkt auf 0. Ich bewege den Abspielkopf um etwa eine Sekunde und passe die Endwerte so an, dass wir den Pfad innerhalb des Frames sehen können. Dadurch wird automatisch ein Keyframe gesetzt. Gehen Sie dann ein bisschen weiter. Wir werden dies während der Animation tun, indem jeweils einige Sekunden weitergehen und eine Anpassung an den Endwert vornehmen. Dadurch haben wir ein wenig Kontrolle darüber, was sich im Rahmen befindet und was wir anzeigen möchten. So sieht es mit dem Trim-Pfad aus. Ich möchte nicht, dass das nur eine Zeile ist. Mir wäre es lieber, wenn es so aussehen würde, wie es auf der Google-Karte aussieht , wenn Sie nach einem Wanderweg suchen, einer führenden Punktlinie, die sich auch bewegt. Ja, es gibt eine Möglichkeit, dies in den Nachwirkungen selbst zu tun. In den Eigenschaften unserer Form können wir sehen, dass es diese Option namens Striche gibt. Wenn ich hier auf den Plus-Button klicke, erhalten wir diese beiden Optionen. Einer ist Dash und ein anderer ist Offset. Wenn ich noch einmal auf das Plus klicke, erhalte ich auch die Option Gap. Du kannst damit spielen, wie du willst. Diese Option hilft Ihnen dabei, die richtige Menge an Strichen und Lücken zu erhalten , die Sie möchten. Wie ich dir schon sagte, ich möchte, dass es wie die Google Maps-Wanderwege aussieht. Ich werde versuchen, es so nah wie möglich aussehen zu lassen. Nun, das sieht tatsächlich ein bisschen roboterhaft aus. Ich gehe zum ersten Bild unserer Animation und erstelle einen Keyframe Dann gehe ich zum Ende der Animation und verschiebe meinen Offset ein wenig. Das sieht tatsächlich so aus, als würde es rückwärts statt vorwärts gehen. Ich setze meinen ersten Frame auf 100 und den letzten Frame auf 0. Das sieht schon viel besser aus. Sparen wir uns das. Es gibt einen Grund, warum ich für alle drei unserer Kartenanimationen dasselbe Objekt verwende für alle drei unserer Kartenanimationen dasselbe Objekt , damit wir sie zusammenfügen und exportieren können. Dazu erstelle ich eine neue Komposition, indem ich auf Komposition, Neue Komposition gehe wird dieses neue Fenster geöffnet, in dem wir unseren Comp einrichten können. Ich benenne es Final Cathedral in Opera House Route um Auflösung bei 1920 x 1080 HD, ändere aber die Bildrate auf 24 Bilder pro Sekunde, da wir unsere Earth Studio-Animationen ebenfalls in 24 Bildern pro Sekunde exportiert haben . Die Dauer beträgt 30 Sekunden. Klicken Sie auf „Okay“ und ziehen wir alle unsere Kartenkompositionen in den endgültigen Comp. Unser erster Comp war Cathedral. Ich lasse das sein, ich werde das Ende etwas kürzen. Ich werde unsere Pfad-Animationskomposition in der Timeline direkt nach der Kathedralenkomposition nach vorne ziehen . Halte „Shift“ gedrückt, um es direkt danach zu starten. Ich werde auch den Startteil reinigen, wo wir nur die flache Ebene verwenden , damit wir unseren Pfad erstellen können. Halte „Shift“ gedrückt, um es direkt danach zu starten. Das letzte ist das Opernhaus. Ich mache dasselbe mit diesem. Halte „Shift“ gedrückt, um zu schnappen. Schauen wir uns an, wie es von Anfang an läuft. Das sieht ziemlich gut aus. Ich werde nur ein bisschen anpassen, um es in den sozialen Medien teilen oder im normalen Player ansehen zu können sozialen Medien teilen es in den sozialen Medien teilen oder im normalen Player ansehen Wir müssen es aus After Effects exportieren. Lass uns das machen. Wir gehen zu Datei, Exportieren und klicken auf Zur Media Encoder-Warteschlange hinzufügen. Sobald der Media Encoder geöffnet ist, stehen Ihnen weitere Einstellungen zur Verfügung, z. B. das Ändern der Voreinstellung und des Ziels für die Ausschreibung. Hier behalte ich das Format Match Source hat Bitrate, ändere aber das Ziel auf Desktop Ich sollte diese Datei später finden können , wenn ich sie mit meinen Freunden teilen möchte. Jetzt klicke ich auf diese blaue Schaltfläche oben rechts, und das wird ein paar Minuten dauern. So sieht es dort am Ende aus. [MUSIK] 9. Das ist ein Wrap!: [MUSIK] Du bist am Ende des Unterrichts, und wenn du die Animation mit mir verfolgt und erstellt hast, hast du vielleicht schon deine eigene Kartenanimation. Vergiss nicht, es im Projekt zu posten. Ich würde gerne sehen, was du gemacht hast, und es wird eine Inspiration für die Leute sein , die sich für diesen Kurs anmelden. Ich werde in Zukunft mehr Kurse wie diesen anbieten, also vergewissere dich, dass du mein Skillshare-Profil löschst und mir auf YouTube und Instagram folgst, um mehr über die Kulissen und Updates zu erfahren und mir auf YouTube und Instagram folgst . Es war ein Wirbelwind von einer Reise mit Ihnen. Wir haben Google Earth Studio von Grund auf neu gelernt, von Schnellstarts bis hin zu Dragpoints. Anschließend haben wir diese Maps in After Effects importiert und Elemente hinzugefügt, um sie informativer zu gestalten. Am Ende haben wir unser Endprodukt bekommen, eine wunderschöne filmische Kartenanimation. Ich habe im Ressourcenbereich ein PDF mit Tastenkombinationen, After Effects Effects-Elementen und einem RStudio-Dokument hinzugefügt After Effects Effects-Elementen . Nimm das mit und erstelle noch mehr tolle Kartenanimationen. Alles Gute und wir sehen uns bald in einer anderen Klasse.