Premiere Pro Tutorials

So erstellst du einen Ladebalken-Effekt in Premiere Pro

Erstelle in Premiere Pro einen animierten Fortschrittsbalken am unteren Videorand mit einer Rechteckform und Scale-Width-Keyframes.

Motion GraphicsPremiere Pro
Red progress bar along the bottom of an aerial river shot in Premiere Pro

Das Tutorial ansehen

Schritt 1: Ein Rechteck zeichnen

Lege deine Clips auf die Timeline und setze den Playhead ganz an den Anfang. Klicke in der Werkzeugleiste auf das Formwerkzeug, halte die Maustaste gedrückt und wähle das Rectangle Tool. Klicke und ziehe dann im Program Monitor, um irgendwo im Bild ein Rechteck zu zeichnen. Premiere legt es als Graphic-Clip auf einer Spur über deinem Material ab.

Program Monitor in Premiere Pro mit einem grauen Rechteck über einer Drohnenaufnahme und einem Graphic-Clip auf V2 über drei Videoclips

Schritt 2: Den Balken an den unteren Rand setzen

Wechsle mit V zum Selection Tool und ziehe das Rechteck an den unteren Bildrand. Ziehe es an den Griffen auf, bis es die volle Bildbreite abdeckt und die gewünschte Dicke hat. Ein dünner Balken sieht sauberer aus als ein dicker. Das Einrasten an den Bildkanten hilft dir, ihn exakt auszurichten.

Schritt 3: Die Grafik so lang wie dein Video machen

Ein Fortschrittsbalken ergibt nur Sinn, wenn er das ganze Video über läuft. Ziehe auf der Timeline das Ende des Graphic-Clips, bis es das Ende deines letzten Clips erreicht. Im Video deckt die Grafik alle drei Clips darunter ab.

Timeline in Premiere Pro mit dem Graphic-Clip auf V2, der bis zum Ende von drei Videoclips auf V1 gezogen wurde

Schritt 4: Die Farbe ändern

Öffne bei markierter Grafik Effect Controls und klappe Shape (Shape 01) und dann Appearance auf. Klicke auf das Farbfeld bei Fill, um den Color Picker zu öffnen, und wähle deine Farbe. Im Video ist es ein leuchtendes Rot, aber du kannst auch deine Markenfarbe verwenden oder mit der Pipette eine Farbe aus dem Material aufnehmen. Lass Stroke ausgeschaltet, damit der Balken sauber bleibt.

Effect Controls in Premiere Pro mit Shape Appearance Fill in Rot und einem roten Balken am unteren Rand des Program Monitor

Schritt 5: Den Anchor Point setzen und Uniform Scale ausschalten

Damit der Balken von links nach rechts wächst, muss er von seiner linken Kante aus skalieren. Verschiebe in Effect Controls unter Vector Motion den Anchor Point an das linke Ende des Balkens (im Video geschieht das über die Anchor-Point-Werte, wobei Position passend mitgeführt wird). Deaktiviere dann Uniform Scale. Dadurch wird Scale Width freigeschaltet, sodass du die Breite unabhängig von der Höhe ändern kannst.

Schritt 6: Scale Width animieren

Gehe zum ersten Frame der Grafik, klicke auf die Stoppuhr neben Scale Width und setze den Wert auf 0, damit der Balken unsichtbar startet. Springe dann zum letzten Frame der Grafik und setze Scale Width auf 100. Premiere erstellt den zweiten Keyframe automatisch. Drücke die Leertaste zum Abspielen und sieh zu, wie der Balken den Bildschirm über das ganze Video hinweg von links nach rechts füllt.

Effect Controls in Premiere Pro mit deaktiviertem Uniform Scale, aktiver Scale-Width-Stoppuhr und roter Fill-Farbe

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

Tipps

  • Lass ihn linear für einen echten Fortschrittsbalken. Ein Balken mit gleichbleibender Geschwindigkeit passt zum Playhead, während ein Balken mit Easing langsam startet und endet, was eher nach Ladeanimation aussieht.
  • Mach eine kurze Ladeanimation. Kürze die Grafik auf ein paar Sekunden und animiere Scale Width in dieser Zeit, um einen schnellen Ladebalken für ein Intro oder einen Übergang zu bekommen.
  • Füge einen zweiten Balken hinzu. Dupliziere die Grafik, ändere ihre Farbe und lege sie hinter den ersten, um eine Schiene zu bauen, die der Balken füllt.

FAQ

Wie erstelle ich einen Ladebalken in Premiere Pro?

Zeichne mit dem Rectangle Tool ein Rechteck, verschiebe den Anchor Point an die linke Kante, deaktiviere Uniform Scale und keyframe dann Scale Width von 0 auf 100.

Warum wächst mein Balken von der Mitte statt von links?

Der Anchor Point liegt noch in der Mitte der Form. Verschiebe ihn an das linke Ende des Balkens, damit die Skalierung von dort aus beginnt.

Kann ich das als Videofortschrittsbalken für YouTube oder TikTok verwenden?

Ja. Setze den Balken an den unteren Bildrand, ziehe die Grafik auf die volle Länge des Videos und animiere Scale Width in dieser Zeit von 0 auf 100.

Du möchtest fertige animierte Grafiken, die mit wenigen Klicks funktionieren? Stöbere in unseren Motion-Graphic-Vorlagen für Premiere Pro. Vorlagen ansehen