Erstellen von Kartenanimationen im Dokumentarstil mit Google Earth Studio und Adobe After Effects | Snehal Wagh | Skillshare

Playback-Geschwindigkeit


1.0x


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

Erstellen von Kartenanimationen im Dokumentarstil mit Google Earth Studio und Adobe After Effects

teacher avatar Snehal Wagh, Filmmaker

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      1:19

    • 2.

      Kursorientierung

      1:11

    • 3.

      Erste Schritte 

      7:26

    • 4.

      Punkte verfolgen

      4:28

    • 5.

      Setup von After Effects

      5:35

    • 6.

      Animation einer Vektorkarte

      5:24

    • 7.

      Pfade trimmen

      6:22

    • 8.

      Textanimation

      5:32

    • 9.

      Sound-Effekte

      4:22

    • 10.

      Endbearbeitung und Exportieren

      5:40

    • 11.

      Zusammenfassung

      1:35

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

134

Teilnehmer:innen

1

Projekt

Über diesen Kurs

Wenn Sie schon immer einmal klare Kartenanimationen im Dokumentarstil erstellen wollten, die nahtlos von der Erde auf eine Stadt zoomen und dann Regionen mit scharfen, modernen Grafiken aufschlüsseln. In diesem Kurs werden Sie Schritt für Schritt durch den gesamten Prozess geführt.

In diesem Workshop für Fortgeschrittene erstellen wir eine komplette Kartenanimation für die Region Tokio, die ich auch für mein nächstes Kurzvideo erlebe. Sie erhalten Zugriff auf meine bearbeitbare Adobe Illustrator-Kartendatei, und wir verwenden Google Earth Studio und Adobe After Effects, um daraus eine professionelle Sequenz zu erstellen.

Wir decken alles ab, was Sie brauchen, um einen Drehort auf der Leinwand zum Leben zu erwecken, einschließlich:

  • Einrichten eines Projekts in Google Earth Studio
  • Erstellen von reibungslosen Keyframe-Animationen
  • Arbeiten mit zwei Ansichtsfenstern und Trackpoints
  • Exportieren sauberer Kamerapfade
  • Importieren der Aufnahmen in After Effects
  • Erstellen kartenbasierter Bewegung Grafiken
  • Ebenenstile, Masken, Trimmpfade und erweiterte Kartenanzeige
  • Hinzufügen von Beschriftungen, Bewegungen und visueller Struktur
  • Exportieren eines endgültigen Videos für YouTube oder soziale Medien

Ganz gleich, ob Sie an Dokumentationen, Erklärvideos, Immobilienführungen, Tourismus-Inhalten oder Stadt-Storytelling arbeiten – dieser Workflow verleiht Ihren visuellen Elementen die Tiefe und Klarheit, die sie verdienen.

Für diesen Kurs benötigen Sie keine Vorkenntnisse mit Google Earth Studio oder After Effects. Sie müssen nur neugierig sein und experimentierfreudig. Am Ende des Programms sind Sie vollständig gerüstet, um saubere, hochwertige 2D-Kartenanimationen für jede Stadt oder Region der Welt zu erstellen.

Triff deine:n Kursleiter:in

Teacher Profile Image

Snehal Wagh

Filmmaker

Kursleiter:in

SUBSCRIBE ON YOUTUBE || FOLLOW ON INSTAGRAM

My name is Snehal Wagh, I'm a Video Editor & Motion Graphics Designer residing in the capital city of India, Delhi! I have loved maps since I was a kid, so I started combining my skills and passion to create Map Animation.

