Tutorial di Premiere Pro

Come creare un'animazione di icona che ruota in Premiere Pro

Fai ruotare un logo o un'icona con due keyframe di Rotation in Premiere Pro, poi ammorbidisci il movimento perché acceleri e si fermi con naturalezza.

Motion GraphicsPremiere Pro
A dark blue app icon spinning against a bright teal and purple animated background in Premiere Pro

Guarda il tutorial

Passaggio 1: Aggiungi l'icona e apri Effect Controls

Posiziona l'icona sulla timeline. Funziona meglio un PNG o un SVG con sfondo trasparente, e puoi metterlo sopra una clip di sfondo o un fondino colorato. Clicca sulla clip dell'icona per selezionarla, poi apri il pannello Effect Controls (Window > Effect Controls). Apri la sezione Motion se è chiusa. Usa Scale e Position se vuoi prima dimensionare e posizionare l'icona.

Passaggio 2: Imposta il primo keyframe di Rotation

Sposta la testina all'inizio della clip, cioè dove vuoi che parta la rotazione. In Motion clicca sul cronometro accanto a Rotation. Così crei il primo keyframe con valore 0.

Effect Controls di Premiere Pro con il cronometro di Rotation attivo all'inizio della clip e l'icona dritta nel Program Monitor

Passaggio 3: Ruota l'icona in un punto successivo

Sposta la testina in avanti fino al punto in cui la rotazione deve finire. Circa un secondo è un buon punto di partenza per una rotazione veloce. Ora cambia il valore di Rotation. Premiere Pro conta sia i giri completi sia i gradi, quindi puoi inserire un valore con più giri per un'animazione veloce con più rotazioni. Nel video l'icona fa alcuni giri completi prima di fermarsi. Un secondo keyframe compare automaticamente e, riproducendo la clip, vedi l'icona girare.

L'icona a metà rotazione nel Program Monitor di Premiere Pro con i keyframe di Rotation in Effect Controls

Prova più giri per una rotazione più veloce e scatenata, e meno giri per una più calma. Se termini su un numero intero di giri, l'icona si ferma di nuovo dritta, cosa che di solito risulta più pulita.

Passaggio 4: Controlla entrambi i keyframe

Guarda l'area dei keyframe sul lato destro del pannello Effect Controls. Dovresti vedere due rombi sulla riga di Rotation: uno all'inizio e uno dove finisce la rotazione. Puoi trascinare l'uno o l'altro per cambiare la durata. Più i keyframe sono vicini, più la rotazione è veloce.

Due keyframe di Rotation in Effect Controls di Premiere Pro con l'icona ruotata nel Program Monitor

Passaggio 5: Ammorbidisci la rotazione nel grafico

Una rotazione lineare va a velocità costante, quindi può sembrare rigida. Clicca sulla piccola freccia accanto a Rotation per aprire il grafico di valore e velocità. Seleziona i keyframe, fai clic destro e scegli Temporal Interpolation > Ease In e Ease Out. Poi trascina le maniglie Bézier per modellare la curva. Una curva che parte veloce e rallenta fino a fermarsi dà il classico effetto di rotazione che si assesta.

Grafico di valore e velocità di Rotation in Effect Controls di Premiere Pro usato per ammorbidire la rotazione dell'icona

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

Consigli

  • Rotazione in entrata e in uscita. Tieni premuto Alt (Option su Mac) e trascina un keyframe per copiarlo, così puoi aggiungere una rotazione corrispondente alla fine della clip.
  • Usa il punto di ancoraggio. Rotation ruota attorno all'Anchor Point, quindi tienilo al centro dell'icona, a meno che tu non voglia un'oscillazione fuori centro.
  • Aggiungi la scala. Anima Scale da piccolo a dimensione piena mentre l'icona ruota, per un effetto di comparsa. La nostra guida all'easing mostra come rifinirlo.

FAQ

Come faccio ruotare un'icona in Premiere Pro?

Seleziona l'icona, aggiungi un keyframe di Rotation all'inizio, vai avanti e cambia il valore di Rotation. Premiere Pro anima la rotazione tra i due keyframe.

Come rendo la rotazione più veloce o più lenta?

Avvicina i due keyframe per una rotazione più veloce o allontanali per una più lenta. Anche un valore di Rotation più alto con la stessa tempistica la rende più veloce.

Perché la mia icona ruota attorno al punto sbagliato?

Rotation usa l'Anchor Point. Regola i valori dell'Anchor Point in modo che il punto sia al centro dell'icona.

Animazioni come questa danno il meglio con un buon easing, ed EaseFlow ti dà vere curve con un clic. Scarica EaseFlow per Premiere Pro