Premiere Pro Tutorials

So erstellst du eine Graph-Animation in Premiere Pro

Zeichne einen Graphen mit dem Pen Tool, färbe ihn ein und blende ihn mit Linear-Wipe-Keyframes von links nach rechts ein. Danach glättest du die Bewegung.

Motion GraphicsPremiere Pro
A bright green line graph with a darker green stroke rising across a white background, animated in Premiere Pro

Tutorial ansehen

Schritt 1: Den Graphen mit dem Pen Tool zeichnen

Beginne mit einem schlichten Hintergrund, zum Beispiel einer weißen Color Matte auf der Timeline. Wähle in der Werkzeugleiste das Pen Tool (Kürzel P) und klicke im Program-Monitor in die Ecke, in der der Graph beginnen soll.

Klicke weiter, um Punkte hinzuzufügen, die dem Auf und Ab deiner Linie folgen. Jeder Klick setzt einen neuen Punkt, und Premiere verbindet sie für dich. Am Ende des Graphen musst du eventuell zuerst ins Bild klicken und den Punkt dann über den Bildrand hinausziehen, damit die Linie sauber aus dem Bild läuft.

Zeichnen einer Graph-Form mit dem Pen Tool im Program-Monitor von Premiere Pro

Schritt 2: Die Form schließen

Für einen gefüllten Graphen musst du den letzten Punkt wieder mit dem ersten verbinden. Zoome im Program-Monitor etwas heraus, damit du die Punkte außerhalb des Bildes erreichst, und klicke dann auf den ersten Punkt, um die Form zu schließen. Jetzt hast du eine graue, gefüllte Form.

Schritt 3: Fläche und Kontur gestalten

Wähle die Formebene aus und öffne Effect Controls. Klappe die Shape-Einstellungen auf und such Appearance. Klicke auf das Farbfeld neben Fill, wähle eine Farbe, die dir gefällt (im Video ein leuchtendes Grün), und bestätige mit OK.

Du kannst auch Stroke aktivieren, eine andere Farbe dafür wählen und mit OK bestätigen. Vergiss nicht, die Konturstärke zu erhöhen, denn der Standard ist dünn. Eine Kontur in einer kräftigeren Farbe gibt dem Graphen eine markante Oberkante.

Wenn du den Graphen später anpassen willst, lass die Formebene und das Pen Tool ausgewählt. Dann kannst du jeden Punkt verschieben, um die Linie zu ändern.

Schritt 4: Den Linear-Wipe-Effekt anwenden

Um den Graphen zu animieren, öffne das Effects-Panel und suche nach wipe. Ziehe unter Video Effects > Transition den Effekt Linear Wipe auf die Formebene.

Effects-Panel in Premiere Pro mit „wipe“ im Suchfeld und hervorgehobenem Linear Wipe unter Transition

Schneller mit BetterFX: Spar dir das Effects-Panel. Drücke dein BetterFX-Kürzel, tippe die ersten Buchstaben von Linear Wipe und bestätige mit Enter, um ihn auf den ausgewählten Clip anzuwenden. BetterFX holen

Schritt 5: Transition Completion per Keyframe animieren

Wähle die Ebene und gehe zu Effect Controls. Die Abspielposition muss ganz am Anfang des Clips stehen. Klicke auf die Stoppuhr neben Transition Completion, um Keyframes zu starten, setze den Wert auf 100% und Wipe Angle auf 270. So läuft der Wipe von links, und der Graph ist zunächst verborgen.

Bewege die Abspielposition nun etwas weiter und setze Transition Completion auf 0%. Premiere erstellt einen zweiten Keyframe, und dazwischen wird der Graph von links nach rechts eingeblendet. Um die Animation zu beschleunigen, ziehe den zweiten Keyframe näher an den ersten, zum Verlangsamen weiter weg.

Effect Controls in Premiere Pro mit Linear Wipe, Transition-Completion-Keyframes und Geschwindigkeitsgraph

Schritt 6: Die Bewegung glätten

Für ein weicheres Einblenden wählst du beide Transition Completion-Keyframes aus, klickst mit rechts auf einen davon und wählst Ease In. Wähle die Keyframes danach erneut aus und wähle Ease Out. Der Graph startet und endet jetzt sanft, statt sich mit konstanter Geschwindigkeit zu bewegen.

Rechtsklickmenü eines Keyframes in Premiere Pro mit hervorgehobenem Ease In

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

Für noch mehr Kontrolle klappst du die Einstellungen von Transition Completion auf, um den Geschwindigkeitsgraphen zu öffnen, und spielst mit der Kurve, bis das Einblenden stimmt. Eine ausführlichere Erklärung findest du in unserer Anleitung Keyframes in Premiere Pro glätten.

Schritt 7: Die Kante mit Feather weichzeichnen

Für eine weichere Vorderkante beim Einblenden erhöhst du den Feather-Wert in Linear Wipe etwas. Die Wipe-Kante verwischt, und der Graph scheint beim Wandern einzublenden.

Linear Wipe mit erhöhtem Feather in Premiere Pro, der dem Graphen eine weiche Vorderkante gibt

Du kannst auch die Füllfarbe ausschalten, wenn du nur die Linie willst. Die Animation läuft dann als einfache Linienzeichnung über den Bildschirm.

Tipps

  • Setze mehr Punkte. Mehr Punkte mit dem Pen Tool ergeben eine natürlichere, unregelmäßigere Linie.
  • Passe es an deine Marke an. Wähle Füll- und Konturfarben aus deiner Kanal- oder Markenpalette.
  • Zähle die Zahlen hoch. Kombiniere den Graphen mit unserer Zahlen-Zähl-Animation für eine komplette Daten-Szene.

FAQ

Wie animiere ich ein Liniendiagramm in Premiere Pro?

Zeichne den Graphen mit dem Pen Tool, wende Linear Wipe an und setze Keyframes für Transition Completion von 100% auf 0%.

Warum wird mein Graph von der falschen Seite eingeblendet?

Ändere den Wipe Angle. Ein Wert von 270 blendet den Graphen von links ein.

Wie mache ich die Graph-Animation weicher?

Wähle beide Keyframes aus und wende Ease In und Ease Out an. Feinjustiere die Kurve dann im Geschwindigkeitsgraphen.

Du willst eine fertige Version, die du in Minuten anpasst? Hol dir das Smooth-Graph-Animation-Projekt und spar dir die Einrichtung.