Tutorial di Premiere Pro

Come creare un'animazione di un pulsante iPhone in Premiere Pro

Costruisci un interruttore on/off in stile iPhone con due forme, animalo con i keyframe e rendilo verde con l'effetto Tint.

Motion GraphicsPremiere Pro
A green iPhone style toggle switch with a white circle, animated in Premiere Pro

Guarda il tutorial

Passaggio 1: Disegna il corpo dell'interruttore

Scegli il Rectangle Tool dalla barra degli strumenti, poi fai clic e trascina nel Program Monitor per disegnare un rettangolo. Tieni selezionato il livello forma e apri Window > Essential Graphics se il pannello non è visibile. Fai clic sulla scheda Edit.

Passaggio 2: Arrotonda gli angoli

In Essential Graphics trova il valore corner radius accanto a larghezza e altezza. Aumentalo fino al massimo, cioè 1000. Il rettangolo diventa una pillola, che è il corpo dell'interruttore. Controlla che il Fill sia un grigio scuro, come un interruttore iPhone spento. Per cambiare le dimensioni, scegli il Selection Tool e trascina le maniglie sulla forma.

Corner radius impostato al massimo in Essential Graphics, che trasforma un rettangolo in una forma a pillola in Premiere Pro

Passaggio 3: Aggiungi il cerchio bianco

Fai clic nell'area grigia vuota della timeline per deselezionare il livello. Poi tieni premuto lo strumento forma nella barra degli strumenti e scegli l'Ellipse Tool. Tieni premuto Shift mentre trascini nel Program Monitor per disegnare un cerchio perfetto. In Essential Graphics cambia il colore del Fill in bianco. Con il Selection Tool sposta il cerchio all'estremità sinistra della pillola e ridimensionalo in modo che ci stia bene dentro.

Un cerchio bianco posizionato all'estremità sinistra di una forma a pillola grigia in Premiere Pro

Passaggio 4: Anima il cerchio con i keyframe di Position

Seleziona il livello del cerchio e apri Effect Controls. Porta il cursore nel punto in cui l'interruttore deve iniziare a muoversi, poi fai clic sul cronometro accanto a Position per creare un keyframe. Vai avanti fino al punto in cui l'animazione deve essere completa e cambia il valore di Position in modo che il cerchio si trovi all'altra estremità della pillola. Per renderla più veloce, avvicina i due keyframe.

Keyframe di Position per il cerchio bianco in Effect Controls in Premiere Pro

Passaggio 5: Ammorbidisci il movimento

Un vero interruttore parte e si ferma in modo morbido. Seleziona entrambi i keyframe, fai clic destro su uno di essi e scegli Temporal Interpolation > Ease In. Poi ripeti e scegli Ease Out. Per avere più controllo, fai clic sulla piccola freccia accanto a Position per aprire il grafico della velocità. Seleziona i keyframe per far apparire le maniglie e modella la tua curva di velocità.

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

Passaggio 6: Aggiungi l'effetto Tint

Ora l'interruttore deve diventare verde quando si accende. Apri il pannello Effects, cerca Tint (in Video Effects > Color Correction) e applicalo al livello inferiore, la pillola.

Ricerca dell'effetto Tint nel pannello Effects di Premiere Pro

Più veloce con BetterFX: salta il pannello Effects. Premi la scorciatoia di BetterFX, digita le prime lettere di Tint e premi Enter per applicarlo alla clip selezionata. Scarica BetterFX

Passaggio 7: Anima il colore con i keyframe

Prima di cambiare qualsiasi colore, allinea il cursore con la tua animazione. Seleziona la clip in alto, apri Effect Controls e salta al primo keyframe con la freccia accanto a Position. Poi seleziona di nuovo il livello inferiore e fai clic sui cronometri accanto a Map Black To e Map White To per creare keyframe con i colori originali.

Seleziona di nuovo il livello del cerchio e porta il cursore sull'ultimo keyframe. Ora torna al livello inferiore e imposta Map White To su un verde brillante. Imposta Map Black To su un verde più scuro. Puoi scegliere qualsiasi altro colore. Premi play e l'interruttore scorre e diventa verde allo stesso tempo.

Keyframe Map Black To e Map White To di Tint con un interruttore verde in Premiere Pro

Consigli

  • Raggruppa i livelli. Annida (Nest) la pillola e il cerchio per spostare o ridimensionare l'intero interruttore come un unico oggetto.
  • Aggiungi un suono di clic. Un piccolo clic quando il cerchio si muove rende l'animazione più realistica.
  • Invertila. Duplica il nest e capovolgilo per far spegnere di nuovo l'interruttore.

FAQ

Come faccio una forma a pillola in Premiere Pro?

Disegna un rettangolo, poi porta il corner radius in Essential Graphics al valore massimo.

Come disegno un cerchio perfetto in Premiere Pro?

Seleziona l'Ellipse Tool e tieni premuto Shift mentre trascini nel Program Monitor.

Come animo un cambio di colore in Premiere Pro?

Applica l'effetto Tint e inserisci keyframe sui colori Map Black To e Map White To all'inizio e alla fine dell'animazione.

Cerchi grafiche animate già pronte? Scopri le Motion Graphic Templates.