Premiere Pro-tutorials

Sådan laver du en loading bar-effekt i Premiere Pro

Lav en animeret statuslinje, der fylder bunden af din video, med en rektangelform og Scale Width-keyframes i Premiere Pro.

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

Se vejledningen

Trin 1: Tegn et rektangel

Læg dine klip på tidslinjen, og flyt playhead til allerførste billede. Klik og hold på formværktøjet i værktøjslinjen, og vælg Rectangle Tool. Klik og træk derefter i Program Monitor for at tegne et rektangel et vilkårligt sted på billedet. Premiere lægger det som et Graphic-klip på et spor over dit optagelsesmateriale.

Program Monitor i Premiere Pro med et gråt rektangel over et dronebillede og et Graphic-klip på V2 over tre videoklip

Trin 2: Placer bjælken i bunden

Skift til Selection Tool med V, og træk rektanglet ned til bunden af billedet. Stræk det med håndtagene, til det dækker hele billedets bredde og har den tykkelse, du vil have. En tynd bjælke ser pænere ud end en tyk. Snapping til billedets kanter hjælper dig med at placere den helt præcist.

Trin 3: Gør grafikken lige så lang som din video

En statuslinje giver kun mening, hvis den løber gennem hele videoen. Træk enden af Graphic-klippet på tidslinjen, indtil den når slutningen af dit sidste klip. I videoen dækker grafikken alle tre klip under den.

Tidslinje i Premiere Pro med Graphic-klippet på V2 strakt til slutningen af tre videoklip på V1

Trin 4: Skift farve

Med grafikken markeret åbner du Effect Controls og folder Shape (Shape 01) og derefter Appearance ud. Klik på farvefeltet Fill for at åbne Color Picker, og vælg din farve. Videoen bruger en klar rød, men du kan matche din brandfarve eller bruge pipetten til at hente en farve fra optagelsen. Lad Stroke være slået fra for en ren bjælke.

Effect Controls i Premiere Pro med Shape Appearance Fill sat til rød og en rød bjælke i bunden af Program Monitor

Trin 5: Sæt anchor point og slå Uniform Scale fra

For at bjælken kan vokse fra venstre mod højre, skal den skalere fra sin venstre kant. I Effect Controls under Vector Motion flytter du Anchor Point, så det ligger i bjælkens venstre ende (i videoen gøres det ved at justere værdierne for Anchor Point og holde Position i takt med dem). Fjern derefter fluebenet ved Uniform Scale. Det låser Scale Width op, så du kan ændre bredden alene uden at ændre højden.

Trin 6: Animer Scale Width

Gå til grafikkens første billede, klik på stopuret ved siden af Scale Width, og sæt værdien til 0, så bjælken starter usynlig. Hop derefter til grafikkens sidste billede, og sæt Scale Width til 100. Premiere opretter det andet keyframe automatisk. Tryk på mellemrumstasten for at afspille, og se bjælken fylde skærmen fra venstre mod højre gennem hele videoen.

Effect Controls i Premiere Pro med Uniform Scale slået fra, stopuret ved Scale Width aktivt og en rød Fill-farve

Mere flydende med EaseFlow: markér Scale Width-keyframes, og anvend en ægte easing-kurve med ét klik i stedet for at trække i Bezier-håndtag. Se EaseFlow

Tips

  • Hold den lineær for en ægte statuslinje. En bjælke, der vokser i konstant tempo, følger playhead, mens en bjælke med easing starter og slutter langsomt, hvilket minder mere om en loading-animation.
  • Lav en kort loading-animation. Klip grafikken ned til nogle få sekunder, og animer Scale Width i det tidsrum for at få en hurtig loading bar til et intro eller en overgang.
  • Tilføj en ekstra bjælke. Dupliker grafikken, skift farve, og placer den bag den første, så du får et spor, som bjælken fylder op.

FAQ

Hvordan laver jeg en loading bar i Premiere Pro?

Tegn et rektangel med Rectangle Tool, flyt Anchor Point til venstre kant, fjern fluebenet ved Uniform Scale, og keyframe derefter Scale Width fra 0 til 100.

Hvorfor vokser min bjælke fra midten i stedet for fra venstre?

Anchor Point ligger stadig i midten af formen. Flyt Anchor Point til bjælkens venstre ende, så skaleringen starter derfra.

Kan jeg bruge det som statuslinje til en video på YouTube eller TikTok?

Ja. Placer bjælken i bunden af billedet, stræk grafikken til videoens fulde længde, og animer Scale Width fra 0 til 100 over det tidsrum.

Vil du have færdige animerede grafikker, der virker med få klik? Se vores motion graphic-skabeloner til Premiere Pro. Se skabelonerne