Premiere Pro-tutorials

Een laadbalkeffect maken in Premiere Pro

Maak een geanimeerde voortgangsbalk die de onderkant van je video vult met een rechthoekvorm en Scale Width-keyframes in Premiere Pro.

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

Bekijk de tutorial

Stap 1: Teken een rechthoek

Zet je clips op de tijdlijn en verplaats de playhead helemaal naar het begin. Klik in de werkbalk op het vormgereedschap en houd de muisknop ingedrukt, en kies de Rectangle Tool. Klik en sleep daarna in de Program Monitor om ergens in het beeld een rechthoek te tekenen. Premiere voegt die toe als Graphic-clip op een track boven je beeldmateriaal.

Program Monitor van Premiere Pro met een grijze rechthoek over een dronebeeld en een Graphic-clip op V2 boven drie videoclips

Stap 2: Plaats de balk onderaan

Schakel met V over naar de Selection Tool en sleep de rechthoek naar de onderkant van het beeld. Rek hem op met de handgrepen tot hij de volledige breedte van het beeld beslaat en de dikte heeft die je wilt. Een dunne balk ziet er netter uit dan een dikke. Snappen aan de randen van het beeld helpt je om hem exact uit te lijnen.

Stap 3: Maak de graphic zo lang als je video

Een voortgangsbalk heeft alleen zin als hij de hele video loopt. Sleep op de tijdlijn het einde van de Graphic-clip tot hij het einde van je laatste clip bereikt. In de video bedekt de graphic alle drie de clips eronder.

Tijdlijn van Premiere Pro met de Graphic-clip op V2 uitgerekt tot het einde van drie videoclips op V1

Stap 4: Verander de kleur

Open met de graphic geselecteerd Effect Controls en klap Shape (Shape 01) en daarna Appearance open. Klik op het kleurvlak van Fill om de Color Picker te openen en kies je kleur. De video gebruikt een felle rode kleur, maar je kunt ook de kleur van je merk gebruiken of met de pipet een kleur uit het beeldmateriaal pakken. Laat Stroke uit voor een nette balk.

Effect Controls van Premiere Pro met de Fill van Shape Appearance op rood en een rode balk onderaan de Program Monitor

Stap 5: Stel het anchor point in en zet Uniform Scale uit

Om de balk van links naar rechts te laten groeien, moet hij schalen vanaf zijn linkerrand. Verplaats in Effect Controls onder Vector Motion het Anchor Point naar het linkeruiteinde van de balk (in de video gebeurt dat door de waarden van Anchor Point aan te passen en Position daarmee gelijk te houden). Vink daarna Uniform Scale uit. Daarmee ontgrendel je Scale Width, zodat je de breedte los van de hoogte kunt aanpassen.

Stap 6: Animeer Scale Width

Ga naar het eerste frame van de graphic, klik op de stopwatch naast Scale Width en zet de waarde op 0, zodat de balk onzichtbaar begint. Spring dan naar het laatste frame van de graphic en zet Scale Width op 100. Premiere maakt de tweede keyframe automatisch aan. Druk op de spatiebalk om af te spelen en zie hoe de balk het scherm van links naar rechts vult over de hele video.

Effect Controls van Premiere Pro met Uniform Scale uitgevinkt, de stopwatch van Scale Width actief en een rode Fill-kleur

Soepeler met EaseFlow: selecteer de Scale Width-keyframes en pas met één klik een echte easingcurve toe in plaats van aan Bezier-handles te slepen. Bekijk EaseFlow

Tips

  • Houd het lineair voor een echte voortgangsbalk. Een balk die met constante snelheid groeit, volgt de playhead, terwijl een balk met easing langzaam begint en eindigt, wat meer op een laadanimatie lijkt.
  • Maak een korte laadanimatie. Knip de graphic in tot een paar seconden en animeer Scale Width in die tijd voor een snelle laadbalk voor een intro of overgang.
  • Voeg een tweede balk toe. Dupliceer de graphic, verander de kleur en plaats hem achter de eerste om een baan te maken die de balk vult.

FAQ

Hoe maak ik een laadbalk in Premiere Pro?

Teken een rechthoek met de Rectangle Tool, verplaats het Anchor Point naar de linkerrand, vink Uniform Scale uit en keyframe daarna Scale Width van 0 naar 100.

Waarom groeit mijn balk vanuit het midden in plaats van links?

Het Anchor Point staat nog in het midden van de vorm. Verplaats het Anchor Point naar het linkeruiteinde van de balk, zodat het schalen daar begint.

Kan ik dit gebruiken als video-voortgangsbalk voor YouTube of TikTok?

Ja. Plaats de balk onderaan het beeld, rek de graphic uit tot de volledige lengte van de video en animeer Scale Width in die tijd van 0 naar 100.

Wil je kant-en-klare geanimeerde graphics die met een paar klikken werken? Bekijk onze motion graphic-templates voor Premiere Pro. Bekijk de templates