Tutorial di Premiere Pro

Come creare un’animazione di grafico in Premiere Pro

Disegna un grafico con la Pen Tool, coloralo e mostralo da sinistra a destra con i keyframe di Linear Wipe in Premiere Pro, poi ammorbidisci il movimento.

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

Guarda il tutorial

Passaggio 1: Disegna il grafico con la Pen Tool

Parti da uno sfondo semplice, come un Color Matte bianco sulla timeline. Seleziona la Pen Tool (scorciatoia P) nella barra degli strumenti, poi clicca nel monitor Program nell’angolo in cui il grafico deve iniziare.

Continua a cliccare per aggiungere punti che seguono i saliscendi della linea. Ogni clic aggiunge un nuovo punto e Premiere li collega per te. Alla fine del grafico potrebbe servire cliccare prima dentro lo schermo e poi trascinare il punto oltre il bordo dell’inquadratura, così la linea esce pulita dall’immagine.

Disegno della forma di un grafico con la Pen Tool nel monitor Program di Premiere Pro

Passaggio 2: Chiudi la forma

Per ottenere un grafico pieno devi ricollegare l’ultimo punto al primo. Riduci un po’ lo zoom nel monitor Program per raggiungere i punti fuori dall’inquadratura, poi clicca sul primo punto per chiudere la forma. Ora hai una forma grigia riempita.

Passaggio 3: Personalizza riempimento e contorno

Seleziona il livello forma e apri Effect Controls. Espandi le impostazioni di Shape e trova Appearance. Clicca sul campione di colore accanto a Fill, scegli il colore che preferisci (nel video è un verde acceso) e premi OK.

Puoi anche attivare Stroke, scegliere un colore diverso e premere OK. Non dimenticare di aumentare lo spessore del contorno, perché quello predefinito è sottile. Un contorno di un colore più deciso dà al grafico un bordo superiore marcato.

Se più avanti vuoi modificare il grafico, lascia selezionati il livello forma e la Pen Tool. Così puoi spostare qualsiasi punto per cambiare la linea.

Passaggio 4: Applica l’effetto Linear Wipe

Per animare il grafico, apri il pannello Effects e cerca wipe. In Video Effects > Transition, applica Linear Wipe al livello forma trascinandolo sulla clip.

Pannello Effects di Premiere Pro con «wipe» nella casella di ricerca e Linear Wipe evidenziato sotto Transition

Più veloce con BetterFX: salta il pannello Effects. Premi la tua scorciatoia BetterFX, digita le prime lettere di Linear Wipe e premi Invio per applicarlo alla clip selezionata. Scopri BetterFX

Passaggio 5: Anima Transition Completion con i keyframe

Seleziona il livello e vai in Effect Controls. Assicurati che la testina sia all’inizio esatto della clip. Clicca sul cronometro accanto a Transition Completion per iniziare a usare i keyframe, impostalo su 100% e imposta Wipe Angle su 270. Così il wipe parte da sinistra e il grafico all’inizio è nascosto.

Ora sposta la testina un po’ in avanti e imposta Transition Completion su 0%. Premiere crea un secondo keyframe e il grafico viene mostrato da sinistra a destra tra i due. Per velocizzare l’animazione, trascina il secondo keyframe più vicino al primo; allontanalo per rallentarla.

Effect Controls in Premiere Pro con Linear Wipe, i keyframe di Transition Completion e il grafico della velocità

Passaggio 6: Ammorbidisci il movimento

Per una comparsa più fluida, seleziona entrambi i keyframe di Transition Completion, fai clic destro su uno e scegli Ease In. Poi seleziona di nuovo i keyframe e scegli Ease Out. Ora il grafico parte e finisce dolcemente, invece di muoversi a velocità costante.

Menu contestuale di un keyframe in Premiere Pro con Ease In evidenziato

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

Per un controllo ancora maggiore, espandi le impostazioni di Transition Completion per aprire il grafico della velocità e gioca con la curva finché la comparsa non è quella giusta. Se vuoi una spiegazione più approfondita, leggi la nostra guida su come ammorbidire i keyframe in Premiere Pro.

Passaggio 7: Ammorbidisci il bordo con Feather

Se vuoi un bordo d’avanzamento più morbido, aumenta un po’ il valore di Feather in Linear Wipe. Il bordo del wipe si sfoca e il grafico sembra comparire in dissolvenza mentre avanza.

Linear Wipe con Feather aumentato in Premiere Pro, che dà al grafico un bordo d’avanzamento morbido

Puoi anche disattivare il colore di riempimento se vuoi solo la linea. L’animazione si trasforma allora in un semplice tratto di linea che attraversa lo schermo.

Consigli

  • Aggiungi più punti. Più punti con la Pen Tool danno una linea più naturale e irregolare.
  • Rispetta il tuo brand. Scegli i colori di riempimento e contorno dalla palette del tuo canale o del tuo marchio.
  • Fai contare i numeri. Abbina il grafico alla nostra animazione di conteggio dei numeri per una scena di dati completa.

FAQ

Come animo un grafico a linee in Premiere Pro?

Disegna il grafico con la Pen Tool, applica Linear Wipe e anima Transition Completion con i keyframe da 100% a 0%.

Perché il mio grafico compare dal lato sbagliato?

Cambia il Wipe Angle. Un valore di 270 mostra il grafico da sinistra.

Come rendo più fluida l’animazione del grafico?

Seleziona entrambi i keyframe e applica Ease In ed Ease Out, poi rifinisci la curva nel grafico della velocità.

Vuoi una versione pronta da modificare in pochi minuti? Prendi il progetto Smooth Graph Animation e salta la configurazione.