Tutorial di Premiere Pro

Come creare un'animazione per una barra laterale in Premiere Pro

Crea in Premiere Pro una barra laterale che scorre dentro e fuori, con un Color Matte, testo, una sequenza annidata e keyframe di posizione con easing.

Motion GraphicsPremiere Pro
White sidebar with title, text and a map next to drone footage of a beach in Premiere Pro

Guarda il tutorial

Passaggio 1: Crea un Color Matte

Nel pannello Project clicca su New Item e scegli Color Matte. Clicca su OK, scegli nel Color Picker il colore di sfondo della barra laterale (nell'esempio bianco) e clicca di nuovo su OK. Poi conferma con OK la finestra del nome.

Con un clic usando Mako: il pannello gratuito Mako aggiunge un color matte sopra le clip selezionate, alla posizione del cursore, sulla prima traccia libera, con un solo clic. Scarica Mako gratis

Passaggio 2: Posiziona il matte

Trascina il Color Matte sulla traccia sopra il tuo video e lascialo selezionato. Apri Effect Controls e modifica la Position del matte in modo che resti visibile solo una piccola striscia sul lato sinistro o destro dello schermo. Quella striscia è la tua barra laterale.

Color Matte bianco posizionato sul bordo sinistro dell'inquadratura come barra laterale in Premiere Pro

Passaggio 3: Aggiungi e formatta il testo

Aggiungi un titolo e un po' di testo con il Type Tool e formattali come preferisci, in modo che stiano bene dentro la barra laterale. Prima di animare, assicurati che la durata del livello di testo corrisponda a quella del Color Matte, trascinandone la fine fino ad allinearla.

Passaggio 4: Annida tutto insieme

Seleziona il testo, il Color Matte e gli altri livelli creati per la barra laterale. Fai clic destro su uno di essi, scegli Nest e clicca su OK. Con il nesting la barra laterale diventa una singola clip e puoi muoverla tutta insieme.

Passaggio 5: Anima l'ingresso della barra laterale

Apri il pannello Effects, cerca Transform e applica l'effetto Transform al livello annidato. Con il livello selezionato, apri Effect Controls e controlla che il cursore sia all'inizio della clip. In Transform clicca sul cronometro accanto a Position per creare un keyframe.

Cronometro di Position nell'effetto Transform degli Effect Controls di Premiere Pro

Poiché la barra laterale deve finire nella posizione attuale, sposta questo keyframe un po' in avanti sulla timeline. Poi torna all'inizio e cambia la Position in modo che la barra sia fuori dallo schermo. In riproduzione la barra laterale scorre dentro.

Passaggio 6: Anima l'uscita della barra laterale

Sposta il cursore nel punto in cui la barra deve iniziare a uscire dallo schermo. Crea un keyframe di posizione con il valore attuale, poi vai avanti fino al punto in cui deve essere nascosta e cambia di nuovo la Position per spingerla fuori dall'inquadratura. Ora hai un'animazione di ingresso e una di uscita.

Barra laterale finita con titolo, testo e una mappa accanto a riprese da drone in Premiere Pro

Passaggio 7: Ammorbidisci il movimento

Seleziona tutti i keyframe, fai clic destro, scegli Temporal Interpolation e poi Ease In; ripeti e scegli Ease Out. Ora la barra laterale accelera e rallenta in modo fluido.

Menu Temporal Interpolation con le opzioni Ease In e Ease Out in Premiere Pro

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

Per un tocco finale, scorri in basso nell'effetto Transform e imposta Shutter Angle su 360 per aggiungere il motion blur. Poi espandi la freccia accanto a Position, clicca su un keyframe per mostrare le maniglie blu e trascinale per regolare il grafico della velocità finché il movimento non ti convince.

Grafico della velocità con maniglie Bezier blu per i keyframe di Position della barra laterale in Premiere Pro

Consigli

  • Rispetta il tuo brand. Usa il colore del tuo brand per il matte e lo stesso font del resto del video.
  • Tieni breve la pausa. Una barra laterale che resta troppo a lungo compete con le tue riprese.
  • Riutilizzala. Copia la barra laterale annidata in altri punti della timeline e modifica il testo al suo interno.

FAQ

Perché annidare i livelli prima di animare?

Il nesting raggruppa matte e testo in una singola clip, quindi un solo set di keyframe di posizione muove tutto insieme.

Come faccio entrare la barra laterale da destra?

Posiziona il matte sul bordo destro nel passaggio 2, poi inizia l'animazione con una posizione fuori dallo schermo a destra.

Come aggiungo il motion blur all'animazione?

Nell'effetto Transform imposta Shutter Angle su 360.

Vuoi layout animati già pronti? Dai un'occhiata ai template di motion graphics.