Premiere Pro Tutorials

So erstellst du eine Reisekarten-Animation in Premiere Pro

Animiere eine leuchtende Route über eine Weltkarte in Premiere Pro mit dem Pen Tool, einer Kontur und den Keyframes für Right im Crop-Effekt.

Motion GraphicsPremiere Pro
Glowing red route line curving across a black and white world map, made in Premiere Pro

Das Tutorial ansehen

Schritt 1: Das Pen Tool auswählen

Lege dein Kartenbild auf die Timeline. Wähle dann das Pen Tool in der Werkzeugleiste aus oder drücke P.

Hervorgehobenes Pen Tool in der Werkzeugleiste von Premiere Pro

Schritt 2: Die Route zeichnen

Gehe im Programmmonitor zum Startpunkt deiner Animation und klicke mit der linken Maustaste. Gehe dann zum Endziel und halte die linke Maustaste beim Ziehen gedrückt. Beim Ziehen entsteht ein Griff, mit dem du den Pfad nach Belieben krümmen kannst.

Mit dem Pen Tool gezeichneter Pfad von Nordamerika in den Nahen Osten auf einer Weltkarte in Premiere Pro

Schritt 3: Die Form in eine Linie verwandeln

Achte darauf, dass die neue Grafikebene ausgewählt ist, und öffne Effect Controls. Klappe Shape auf, deaktiviere unter Appearance die Option Fill und aktiviere Stroke. Jetzt hast du eine weiße Linie. Erhöhe die Konturbreite, um sie dicker zu machen. Im Video liegt sie bei etwa 29. Wenn die Linie an den Enden komisch aussieht, stelle die Stroke-Option statt auf Outer auf Inner oder Center.

Deaktiviertes Fill und aktiviertes Stroke mit einer weißen gebogenen Linie auf der Karte in den Effect Controls von Premiere Pro

Schritt 4: Die Farbe der Linie ändern

Klicke auf das Farbfeld von Stroke und wähle die Farbe, die du möchtest. Im Video wird Rot verwendet, das sich von einer Schwarz-Weiß-Karte gut abhebt. Klicke auf OK.

Color Picker zum Auswählen einer roten Stroke-Farbe für die Kartenlinie in Premiere Pro

Schritt 5: Crop hinzufügen und den Wert Right animieren

Damit sich die Linie selbst zeichnet, öffne das Panel Effects, suche nach Crop und wende es auf die Formebene an. Gehe in den Effect Controls an den Anfang des Clips und klicke auf die Stoppuhr neben Right, um einen Keyframe zu setzen. Erhöhe dann den Wert Right, bis die Linie verschwunden ist.

Gehe als Nächstes zu der Stelle, an der die Animation enden soll, und senke den Wert wieder Richtung 0%, sodass die Linie komplett sichtbar ist. Jetzt wächst die Linie vom Startpunkt zum Ziel.

Schneller mit BetterFX: Lass das Effects-Panel aus. Drücke dein BetterFX-Kürzel, tippe die ersten Buchstaben von Crop und drücke Enter, um den Effekt auf den ausgewählten Clip anzuwenden. BetterFX holen

Crop-Effekt mit dem Wert Right in den Effect Controls von Premiere Pro, der eine rote Linie auf der Karte enthüllt

Schritt 6: Die Animation glätten

Um die Animation zu glätten, wähle beide Keyframes aus, klicke mit der rechten Maustaste auf einen und wähle Ease In, dann dasselbe noch einmal für Ease Out. Die Linie beschleunigt und bremst jetzt sanft ab, statt sich mit konstanter Geschwindigkeit zu bewegen.

Weicher mit EaseFlow: Wähle die Keyframes aus und wende mit einem Klick eine echte Easing-Kurve an, statt Bezier-Griffe zu ziehen. EaseFlow ansehen

Tipps

  • Füge ein Leuchten hinzu. Das fertige Beispiel hat einen weichen roten Schimmer um die Linie. Probiere unseren Glow-Highlight-Effekt aus.
  • Verkette mehrere Routen. Zeichne für jede Etappe der Reise eine neue Linie und starte jede, wenn die vorherige endet.
  • Passe das Tempo an den Sprechertext an. Eine längere Animation passt zu einer großen Entfernung.

FAQ

Wie lasse ich in Premiere Pro eine Linie sich selbst zeichnen?

Wende den Effekt Crop auf die Linie an und setze Keyframes für den Wert Right von einem hohen Wert bis auf 0%.

Wie krümme ich die Linie?

Klicke mit dem Pen Tool auf den Startpunkt, klicke dann am Ziel und ziehe, um einen gebogenen Griff herauszuziehen.

Warum sieht meine Linie komisch aus?

Ändere die Ausrichtung der Kontur von Outer auf Inner oder Center.

Du willst eine fertige Karten-Animation? Schau dir unser Smooth Graph Animation Projekt an.