I freelance for many brands in India (my clients include Wrangler, Tata Motors, Maharashtra Tourism & Mala's) and Iz & Johnny Harris's company Bright Trip. That video alone received more than 300k views on YouTube & warm comments from the audience.

My quest is to experiment and share what I learn to make it easy for you to create beautiful, engaging, and cinematic films.

Thank you for reading, and see you in the class!

Vollständiges Profil ansehen

Level: Intermediate

Kursbewertung

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

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Leeson 1: Eine animierte Karte zeigt nicht nur, wo sich etwas befindet. Sie zeigt, warum es wichtig ist. Dynamische Kartenanimationen helfen Ihrem Publikum , Standort, Maßstab, Bewegung und Geschichte sofort zu verstehen , egal ob Sie eine Stadt aufschlüsseln, eine Region hervorheben oder ein einzelnes Wahrzeichen vergrößern Eine gut gestaltete Kartenanimation verleiht Ihrem Video Klarheit, Tiefe und viel visuelle Glaubwürdigkeit Mein Name ist Niel Wag. Ich bin Videoeditor und Motion-Graphics-Designer Im Laufe der Jahre habe ich Kartenanimationen in Kundenfilmen, Stadterklärungen und Reiseblogs verwendet , um dem Publikum ein besseres Verständnis der Welt auf der Leinwand In diesem Kurs gehen wir Kartenanimationen noch einen Schritt weiter Sie werden lernen, eine vollständige geografische Sequenz im dokumentarischen Stil zu erstellen , wie Sie sie in Premium-Erklärungen und gut produzierten YouTube-Videos sehen Premium-Erklärungen und gut produzierten YouTube-Videos Wir beginnen mit Google Studio, um eine saubere Kamerabewegung in Kinoqualität zu erstellen, und wechseln dann zu Adobe After Effects um Regionshighlights, Vektorkarten, Textelemente, Mischmodi und ausgefeilte Details hinzuzufügen , die die Animation wirklich professionell machen die die Dieser Workflow wird Ihr Storytelling sofort verbessern. Am Ende dieses Kurses werden Sie in der Lage sein, ausgefeilte Kartenanimationen in Kinoqualität zu erstellen , die Ihre Geschichten zum Leben erwecken und Ihrem Publikum helfen , die Welt so zu sehen 2. Kurseinheit 2: Ich freue mich sehr, Sie in diesem Kurs begrüßen zu dürfen. Es gibt so viele Tools für Kartenanimationen, aber die meisten davon sind sehr schwer zu erlernen oder sehr teuer. In diesem Kurs werden wir also Google Art Studio verwenden, ein kostenloses browserbasiertes Animationstool. Sie müssen nichts installieren, sondern nur den Zugriff anfordern, und in der Regel erhalten Sie Ihre Genehmigung innerhalb von 24 Stunden. Odd Studio bietet uns viele Möglichkeiten, wunderschöne Kartenanimationen zu erstellen, anzupassen und zu exportieren. In diesem Kurs werden wir gemeinsam die komplette Kartenanimation für die Region Tokio erstellen . Dies ist derselbe visuelle Stil ich für mein neuestes YouTube-Video verwende, und Sie erhalten das genaue Kartenlayout als bearbeitbare Illustrator-Datei Diese Klasse tendiert eher zu Kartenanimationen für Fortgeschrittene bis Fortgeschrittene Wenn Sie einen vollständigen Überblick über die Grundlagen von Google Out Studio haben möchten , schauen Sie sich auf jeden Fall meinen ersten Kurs an, in dem ich Schritt die Grundlagen der Kartenanimation erkläre. Bereiten Sie also Ihre Tools vor und beginnen wir mit der Erstellung Ihrer Kartenanimation im dokumentarischen Stil. 3. Kurseinheit 3: In dieser Lektion werden wir unser Projekt in Google Earth Studio einrichten unser Projekt in Google Earth Studio und den Hauptkamerapfad für unsere Kartenanimation der Region Tokio erstellen . Dies wird das Rückgrat von allem sein , was wir später in After Effects tun. Lass uns Earthstudio öffnen, indem wir zu earthggle.com SlashTDU gehen Sie werden einige Optionen sehen. Sie können ein neues Projekt erstellen, ein altes öffnen oder die QuickStart-Vorlagen durchsuchen In diesem Kurs gehen wir nicht auf die Schnellstarts ein. Klicken Sie vorerst einfach auf Leeres Projekt. Ein Projektfenster wird geöffnet. Geben Sie Ihrem Projekt einen Namen. Meiner ist für diese Demonstration die Region Tokio, aber Sie können sie gerne nach der Stadt oder dem Land benennen , das Sie animieren Sie werden hier feststellen, dass Sie in Earth Studio auch Mond und Mars wählen können, was bezaubernd ist, aber da wir noch keine Regionalkarten vom Mars haben , bleiben wir bei der Als Nächstes legen Sie die Abmessungen Ihrer Komposition fest. Wenn Ihr Seitenverhältnis aus dem vorherigen Projekt gesperrt ist, entsperren Sie es und wechseln Sie zu 1920 x 1080, was sich ideal für dokumentarische Animationen im YouTube-Stil eignet. Unter Dauer wähle ich statt Frames den Timecode und stelle ihn auf etwa 30 Sekunden ein. Sie können später immer noch kürzen, aber wenn Sie sich selbst Platz lassen, vermeiden Sie Kopfschmerzen bei der Bearbeitung. Lassen Sie uns die Bildrate bei 30 Bildern pro Sekunde belassen und dann auf Start klicken. Hier sehen Sie nun oben zwei verschiedene Vorschaubildschirme. Diese werden in Google Earth Studio als Viewports bezeichnet. Das linke Ansichtsfenster zeigt den Trackpoint, Interessenpunkt Ihrer Kamera Stellen Sie sich das als den Anker vor, den sich die Kamera immer dreht Das rechte Ansichtsfenster zeigt die endgültige Kameraansicht. Das ist genau das, was Sie in Ihrem Rendering sehen werden. Dieses duale Setup ist äußerst hilfreich, um Kamerabewegungen präzise zu steuern, insbesondere wenn Sie sanfte Map-Übergänge erstellen. Darunter befindet sich Ihre Zeitleiste, in all Ihre Attribute und Keyframes gespeichert werden. Jede Kamerabewegung, einschließlich Position, Höhe und Drehung, kann hier animiert werden Sie werden auch feststellen, dass es diese Schaltfläche mit dem Namen Attribute hinzufügen , in der Sie weitere Attribute finden , die Sie in Google Earth Studio animieren können Wir werden die Dinge in diesem Kurs einfach halten, da die meisten unserer Designarbeiten später in Arabia Afterefacts stattfinden werden später in Arabia Afterefacts Suchen wir in der Suchleiste oben nach unserem Standort , geben Sie Tokio ein und Earth Studio springt direkt zur Stadt Ich passe meine Ansicht an, bis die Region, die ich hervorheben möchte, zentriert ist. Sie können zoomen, neigen oder die Höhe anpassen, bis es sich richtig anfühlt. Wählen Sie nun aus, wo sich dieser Moment in Ihrer Timeline befinden soll. Ich setze meinen Abspielwert auf etwa 12 Sekunden , der als mittlerer Anker für meine Animation dient Sobald Ihre Kameraansicht genau Ihren Vorstellungen entspricht , klicken Sie auf „Keyframe hinzufügen“ Dadurch wird die aktuelle Kameraposition fixiert. Was ich jetzt tun werde, ist meinen Abspielkopf auf etwa 8 Sekunden nach vorne zu verschieben meinen Abspielkopf auf etwa 8 Sekunden nach vorne zu Dann werde ich die Höhe ein wenig erhöhen. Wenn wir das wiedergeben, werdet ihr einen langsamen, sauberen Zoom in Richtung Tokio sehen . Diese Keyframes bilden die Grundlage für die Kartenanimation, die wir in den After Effects verfeinern Lassen Sie uns damit fortfahren, den Rest der Bewegung auszuarbeiten. Nachdem wir nun unsere ersten beiden Keyframes festgelegt haben, wollen wir die gesamte Kamerabewegung weiter gestalten. Ich werde meinen Abspielwert auf etwa 16 Sekunden verschieben. Und geben Sie in einer Suchleiste Imperial Palace ein. Dieser Ort ist wichtig für unsere spätere After Effects-Arbeit, da der Kaiserpalast zum Heldenpunkt unserer Sequenz wird . Stellen Sie sich das als den Moment vor, in dem die Kamera endlich in das Herz von Tokio hineinzoomt Diese Ansicht ist ein bisschen zu groß, also werde ich die Höhe anpassen, bis ich den gesamten Bereich des Kaiserpalastes sehen kann Er Studio hat den Keyframe bereits für uns erstellt, sodass wir nicht immer wieder auf den Keyframe klicken müssen , wenn wir die Bewegung ausführen Ich werde hier den gleichen reibungslosen Zoom erstellen , den wir für die Stadt Tokio verwendet haben Dadurch haben unsere Zuschauer ein wenig Zeit, um zu verstehen, was in der Kartenanimation passiert, und sie wird auch nicht zu statisch aussehen. Schauen wir uns nun die bisherige Animation an. Wir zoomen in die weitere Region Tokio hinein, direkt in den Kaiserpalast. Das fühlt sich toll an, aber die Zuschauer wissen immer noch nicht , wo wir sind, es sei denn, wir zeigen ihnen das Gesamtbild. Also lasst uns einen Rückzieher machen und das Land aufbauen. Gehen Sie mit dem Abspielkopf ein paar Sekunden zurück auf Ihrer Timeline und lassen Sie uns nach Japan suchen Odd Studio zoomt heraus , um das gesamte Land anzuzeigen. Ich werde Japan neu gestalten, sodass es gut in der Mitte meines Viewports sitzt Beachten Sie, dass Sie nur Keyframes für die Kameraposition erstellen, nicht die Schwenk- oder Neigeposition nicht Das liegt daran, dass wir die Kamera nicht drehen, sondern uns nur gleichmäßig auf dem Pfad bewegen Bewegen Sie sich nun mit dem Abspielkopf etwas weiter in der Timeline und zoomen Sie noch weiter heraus Weit genug, dass die Kamera den globalen Kontext verrät. Es ist immer schön, den Zuschauern ein Gefühl dafür zu geben , wo die Reise beginnt. Ich ziehe mich gerade so weit zurück, einen Teil Asiens und Europas zeigen kann, bevor die Kamera ihre Reise nach Japan antritt. Ich denke, ich werde die Schlüsselbilder für Tokio und den Kaiserpalast etwas kürzer machen . Da wir in unserem Projekt viel Arbeit geleistet haben, sollten wir es speichern, damit wir uns keine Sorgen machen müssen, dass wir bis jetzt etwas verlieren könnten. Sie können die Steuertaste drücken oder zur Datei gehen und dann speichern. erscheint ein Popup, in dem Sie aufgefordert werden, Ihrem Projekt einen Namen zu geben und auszuwählen, wo es gespeichert werden soll. Sie können den Speicherort ändern oder sogar einen neuen Ordner erstellen, wenn Sie möchten. Aber hier werde ich meine einfach in meinem Hauptprojektordner speichern . Ihr Projekt wird in der Cloud gespeichert, sodass Sie jederzeit darauf zurückgreifen können. Lassen Sie uns jetzt den vollständigen Pfad wiedergeben. Wir enthüllen Japan, zoomen in Tokio hinein, halten kurz gedrückt, um alle Regionen hervorzuheben, und dringen dann in den Kaiserpalast um die letzte Nahaufnahme zu machen. Jetzt können Sie die gesamte Kameraansicht von der Gesamtansicht bis hin zu Tokio und dem Kaiserpalast in Ihrer Animation verwenden. In der nächsten Lektion werden wir Trackpoints hinzufügen, damit wir Beschriftungen und Grafiken perfekt in den Adobe-Artefakten anbringen können Beschriftungen und Grafiken perfekt in den Adobe-Artefakten anbringen perfekt in den Adobe-Artefakten 4. Kurseinheit 4: Lassen Sie uns diese Animation nun in Adobe After Effects nutzbar machen . Wir müssen in Google Studio Trackpoints erstellen , damit wir später Grafiken, Texte und Pins an die genaue Position anhängen können . Sie sich Trackpoints als die Anker vor, die dafür sorgen, dass Ihre Grafiken auf der Karte haften bleiben, auch wenn sich die Kamera bewegt Da es sich nicht um eine Drei-D-Animation handelt, werde ich nur einen Trackpoint erstellen Gehen wir zu dem Punkt in unserer Timeline mit unserem Abspielkopf, der den Kaiserpalast vergrößert Sobald Sie sich direkt über dem Kaiserpalast befinden, klicken Sie mit der rechten Maustaste auf den Palast und wählen Sie „Trackpunkt festlegen“ O Studio erstellt sofort einen Trackpoint für genau diesen Standort. Ich werde ihn umbenennen und den vor dem Trackpoint entfernen. Dies dient als Anker für alle Beschriftungen, Markierungen oder Grafiken, die wir später in den After Effects hinzufügen. Jetzt sind wir bereit zum Rendern. Klicken Sie oben auf den großen Render-Button. Fenster mit den Rendereinstellungen wird zusammen mit einer Vorschau Ihrer Animation angezeigt . Wählen Sie Ihren Ausgabeordner, behalten Sie den Namen unverändert oder ändern Sie ihn, wenn Sie möchten, und klicken Sie auf Zulassen, wenn Ihr Browser Sie um die Erlaubnis zum Speichern von Dateien bittet. Ein Studio bietet Ihnen im Wesentlichen zwei Möglichkeiten, Ihre Arbeit zu exportieren. Option eins ist das Rendern als Video. Verwenden Sie dies nur, wenn Sie die Animation genau so haben möchten, wie sie ist. Keine After Effects, keine zusätzlichen Grafiken, nur etwas, das schnell jemandem gezeigt oder direkt hochgeladen werden kann. Option zwei ist das Rendern als Bildsequenz. Das ist die Option, die wir brauchen. Bildsequenzen bieten Ihnen die höchste Qualität, die größte Kontrolle und vor allem die Möglichkeit, die Animation mit vollständigen Tracking-Daten in After Effects zu übertragen. Fahren Sie also fort und stellen Sie Ihren Rendertyp auf Bildsequenz um. Die Dimension sollte bereits Ihren Projekteinstellungen entsprechen. Für den Bildbereich wähle ich 0 bis 600 Frames, weil meine Sequenz etwa 20 Sekunden lang ist. Sie können dies auf der Grundlage Ihrer eigenen Zeitleiste anpassen. Als Nächstes sehen Sie die Attributionseinstellungen. Google Art Studio müssen Sie deren Zuordnung angeben. Sie können sie jedoch so positionieren, dass sie Ihre Animation nicht beeinträchtigt Ich platziere meins in der unteren linken Ecke. Sie können auch einfach das Google Earth-Logo ziehen , wenn das einfacher ist, und der Text sitzt dann sauber am unteren Rand außerdem sicher, dass Ihre Textausrichtung mit Ihrer Platzierung übereinstimmt Wenn sich Ihre Zuordnung auf der linken Seite befindet , wählen Sie Linksausrichtung Wenn Sie es nach rechts verschieben, wechseln Sie es nach rechts. Darunter sehen Sie die Tracking-Daten der Option 43d. Wählen Sie After Effects , da wir das alles als Nächstes in After Effects importieren werden Behalten Sie für den Koordinatenraum die globale Einstellung bei. Dadurch bleiben die Tracking-Daten stabil und vorhersehbar, sobald wir mit der Erstellung der Grafiken beginnen. Sie können auch den Kartenstil wählen. Durch die Erkundung werden wichtige Straßen und Sehenswürdigkeiten hinzugefügt. Und wenn Sie alles auswählen, können Sie auch lokale Unternehmen sehen. Clean bietet Ihnen eine einfache, ungehinderte Basisschicht, perfekt für dokumentarische Bilder eignet, da wir später unsere eigenen Labels und Highlights hinzufügen werden unsere eigenen Labels und Highlights hinzufügen werden Da wir keine Unordnung benötigen, den Kartenstil auf „ Clean Endlich die Texturqualität. Sie können normal verwenden, aber ich empfehle dringend eine hohe Einstellung, insbesondere wenn die Animation in einen Dokumentarfilm oder ein ausgefeiltes YouTube-Video aufgenommen wird . Das macht einen spürbaren Unterschied. Sobald alles eingerichtet ist, klicken Sie auf Start. Oder Studio fragt Sie möglicherweise, ob Sie die Änderungen speichern möchten, klicken Sie auf Speichern und der Rendervorgang beginnt. Beachten Sie unbedingt, dass Sie beim Rendern nicht zwischen den Tabs wechseln oder zwischen den Tabs wechseln oder den Browser schließen sollten. Oder Studio unterbricht das Rendern in dem Moment, in dem Sie auf die Seite klicken Lassen Sie die Registerkarte also aktiv bis der Export der Sequenz abgeschlossen ist Großartig. Jetzt ist Ihrem Hauptstandort ein Trackpoint zugeordnet, was bedeutet, dass After Effects genau weiß, wo sich der Punkt im Drei-D-Raum befindet. In der nächsten Lektion werden wir das gesamte Setup in Adobe After Effects importieren das gesamte Setup in Adobe After und damit beginnen, daraus eine wunderschöne und ausgefeilte Kartenanimation zu machen. 5. Kurseinheit 5: Es ist Zeit, alles in After Effects zu integrieren. Hier gehen wir von der Bewegung der Rock-Kamera zu einer echten Designumgebung , in der wir jeden visuellen Aspekt kontrollieren. Ich gehe jetzt zur Datei und führe die Skriptdatei aus. Ich suche meinen Ordner für die Region Tokio und wähle die Punkt-GSX-Datei aus, die Earth Studio exportiert hat Klicken Sie auf Öffnen. Sobald Sie ihn öffnen, erstellt After Effects automatisch eine brandneue Komposition mit Ihrer vollen Kamerabewegung, der Drei-D-Kamera und den Nullobjekten, die mit dem zuvor erstellten Trackpoint und der Textebene für Tokio verknüpft zuvor erstellten Trackpoint und der Textebene für Tokio Jetzt, da die Hauptkarte in mein Projekt importiert wurde, muss ich auch die Illustrator-Vektorkarte mitbringen , die wir animieren werden Sie können das aus dem Bereich Projektressourcen herunterladen. Gehen wir zum Projektfenster, klicken mit der rechten Maustaste und wählen Import und dann Datei. Wählen Sie die Illustrator-Datei aus, die Sie aus Ihren Kursressourcen heruntergeladen haben Klicken Sie auf Importieren und Sie werden mit diesem Popup begrüßt. In diesem Fenster werden Sie gefragt, welche Art von Import wir möchten. Filmmaterial oder Komposition. Wir wollen kein Filmmaterial, weil dadurch alles zu einer Ebene zusammengeführt würde, und wir benötigen jede Ebene separat, damit wir sie animieren können Wählen Sie die Komposition aus und klicken Sie auf Okay. Lassen Sie uns diese neue Vektorkomposition öffnen. Wir können hier alle Regionsebenen sehen. Diese Ebenen werden nur in ihrer aktuellen Auflösung gerastert nur in ihrer aktuellen Auflösung Wenn wir also die Abmessungen ändern , werden sie Wir wollen Vektorebenen, die scharf bleiben, egal wie nah Um das zu beheben, wählen Sie alle Ebenen aus, indem Sie die Umschalttaste gedrückt halten, rechten Maustaste darauf klicken und „Erstellen“ wählen. Sie werden hier einige Optionen sehen. Wählen Sie „Formen aus Vektorebene erstellen“. Ich lasse all diese Ebenen ausgewählt und verschiebe sie dann in meiner Timeline nach oben, sodass sie gruppiert bleiben. Sie werden feststellen, dass all unsere alten Illustrator-Ebenen jetzt darunter versteckt sind Da wir diese ursprünglichen Ebenen nicht mehr benötigen, wähle ich sie alle aus, indem ich die Umschalttaste gedrückt halte und dann auf Löschen drücke Wie Sie sehen können, hat After Effects jetzt saubere, unendlich skalierbare Formebenen generiert saubere, unendlich skalierbare Formebenen Kehren wir zu unserer Haupt - oder Studiokomposition zurück. Ich werde meinen Abspielkopf dort platzieren, wo Tokyo City auf meiner Hauptkarte deutlich sichtbar ist . Ich möchte die Textebene für einen Moment ausblenden. Klicken Sie auf das kleine Augapfelsymbol auf der linken Seite der Ebene in der Timeline Dadurch wird die Sichtbarkeit vorerst ausgeschaltet, aber Sie können jederzeit erneut auf den Augapfel klicken , um den Text wieder einzublenden Ziehen Sie nun Ihre Vektorform-Ebenenkomposition über den Tokio-Text in der Timeline und platzieren Sie diese Ebene an der Stelle, an der sich unser Abspielkopf befindet Wir müssen diese Vektorebene auch in eine Drei-D-Ebene umwandeln Klicken Sie dazu auf das kleine Würfelsymbol neben der Ebene. Es muss sich im selben Drei-D-Raum wie die Earth Studio-Kamera befinden damit das Tracking korrekt funktioniert. Jetzt müssen wir diese Spalte dem Track-Point-Null-Objekt überordnen. Da diese Null von Google Earth Studio erstellt wurde und sie die exakte Drei-D-Position von Tokio enthält, Karte perfekt mit der Kamera, sobald wir unsere Vektorkarte damit verknüpfen bewegt sich die Karte perfekt mit der Kamera, sobald wir unsere Vektorkarte damit verknüpfen. Suchen Sie dazu in der Timeline nach der übergeordneten Spalte und der Linkspalte. Wenn Sie es nicht sehen, schalten Sie einfach die Schalter unten um, bis es angezeigt wird Schnappen Sie sich auf der Vektorebene dieses kleine Pick-Peitschen-Symbol und ziehen Sie es direkt auf die Ebene Tokyo Null Object Sie können dafür auch das Drop-down-Menü verwenden. Der Computer ist jetzt übergeordnet, aber es sieht so aus, als ob er verschwunden ist. Das ist normal. Das ist eigentlich nur extrem klein Verhältnis zur Größe der Studioumgebung auf der Erde. Um das zu beheben, öffne ich meine Vektor-Comp-Einstellungen Auf der linken Seite der Ebene sehen Sie einen kleinen Pfeil, sehen Sie einen kleinen Pfeil, der alle Attribute erweitert , die wir ändern können Ich klicke darauf, um es herunterzuschalten. Öffnen Sie dann auch den Transformationsbereich. Hier können Sie das Problem bereits sehen. Die Werte für Position und Ausrichtung des Ankerpunkts stimmen alle überein und nichts wird auf Null gesetzt Als Erstes setze ich die Position auf alle Nullen Und dann setzen Sie alle Orientierungswerte auf 02. Jetzt ist die Komposition immer noch winzig, aber zumindest ist sie zentriert, was genau das ist, was wir wollen Von hier aus kann ich es einfach vergrößern, bis es sichtbar wird, und es dann mit den Positionsreglern ausrichten , bis es bequem über dem Zentrum von Tokio sitzt Das Schöne an der Konvertierung in Formebenen ist, dass Sie es beliebig skalieren können, und es bleibt perfekt scharf. Lassen Sie uns diese Rolle noch einmal spielen. Ich werde das ein bisschen vorantreiben, damit es später leicht zu animieren Jetzt ist unsere Karte in der Region Tokio platziert, getrackt und bereit für Animationen 6. Kurseinheit 6: In dieser Lektion animieren wir unsere Vektorkarte so, dass jeder Bezirk in einer sauberen Reihenfolge ein- und auspasst Auf diese Weise wird Ihrem Publikum klar, wie die Stadt geteilt ist , und die gesamte Region fühlt sich lebendig statt statisch an Lassen Sie uns die Vektorkomposition öffnen. Sie enthält all Ihre Kartenbezirksebenen. Bevor ich etwas animiere, organisiere ich die Kartenebenen gerne in einer logischen Reihenfolge Ich möchte die Animation im unteren Teil der Karte beginnen unteren Teil der Karte Zuerst kommt OTA. Dann Setageya, Sugia, Minakano und Nord-Tokio. Dann werde ich diesen Abschnitt an die Seite bringen , das Ost-Tokio, gefolgt vom älteren Teil der Stadt, und schließlich werde ich das Zentrum Tokios gefolgt vom älteren Teil der Stadt, und schließlich als letzten Höhepunkt enthüllen Sobald die Ebenen angeordnet sind, wählen Sie sie alle aus, indem Sie die Umschalttaste gedrückt halten und T drücken, um Opacity zu öffnen Ich verschiebe den Abspielkopf auf die Marke von etwa 20 Bildern und erstelle dann hier einen Keyframe, indem ich auf diesen Stopp oder dieses Symbol klicke Da alle unsere Ebenen ausgewählt sind, wurden Ebene Keyframes erstellt Sie dann den Abspielkopf zurück auf etwa zehn Frames und setzen Sie dann die Deckkraft Dadurch wird für jede Bezirksebene eine sanfte Überblendung der Animation erzeugt für jede Bezirksebene eine sanfte Überblendung der Animation Kehren wir nun zur Hauptkomposition zurück und platzieren Sie Ihren Abspielkopf genau dort, platzieren Sie Ihren Abspielkopf genau wo die Karte erscheinen soll Doppelklicken Sie dann auf die Vektorkarte da die Abspielposition in beiden Kompositionen synchronisiert wird. Sie können leicht erkennen, wo die Einblendungen in der größeren Animation landen werden Lassen Sie uns diese Enthüllungen also manuell sequenzieren. Ich mache das gerne von Hand, weil es viel klareres, absichtlicheres Timing ermöglicht Der letzte Bezirk, der erscheinen wird, wird Zentral-Tokio sein. Also wähle ich diese beiden Keyframes aus und ziehe dann den zweiten nach vorne, sodass er exakt mit meinem Abspielkopf Dann wiederhole ich den Vorgang für die alte Tokio-Ebene, unterbreche aber ein paar Frames zuvor, um eine schöne, gestaffelte Enthüllung zu erzeugen Ich setze diesen Vorgang mit den nächsten Ebenen fort und verschiebe jeden Satz von Keyframes leicht, verschiebe jeden Satz von Keyframes sodass sie nacheinander erscheinen Obwohl OTA der letzte Bezirk im Mayer-Stack ist, wird er tatsächlich der erste sein in der Animation erscheint, was uns einen sauberen Fluss von unten nach oben auf der Karte ermöglicht Kehren Sie zur Hauptkomposition zurück und sehen Sie sich eine Vorschau an. Sie werden sehen, dass die Bezirke Tokios eins nach dem anderen sauber und elegant erscheinen. Lassen wir sie jetzt im gleichen Stil verschwinden. Gehe zur Vektorkomposition. Wählen Sie all Ihre Opazitäts-Keyframes aus und kopieren Sie sie, indem Sie Strg und C gedrückt halten. Bewegen den Abspielkopf an die Stelle, an der der Bezirk ausgeblendet werden soll, und fügen Sie ihn ein. Wenn Sie nun die Ausgangsreihenfolge umkehren möchten, wird der erste, der angezeigt wird, der erste, der verschwindet Klicken Sie mit der rechten Maustaste auf Keyframe-Assistent auswählen und klicken Sie auf Keyframes mit umgekehrter Zeit Sehen wir uns jetzt noch einmal eine Vorschau an. Diese Überblendungen sind etwas zu langsam für das, was ich will. Wenn die Bezirke verschwinden, möchte ich, dass sich die Bewegung schneller und energischer anfühlt Also lass uns das reparieren. Ich werde all diese Keyframes auswählen und den Abstand zwischen ihnen verkürzen Dadurch bleibt der Fade-Out-Effekt erhalten, das Timing wird aber insgesamt beschleunigt Lassen Sie uns das in der Kartenzusammensetzung überprüfen. Ich liebe die Animation, aber im Moment sieht sie immer noch ein bisschen flach und ein bisschen dilettantisch Damit es sich ausgefeilter anfühlt, werde ich einen Mischmodus hinzufügen Um das zu tun, gehe ich in der Timeline zur Spalte Mode. Sie werden sehen, dass der Mischmodus derzeit auf Normal eingestellt ist Wenn Sie das Modusfenster überhaupt nicht sehen, klicken Sie einfach auf die kleinen Umschaltflächen am unteren Rand der Timeline, bis die Optionen den Mischmodus Sobald das Modusfenster sichtbar ist, öffne ich das Drop-down-Menü neben meiner Ebene Es stehen viele Mischmodi zur Auswahl. Also werde ich durchblättern und sehen, welcher am besten mit der Karte funktioniert Einige davon machen kaum einen Unterschied und multipliziert sieht alles für meinen Geschmack viel zu dunkel aus. Also werde ich noch ein paar mehr testen. Overlay sieht schon hübsch aus, weil es die Farbe gut vermischt und Tiefe verleiht Aber ich werde auch bei hartem Licht nachschauen. Und tatsächlich sieht das harte Licht sogar noch besser aus. Es hellt die Karte auf, hält die Form unserer Vektorebenen klar und trägt dazu bei die gesamte Animation stärker und professioneller anfühlt Damit ist unsere Animation im Bezirk Tokio abgeschlossen. In der nächsten Lektion erstellen wir anhand der Trimmwege einen Grundriss rund um den Kaiserpalast. 7. Kurseinheit 7: In dieser Lektion fügen wir ein kleines Detail für Fortgeschrittene , das die Szene wirklich zusammenbringt. Ich werde die Region um den Kaiserpalast anhand von Pfaden skizzieren . Bevor wir weitermachen und weitere Animationen machen, möchte ich dieses Projekt speichern. Also drücke ich Strg S , um zu speichern, oder Sie können einfach zu Datei und Speichern gehen. Jetzt ist alles, was wir mit Abstand getan haben , auf unserem Computer gespeichert. Gehen wir nun zum Imperial Palace-Teil und erstellen eine neue Formebene. Klicken Sie mit der rechten Maustaste auf die Timeline und gehen zu Neu und wählen Sie Formebene. Sobald das erledigt ist, stelle ich sicher, dass die Formebene tatsächlich ausgewählt ist , und klicke dann in der oberen Werkzeugleiste auf das Pentool Sie können auch einfach G auf Ihrer Tastatur drücken. Auf der rechten Seite sehen Sie die Pentool-Eigenschaften und Sie werden zwei Dinge bemerken: Füllung und Kontur Für diesen Umriss benötige ich überhaupt keine Füllung, da wir die feste Ebene bereits früher in der Tokioter Gliederung verwendet haben und das Ausfüllen dieser Form nur die Karte verdecken würde Also werde ich auf „ Ausfüllen“ klicken, ein kleines Menü erscheint. Dann wähle ich keine aus. Sie werden auch andere Optionen sehen, einschließlich Volltonfarbe, aber das brauchen wir für diesen Schritt nicht . Ich drücke einfach auf Okay. Dann mache ich dasselbe mit den Stricheinstellungen. Wenn Ihr Strich auf nichts eingestellt ist, klicken Sie auf Kontur, wählen Sie Volltonfarbe und bestätigen Sie es. Dadurch entsteht der sichtbare Umriss in unserer Animation. Danach kann ich die Strichfarbe in etwas Helles ändern . Wählen wir Gelb , weil ich möchte, dass die Palastgrenze ein wenig leuchtet und wirklich auffällt. Klicken Sie auf Okay, und dann passe ich den Strich ein wenig an. Ich werde die äußere Grenze des Geländes des Kaiserpalastes sorgfältig zeichnen . Ich muss nicht perfekt sein, aber ich versuche, das Grün und den Grundriss so nachzuzeichnen , dass es sich sauber und überlegt anfühlt Wenn ich fertig bin, schließe den Pfad , sodass eine komplette Schleife entsteht. Lassen Sie uns nun diese Formebene in eine Drei-D-Ebene umwandeln, indem wir auf dieses Würfelsymbol klicken es dann dem Trackpoint-Null-Objekt überordnen, genau wie wir es für die Vektorkarte getan haben. Jetzt verschwindet es plötzlich vom Bildschirm. Das bedeutet nur, dass sich die Transformationseigenschaften geändert haben. Passen wir es einfach so an, dass der Pfad korrekt auf der Karte angezeigt wird. Ich öffne die Transformationseigenschaften der Formebene, indem ich auf den kleinen Pfeil klicke. Und sofort werden Sie feststellen, dass die Ablagerungswerte ein bisschen uneinheitlich sind. Lassen Sie uns sie also zurücksetzen, indem wir für alle Positionsachsen Null eingeben. Die Ausrichtung ist auch nicht korrekt, also werde ich auch bei der Ausrichtung auf Null setzen. Dadurch wurde die Form wieder sichtbar, aber sie ist immer noch winzig und entspricht nicht dem Bereich des Kaiserpalastes. Der nächste Schritt besteht also darin, den Ankerpunkt und die Skala anzupassen. Gehen wir zuerst zur Skala und beginnen, sie langsam zu erhöhen, bis der Umriss ungefähr groß genug ist , um der Palastregion zu entsprechen. Mach dir noch keine Gedanken darüber , es perfekt zu machen. Wir können es später immer noch einmal optimieren. Ich gehe zum Ankerpunkt und verschiebe ihn so, dass sich die Gliederung an ihren Platz verschiebt Dies hilft dabei, den gezeichneten Pfad mit dem tatsächlichen Palast auf der Karte in Einklang zu bringen. Ich werde jeden der Pfadpunkte fein abstimmen, sodass der Umriss so genau wie möglich an das Palastgelände genau wie möglich Jetzt sind wir bereit, es zu animieren. Gehen wir zum Inhaltsbereich der Formebene. Hier sehen Sie ein kleines Symbol , das wie ein Play-Button aussieht. Lass uns darauf klicken und da ist es. Wir müssen dieser Formebene Trimmteile hinzufügen , damit wir den Umriss animieren können Also werde ich es auswählen. Sobald die Verkleidungsteile hinzugefügt wurden, drehe ich den Pfeil nach unten, um die Einstellungen zu ändern. Ich werde meinen Abspielkopf zu dem Moment bewegen, in dem die Kamera vollständig im Kaiserpalast angekommen ist Hier sollte die Gliederungsanimation beginnen. Klicken Sie in diesem Frame auf die Stoppuhr. Ich kann neben den Startwert schreiben, um einen Keyframe zu erstellen, und dann den Wert auf 100 setzen Ich gehe ein paar Sekunden vorwärts und ändere den Wert auf Null Wenn wir eine Vorschau davon sehen, zieht sich der Umriss langsam um den Kaiserpalast herum , fast so ihn jemand für das Publikum verfolgen Es fühlt sich sehr dokumentarisch an und bietet dem Publikum einen kleinen Anhaltspunkt Ich möchte, dass der Strich optisch glatt aussieht, also lassen Sie uns ihn ein wenig verfeinern. Ich gehe zur Formebene und wähle unter dem Inhalt Form eins aus. Hier sehen Sie die Eigenschaften der Form, einschließlich der Strichfarbe und der Konturbreite. Sie werden auch zwei sehr wichtige Einstellungen bemerken : Line-Cap und Line Join. Diese steuern, wie die Enden und Ecken einer Linie aussehen. Sie können scharf, flach oder schön abgerundet sein. Für diese Animation möchte ich, sich alles weich und glatt anfühlt. Deshalb setze ich sowohl die Linienobergrenze als auch die Linienverbindung auf rund. Um diesen Umriss noch besser aussehen zu lassen, füge ich einen sanften Glüheffekt hinzu, gerade genug, um den Kaiserpalast subtil hervorstechen ohne den Rest der Karte zu überwältigen Ich wähle zunächst die Formebene aus gehe dann zum Bedienfeld „Effekte und Voreinstellungen“ auf der In der Suchleiste gebe ich Glow ein. Und wenn es angezeigt wird, ziehe ich den Glüheffekt einfach auf die Formebene. Jetzt sieht es standardmäßig ziemlich hart aus, also lassen Sie es uns weicher machen. Ich werde die Leuchtintensität verringern und den Leuchtradius vorsichtig erhöhen Dadurch verteilt sich das Leuchten, sodass es eher zu einem weichen Glanzlicht als zu einem hellen Neonumriss wird. Lass uns das nochmal abspielen. Diese einfache Gliederung gibt Ihrem Publikum einen klaren Rahmen rund um das Wahrzeichen und sorgt dafür, dass das endgültige Heranzoomen beabsichtigt wirkt 8. Kurseinheit 8: Jetzt, wo unsere Gliederungsanimation für Imperial Palace fertig ist, möchte ich einen Titel hinzufügen, der den Zuschauern deutlich zeigt, um welchen Ort es sich handelt. Wir haben bereits eine Textebene , die automatisch von Google Earth Studio für den Track Point erstellt wurde . Wir werden das einfach benutzen. Ich werde diese Textebene in der Timeline etwas höher verschieben , damit es einfacher ist, damit zu arbeiten. Sie befindet sich bereits im Bereich der drei D und ist dem Trackpoint bereits untergeordnet Wir müssen uns also keine Gedanken darüber machen, erneut etwas zu verknüpfen. Im Moment ist der Text ausgeblendet, also werde ich ihn wieder einblenden, indem ich auf das kleine Augapfelsymbol neben der Sobald es erscheint, werden Sie feststellen, dass es viel zu groß für den Bereich des Kaiserpalastes Um das zu beheben, wähle ich die Textebene Track Point aus und öffne ihre Texteigenschaften im Bedienfeld auf der rechten Seite. Die Größe ist standardmäßig auf sehr hoch eingestellt, daher werde ich sie auf etwas viel Kleineres reduzieren. Ich werde den Text etwas oberhalb der Konturen neu positionieren , sodass er sich nicht mit der Formanimation überschneidet Jetzt ändere ich den Text selbst so, dass er Imperial Palace sagt. Verwenden wir die Steuerelemente für Skalierung und Position , um es genau dort zu platzieren, wo ich es haben möchte. Da es am Trackpoint befestigt ist, bleibt es perfekt mit dem Palast verbunden, wenn sich die Kamera bewegt. Als Nächstes ändern wir die Füllfarbe des Textes so, dass sie der Farbe unserer Gliederung entspricht. Klicken Sie auf Füllen und wählen Sie dann dieses Pipettenwerkzeug aus. Es wird genau die richtige Farbe ausgewählt Bevor ich den Text animiere, möchte ich, dass er sich anfühlt, als würde er hinter dem Umriss des Kaiserpalastes hervorstehen Dazu erstelle ich eine Maske. Wenn die Textebene ausgewählt ist, nehme ich das Stiftwerkzeug , ziehe eine Grenze um den Text und folge dann der Form des Palastumrisses. Das muss nicht perfekt sein. Es muss nur den Textbereich abdecken, damit die Animation aussieht, als würde sie hinter der Palastgrenze hervortreten. Wir könnten hier ein Preset verwenden, aber ich möchte, dass es sich praktischer anfühlt. Ich möchte, dass du die Grundlagen der Textanimation verstehst und nicht nur Dragon-Drop-Effekte. Lassen Sie uns das also Schritt für Schritt erstellen. Zuerst werde ich diesen kleinen Pfeil auf der Textebene nach unten drehen diesen kleinen Pfeil auf der Textebene seine Eigenschaften zu öffnen Dann öffne ich den Text und du wirst dieses kleine Symbol sehen , das wie eine Play-Schaltfläche aussieht Das ist die Schaltfläche „Animieren“. Hier beginnen alle Textanimationen in After Effects Ich klicke auf Animate und wähle aus der Liste der Optionen die Position aus Sobald ich das getan habe, erstellt After Effects eine Bereichsauswahl für den Text Das bedeutet, dass wir jetzt animieren können, wie und wann sich der Text bewegt Vor der Animation möchte ich das Bild an den Umrissen unseres Palastes ausrichten Ich wähle die Formebene aus, drücke, um die Keyframes einzublenden, und suche das letzte Keyframe , an dem der Umriss Das ist genau der Punkt, an dem der Text erscheinen soll. In diesem Frame kehre ich zur Textebene zurück und erstelle einen Positions-Keyframe Dann verschiebe ich den Keyframe in der Timeline ein wenig nach vorne, nur ein paar Sekunden, und passe die Position des Textes nach unten an, sodass er nach oben animiert Im Moment fühlt sich unsere Animation sehr langsam an, was ich nicht will Also nehme ich diesen letzten Keyframe und verschiebe ihn in der Timeline etwas Das beschleunigt die Dinge sofort. Ich werde auch den Positionswert ein wenig anpassen , damit sich der Text gut in der Mitte absetzt Das fühlt sich viel natürlicher an. Um alles zu glätten, klicke ich mit der rechten Maustaste auf den letzten Keyframe, gehe zum Keyframe-Assistenten und wähle Ess in Jetzt öffne ich den Diagrammeditor. Dies wird als Geschwindigkeitsdiagramm bezeichnet und hilft Ihnen dabei, zu kontrollieren, wie schnell oder wie langsam Ihre Animation abgespielt wird. Ich möchte, dass mein Text am Anfang schnell erscheint und dann langsamer wird, wenn er sich an der richtigen Stelle einfügt Lassen Sie mich Ihnen zeigen , wie Sie das einrichten. In der Geschwindigkeitsgrafik sehen Sie einen kleinen Griff auf dem letzten Keyframe Alles, was ich tun muss, ist diesen Griff zu nehmen und ihn beim ersten Keyframe vorsichtig nach vorne zu ziehen Während ich das mache, werden Sie feststellen, dass die Kurve anfängt, eine kleine Bergform zu bilden Diese Form weist After Effects an, die Animation schnell zu starten und dann zum langsameren Ende überzugehen. Wenn ich mir jetzt die Vorschau ansehe, fühlt sich die Bewegung viel natürlicher und ausgefeilter an. Zum Abschluss möchte ich einen subtilen Schlagschatten verwenden, um den Text vom Umriss des Palastes zu trennen. Ich gehe zu Effekten und Voreinstellungen, suche nach Schlagschatten und ziehe ihn dann auf den Text Ich erhöhe die Deckkraft und die Weichheit, damit es sauber und filmisch aussieht Das ist es. Unser Imperial Palace-Label fühlt sich jetzt wunderbar in die Karte integriert an. Ich freue mich sehr, wie das ausgegangen ist. 9. Kurseinheit 9: Sound ist die letzte Ebene , die Kartenanimationen zum Leben erweckt. Wir fügen subtile Töne, Enthüllungen und ein sanftes Ambiente , sodass sich die gesamte Sequenz ausgefeilt anfühlt Im Moment werde ich unsere Zeitleiste aufrufen , sodass wir diesen Bereich unter unserer Animation sehen können Hier werden wir die Soundeffekte hinzufügen , da unsere Map-Sequenz im Moment völlig geräuschlos ist und der Sound einen großen Unterschied darin machen kann, und der Sound einen großen Unterschied darin machen kann wie immersiv sich Ihre Animation anfühlt Also hier ist, was ich tun werde. Ich gehe zum Projektfenster, klicke mit der rechten Maustaste und wähle Import. Datei und öffne dann Ordner mit den Soundeffekten der in deinen Kursressourcen enthalten ist. In diesem Ordner finden Sie einige Audioclips, Dinge wie Marker-Sounds und Hochs. Ich wähle alle aus und klicke auf Importieren, damit sie in meinem Projekt angezeigt werden Importieren, damit sie in meinem Projekt angezeigt Jetzt, wo sie da sind, beginnen wir mit einem Sound, der ein bisschen taktiles Feedback gibt, dem Marker Ich nehme einen der Markerclips, ziehe ihn direkt auf die Timeline und platziere ihn auf einer leeren Stelle unter allen visuellen Ebenen Auf jeder Audioebene wird dir ein kleines Lautsprechersymbol auffallen. Wenn Sie darauf klicken, wird das Audio stummgeschaltet, wenn Sie erneut darauf klicken, wird die Stummschaltung aufgehoben Dies ist ideal, wenn Sie Ihre Grafik überprüfen möchten, ohne Wenn ich die Audioebene nach unten drehe, siehst du einen Audiobereich siehst du einen Darin befinden sich die Audiopegel. Hier regeln Sie die Lautstärke. Sie können es sogar mit Keyframes versehen, wenn Sie möchten, dass die Sounds im Laufe der Zeit ein- oder ausgeblendet Darunter befindet sich eine Wellenform. Wenn ich es öffne, zeigt After Effects die tatsächliche Audiowelle an Ich verwende das ständig, weil die Wellenform viel genauer ist als das, was Sie in der Vorschau hören Wenn etwas exakt auf die Konturanimation oder die Kamerabewegung treffen muss , vertraue ich der Wellenform visuell anstatt mich auf die Audiowiedergabe zu verlassen Hier ist ein wirklich hilfreiches Tastenkürzel wenn ich eine Audioebene auswähle und L drücke, also zweimal After Effects enthüllt sofort die Wellenform. Wenn Sie erneut LL drücken, wird sie ausgeblendet. Das erspart mir das Öffnen und Schließen von Menüs alle paar Sekunden. Jetzt werden Sie feststellen, dass es vier Versionen dieses Markersounds gibt. Aber nach meinem Timing passt die dritte Version meiner Meinung nach am besten zu unserer Animation mit der Gliederung des Kaiserpalastes. Um die restlichen drei Audios zu entfernen, müssen wir es kürzen Dazu bewege ich den Mauszeiger über den Anfang der Audioebene, bis ich die kleinen Pfeile sehe , die nach außen zeigen Das ist nach dem Fix, der mir sagt, dass ich jetzt trimmen kann. Ich ziehe die Kante nach innen, um den Clip auf genau den gewünschten Teil zu kürzen den Clip auf genau den gewünschten Teil zu Ich mache dasselbe am anderen Ende, damit der Sound sauber endet Sobald das erledigt ist, ziehe ich den Audioclip in der Timeline nach vorne, sodass er perfekt zu dem Zeitpunkt dem der Umriss des imperialen Paris gezeichnet wird Lass uns das noch einmal abspielen. Und ja, das klingt perfekt. Es fügt einen überzeugenden taktilen Hinweis hinzu, der dafür sorgt, dass sich die Konturanimation und fundiert anfühlt Der Markersound ist standardmäßig etwas laut, also sollten wir Ich schalte die Audioeigenschaften der Ebene herunter und senke die Audiopegel, bis sie sich auf natürliche Weise mit der Animation vermischen Das ist wirklich der Arbeitsablauf. Finde den Moment, in dem sich etwas bewegt, landet oder enthüllt, und kombiniere es mit einem winzigen Soundeffekt , um es zum Leben zu erwecken. Ich werde den gleichen Vorgang auf der gesamten Timeline wiederholen und subtile Klicks, Stille- oder Texturgeräusche hinzufügen, wo immer die Animation es erfordert Sie müssen es nicht übertreiben, sondern den Sound überall dort streuen, wo er die Bewegung verstärkt Mit nur wenigen Audioeingriffen fühlt sich Ihre Kartenanimation jetzt zehnmal lebendiger 10. Kurseinheit 10: Nachdem nun alle Elemente unserer Animation vorhanden sind, fügen wir dem Ganzen den letzten Schliff hinzu, bevor wir sie exportieren. Als Erstes überprüfe ich die Bewegungsunschärfe. Kartenanimationen können sich etwas steif anfühlen , wenn alles die ganze Zeit perfekt scharf ist, besonders bei den ersten Bewegungen oder Um Bewegungsunschärfe zu aktivieren, gehe ich zum Bewegungsunschärfe-Symbol in der Sieht aus wie diese drei kleinen überlappenden Kreise. Sobald ich darauf klicke, wird die Bewegungsunschärfe für alle Ebenen aktiviert , die sie benötigen , indem ich in jeder Ebenenzeile auf dasselbe Symbol Wenn sich jetzt etwas auf dem Bildschirm schnell bewegt, fügt After Effects der Bewegung automatisch eine subtile Unschärfe hinzu eine subtile Unschärfe Dadurch fühlen sich Animationen viel flüssiger und natürlicher an und Aussehen steifer Ausschnitte, das entsteht, wenn sich die Objekte ohne Unschärfe bewegen, wird entfernt entsteht, wenn sich die Objekte ohne Unschärfe bewegen Bewegungsunschärfe ist ein kleiner Schalter, endgültigen Animation jedoch einen enormen Feinschliff verleiht Feinschliff Lassen Sie uns nach der Bewegungsunschärfe an einigen Farb- und Kontrastanpassungen arbeiten , insbesondere an der Tokio-Karte Manchmal sehen die Bilder von Studiokarten im Vergleich zu den gestochen scharfen Vektorformen , die wir oben hinzugefügt haben, etwas flach im Vergleich zu den gestochen scharfen Vektorformen , die wir oben hinzugefügt haben, Um dieses Problem zu beheben, wählen Sie Ihre Haupt-Renderebene aus, wechseln Sie zu Effekt und dann zur Farbkorrektur Wählen Sie Lumitar-Farbe aus, und jetzt werden alle Steuerelemente im Effekteinstellungsfenster angezeigt Ich möchte, dass Sie zu dem Teil der Timeline wechseln in dem keine Vektorebenen die Ansicht blockieren Dadurch wird es einfacher, die Farbänderungen zu beurteilen und dann die grundlegende Korrektur herunterzuschalten Jetzt werde ich langsam ein paar Dinge anpassen. Zuerst werde ich den Kontrast ein wenig erhöhen , um mehr Tiefe in der Karte herauszuholen. Dann füge ich ein kleines bisschen Sättigung hinzu, nicht genug, um es karikaturhaft aussehen zu lassen, aber gerade genug, damit sich die Farben lebendiger anfühlen Als Nächstes werde ich in der Zeitleiste bis zu dem Moment zurückkehren, an dem Japan deutlich sichtbar ist Hier werde ich die Belichtung leicht erhöhen. Sofort sieht die Karte nicht mehr flach und verwaschen aus. Es wird heller, klarer und viel filmischer. Sie können wirklich sehen, dass sich Schatten und Lichter jetzt gut voneinander trennen Die Karte sieht für meinen Geschmack etwas zu blau aus. Ich werde es aufwärmen, indem ich den Temperaturregler in Richtung eines etwas wärmeren Farbtons bewege . Und einfach so fühlt sich die ganze Szene ausgewogener und natürlicher an. Lass es uns überprüfen. Und ja, das sieht wunderschön aus. Spielen Sie jetzt die gesamte Sequenz von Anfang bis Ende ab. Das ist dein letzter Pass. Halten Sie Ausschau nach winzigen Problemen wie Text, der zu früh in einem Rahmen erscheint, Stecknadeln, die neben der Ecke stehen, oder nach verblassender Opazität, die sich zu abrupt anfühlen Optimiere alles, was sich auch nur ein bisschen seltsam anfühlt. Das Ziel ist, dass sich die gesamte Animation mühelos anfühlt, obwohl Sie viel Arbeit hinter die Kulissen gesteckt Jetzt, da unsere Animation fertig ist, müssen wir sie exportieren, damit Sie sie zu Ihrem Dokumentarfilm hinzufügen, sozialen Medien veröffentlichen oder einfach mit Freunden teilen Dazu verwenden wir Adobe Media Encoder , der uns bessere Voreinstellungen und eine sauberere Komprimierung bietet Zuerst gehe ich zum Kompositionsmenü oben links in After Effects Wenn ich darauf klicke, sehe ich zwei Exportoptionen. Zur Medienkodierung hinzufügen oder Q zum Rendern hinzufügen. Die RenderQ-Methode ist etwas technischer und nicht so flexibel, daher wähle ich Zu Media Encoder Q hinzufügen. Sobald Media Encoder geöffnet wird , wird deine Komposition mit mehreren Einstellungen angezeigt . Das Format, die Voreinstellung und der Speicherort der Ausgabedatei . Ich klicke auf den blauen Text unter der Ausgabedatei , um auszuwählen, wo mein letztes Video gespeichert werden soll. Als Nächstes wähle ich unter Format die Option h.264 aus, was perfekt für die Art von Kartenanimation ist, die wir erstellt haben Leicht, hochwertig und bereit für YouTube oder soziale Plattformen Voreinstellung wähle ich dann eine passende Quelle mit hoher Bitrate Dadurch wird sichergestellt, dass wir mit den gleichen Abmessungen exportieren , die wir entworfen haben , und die Animation bleibt scharf Da unser Projekt keine Untertitel enthält, deaktiviere ich den Export von Untertiteln, damit Media Encoder seine Verarbeitungszeit nicht mit Dingen verschwendet, die wir Media Encoder seine Verarbeitungszeit nicht mit Dingen verschwendet , die Bevor ich mit dem Export beginne, nehme ich die maximale Renderqualität in den USA das beste Endergebnis zu Ich überprüfe auch gerne die Bitrate in den Videoeinstellungen. Normalerweise liegen die Werte zwischen zehn und 12 MBPS, perfekt für diesen Animationsstil. Klicken Sie dann auf Okay. klicke ich auf die kleine grüne Play-Schaltfläche oben rechts im Media-Encoder Wenn das erledigt ist, stehen Ihnen ausgefeilte Animationen auf der Landkarte von Tokio mit regionalen Enthüllungen, fließenden Bewegungen, einem hervorgehobenen Kaiserpalast und all den visuellen Elementen des Geschichtenerzählens zur Verfügung, die dokumentarische Kartensequenzen lebendig wirken lassen Ihre Kartenanimation ist jetzt fertig und wurde exportiert. Bereit, in Ihr YouTube-Dokumentarvideo oder Ihren sozialen Beitrag einzusteigen . 11. Zusammenfassung: Sie haben das Ende dieses Kurses erreicht. Wenn Sie Ihre Animation Schritt für Schritt verfolgt und erstellt haben , sollten Sie jetzt Ihre eigene Kartenanimation im dokumentarischen Stil haben . Ich freue mich so für dich. Ich hoffe, es hat Ihnen genauso viel Spaß gemacht, es zu erstellen , wie es mir Spaß gemacht hat, es zu unterrichten. Ich werde mehr solcher Kurse anbieten, also schau dir mein Skillshare-Profil an Und wenn du einen Blick hinter die Kulissen, Tipps weitere Tutorials haben möchtest, folge mir auf YouTube und Instagram Bitte vergiss nicht, dein Abschlussprojekt in der Projektgalerie zu teilen . Ich würde gerne sehen, was du gemacht hast. Ihr Projekt kann auch neue Schüler inspirieren , die später an diesem Kurs teilnehmen. Wir haben in diesem Kurs viel behandelt. Wir haben mit Google Earth Studio angefangen und gelernt, wie man ein Projekt einrichtet, Kamerabewegungen an Trackpoints ausführt und unsere Karte exportiert. Dann wechselten wir zu Adobe After Effects, wo wir Formen, Stecknadeln, Texte, Bezirkshighlights, erweiterte Konturen und Farbpolitur hinzufügten Stecknadeln, Texte, Bezirkshighlights, . Am Ende haben wir eine saubere, filmische Kartenanimation erstellt , die in Dokumentarfilmen, Reisevideos und sogar in Kurzform hervorragend aussieht Reisevideos und sogar in Kurzform Ich habe im Bereich Ressourcen ein PDF mit hilfreichen Tastenkombinationen, After Effects-Tricks für das Kartendesign und Notizen für Earth Studio hinzugefügt Bereich Ressourcen ein PDF mit hilfreichen Tastenkombinationen, After Effects-Tricks für Kartendesign und Notizen für Earth Studio es gerne herunterladen und bei sich behalten , wenn Sie weitere Projekte erstellen. Vielen Dank, dass du mit mir gelernt hast. Ich bin wirklich stolz darauf, wie weit du gekommen bist, und ich kann es kaum erwarten, die Kartenanimationen zu sehen, die du als Nächstes erstellst. Alles Gute und wir sehen uns bald in einer anderen Klasse.