Tutorial di Premiere Pro

Come creare un effetto barra di caricamento in Premiere Pro

Crea una barra di avanzamento animata che riempie la parte bassa del video con una forma rettangolare e keyframe su Scale Width in Premiere Pro.

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

Guarda il tutorial

Passaggio 1: Disegna un rettangolo

Metti le tue clip sulla timeline e porta il playhead all'inizio assoluto. Nella barra degli strumenti, tieni premuto il clic sullo strumento forma e scegli il Rectangle Tool. Poi clicca e trascina nel Program Monitor per disegnare un rettangolo in un punto qualsiasi dell'immagine. Premiere lo aggiunge come clip Graphic su una traccia sopra il tuo girato.

Program Monitor di Premiere Pro con un rettangolo grigio disegnato su una ripresa da drone e una clip Graphic su V2 sopra tre clip video

Passaggio 2: Posiziona la barra sul bordo inferiore

Passa al Selection Tool con V e trascina il rettangolo in fondo all'inquadratura. Allungalo con le maniglie finché copre tutta la larghezza dell'immagine e ha lo spessore che preferisci. Una barra sottile appare più pulita di una spessa. L'aggancio ai bordi dell'inquadratura ti aiuta ad allinearla con precisione.

Passaggio 3: Rendi la grafica lunga quanto il video

Una barra di avanzamento ha senso solo se dura per tutto il video. Sulla timeline, trascina la fine della clip Graphic fino alla fine dell'ultima clip. Nel video la grafica copre tutte e tre le clip sottostanti.

Timeline di Premiere Pro con la clip Graphic su V2 allungata fino alla fine di tre clip video su V1

Passaggio 4: Cambia il colore

Con la grafica selezionata, apri Effect Controls ed espandi Shape (Shape 01) e poi Appearance. Clicca sul campione colore di Fill per aprire il Color Picker e scegli il tuo colore. Il video usa un rosso brillante, ma puoi usare il colore del tuo brand o il contagocce per prelevare un colore dal girato. Lascia Stroke disattivato per una barra pulita.

Effect Controls di Premiere Pro con il Fill di Shape Appearance impostato su rosso e una barra rossa in fondo al Program Monitor

Passaggio 5: Imposta l'anchor point e disattiva Uniform Scale

Perché la barra cresca da sinistra a destra, deve scalare dal suo bordo sinistro. In Effect Controls, sotto Vector Motion, sposta l'Anchor Point all'estremità sinistra della barra (nel video si fa regolando i valori di Anchor Point e tenendo Position in linea con essi). Poi deseleziona Uniform Scale. Questo sblocca Scale Width, così puoi cambiare solo la larghezza senza toccare l'altezza.

Passaggio 6: Anima Scale Width

Vai al primo fotogramma della grafica, clicca sul cronometro accanto a Scale Width e imposta il valore su 0, così la barra parte invisibile. Poi salta all'ultimo fotogramma della grafica e imposta Scale Width su 100. Premiere crea da solo il secondo keyframe. Premi la barra spaziatrice per riprodurre e guarda la barra riempire lo schermo da sinistra a destra per tutto il video.

Effect Controls di Premiere Pro con Uniform Scale deselezionato, il cronometro di Scale Width attivo e un colore Fill rosso

Più fluido con EaseFlow: seleziona i keyframe di Scale Width e applica una vera curva di easing con un clic, invece di trascinare le maniglie Bezier. Scopri EaseFlow

Consigli

  • Mantienila lineare per una vera barra di avanzamento. Una barra che cresce a velocità costante segue il playhead, mentre una con easing parte e finisce lentamente, e ricorda di più un'animazione di caricamento.
  • Crea una breve animazione di caricamento. Accorcia la grafica a pochi secondi e anima Scale Width in quel tempo per ottenere una barra di caricamento veloce per un'intro o una transizione.
  • Aggiungi una seconda barra. Duplica la grafica, cambia il colore e mettila dietro la prima per creare una guida che la barra riempie.

FAQ

Come si crea una barra di caricamento in Premiere Pro?

Disegna un rettangolo con il Rectangle Tool, sposta il suo Anchor Point sul bordo sinistro, deseleziona Uniform Scale e poi anima Scale Width con i keyframe da 0 a 100.

Perché la mia barra cresce dal centro invece che da sinistra?

L'Anchor Point è ancora al centro della forma. Sposta l'Anchor Point all'estremità sinistra della barra, così la scala parte da lì.

Posso usarla come barra di avanzamento del video per YouTube o TikTok?

Sì. Metti la barra in fondo all'inquadratura, allunga la grafica per tutta la durata del video e anima Scale Width da 0 a 100 in quel tempo.

Vuoi grafiche animate già pronte che funzionano in pochi clic? Sfoglia i nostri template di motion graphic per Premiere Pro. Sfoglia i template