Fondamenti delle animazioni

Impara ad animate livelli ed effetti utilizzando i fotogrammi chiave, il Graph editor e le espressioni.

L’animazione è un cambiamento che si verifica nel tempo. Potete animare un livello o un effetto su un livello modificandone una o più proprietà nel tempo. Ad esempio, puoi animare la proprietà Opacità di un livello da 0% al tempo zero a 100% al tempo di 1 secondo per far apparire gradualmente il livello. Qualsiasi proprietà con un pulsante cronometro a sinistra del suo nome nel pannello Timeline o Controlli effetti può essere animata.

Potete animare le proprietà di un livello utilizzando fotogrammi chiave, espressioni o entrambi.

Molte impostazioni predefinite di animazione includono fotogrammi chiave ed espressioni per consentirvi di aggiungere semplicemente l’impostazione predefinita di animazione al livello per raggiungere un risultato di animazione complessa.

Potete lavorare con fotogrammi chiave ed espressioni in After Effects due modi: modalità barra del livello o Editor grafico. La modalità barra del livello è quella predefinita, che mostra i livelli come barre di durata, con fotogrammi chiave ed espressioni allineati verticalmente con le loro proprietà nel pannello Timeline. La modalità Editor grafico non mostra le barre dei livelli e visualizza i fotogrammi chiave e i risultati delle espressioni in grafici di valori o di velocità. 

Fotogrammi chiave

I fotogrammi chiave vengono utilizzati per impostare i parametri per movimento, effetti, audio e molte altre proprietà, solitamente modificandoli nel tempo. Ciascun fotogramma chiave contrassegna un punto nel tempo in cui potete specificare un valore, ad esempio, una posizione spaziale, un grado di opacità o un volume audio. I valori compresi tra i fotogrammi chiave vengono interpolati. Se utilizzate i fotogrammi chiave per creare un cambiamento nel tempo, dovete generalmente impiegare almeno due fotogrammi chiave: uno per definire lo stato all’inizio del cambiamento e l’altro per definire il nuovo stato alla fine.

Quando il cronometro è attivo per una specifica proprietà, After Effects imposta o modifica automaticamente un fotogramma chiave per la proprietà al tempo corrente ogni volta che ne modificate il valore. Se il cronometro è inattivo per una proprietà significa che la proprietà è priva di fotogrammi chiave. Se modificate il valore per una proprietà di livello quando il cronometro non è attivo, il valore resta identico per l’intera durata del livello.

Se disattivate il cronometro, tutti i fotogrammi chiave per quella proprietà di livelli verranno eliminati e il valore costante per la proprietà diventerà il valore al tempo corrente. Non disattivate il cronometro a meno che non siate sicuri di voler eliminare definitivamente tutti i fotogrammi chiave per quella proprietà.

Alcuni strumenti, come Schizzo movimento e gli strumenti Marionetta, impostano automaticamente i fotogrammi chiave per adattarsi al movimento che disegni.

Espressioni

Le espressioni utilizzano un linguaggio di scripting basato su JavaScript per specificare i valori di una proprietà e mettere in relazione le proprietà tra loro. Potete creare semplici espressioni collegando le proprietà con il selettore.

L’Editor grafico

L'Editor grafico rappresenta i valori delle proprietà utilizzando un grafico bidimensionale, con il tempo della composizione rappresentato orizzontalmente (da sinistra a destra). Nella modalità barra del livello, invece, il grafico temporale rappresenta solo l’elemento di tempo orizzontale senza mostrare una rappresentazione grafica verticale dei valori che si modificano.

Nell'Editor grafico sono disponibili due tipi di grafici:

• Grafico dei valori: mostra i valori delle proprietà
• Grafico della velocità: mostra i tassi di variazione nei valori delle proprietà

Per le proprietà temporali, come Opacità, l'Editor grafico utilizza per impostazione predefinita il grafico dei valori. Per le proprietà spaziali, come Posizione, l'Editor grafico utilizza per impostazione predefinita il grafico della velocità. Per informazioni sulla visualizzazione e la modifica dei valori dei fotogrammi chiave, consulta Visualizzare o modificare un valore di fotogramma chiave.

Nell'Editor grafico, ogni proprietà è rappresentata dalla propria curva. Potete visualizzare e utilizzare una proprietà per volta oppure visualizzare insieme più proprietà. Quando nell'Editor grafico è visibile più di una proprietà, la curva di ciascuna proprietà ha lo stesso colore del valore della proprietà nella struttura del Livello.

Quando trascini un fotogramma chiave nell'Editor grafico con il pulsante Effetto calamita selezionato, il fotogramma chiave si allinea ai valori dei fotogrammi chiave, ai tempi dei fotogrammi chiave, al tempo corrente, ai punti In e Out, ai marcatori, all'inizio e alla fine dell'area di lavoro e all'inizio e alla fine della composizione. Quando il fotogramma chiave si allinea a uno di questi elementi, nell'Editor grafico appare una linea arancione per indicare l'oggetto a cui ti stai allineando. Tieni premuto Ctrl (Windows) o Comando (macos) dopo aver iniziato a trascinare per attivare o disattivare temporaneamente il comportamento di allineamento.

I fotogrammi chiave in modalità Editor grafico possono avere maniglie di direzione collegate a uno o entrambi i lati. usate per controllare l’interpolazione di Bezier.

Puoi utilizzare il pulsante Separa dimensioni nella parte inferiore dell'Editor grafico per separare i componenti di una proprietà Posizione in proprietà individuali (Posizione X, Posizione Y e, per i livelli 3D, Posizione Z) in modo da poterli modificare o animare indipendentemente. Scopri di più su come separare le dimensioni della posizione per animare i componenti individualmente.

Specifica quali proprietà sono visualizzate nell'Editor grafico

Opzioni del grafico nell’Editor grafico

Seleziona il pulsante Tipo di grafico e opzioni nella parte inferiore dell'Editor grafico per scegliere tra le seguenti opzioni:

Seleziona automaticamente il tipo di grafico appropriato per una proprietà: grafici di velocità per le proprietà spaziali (come Posizione) e grafici di valore per le altre proprietà.

Visualizza il grafico dei valori per tutte le proprietà.

Visualizza il grafico della velocità per tutte le proprietà.

Visualizza il tipo di grafico non selezionato sullo sfondo in sola visualizzazione (I numeri grigi a destra dell'Editor grafico indicano i valori per il grafico di riferimento.)

Visualizza la forma d'onda audio per qualsiasi livello che ha almeno una proprietà nell'Editor grafico.

Visualizza i punti In e Out di tutti i livelli che hanno una proprietà nell'Editor grafico. I punti In e Out appaiono come parentesi graffe.

Visualizza i marcatori di livello nell'Editor grafico, se esistono, per qualsiasi livello che ha almeno una proprietà nell'Editor grafico. I marcatori di livello assumono la forma di triangolini.

Attiva/disattiva la visualizzazione della descrizione dei comandi dei grafici.

Mostra o nasconde il campo dell’editor espressioni.

Consente il posizionamento dei fotogrammi chiave tra i fotogrammi per perfezionare l'animazione.

Panning e zoom nell’editor grafico

• Per eseguire una panoramica verticale o orizzontale, trascina con lo strumento Mano .

• Per eseguire il panning in verticale, girate la rotellina del mouse.
• Per eseguire una panoramica orizzontale, usa il tasto Maiusc mentre ruoti la rotellina di scorrimento del mouse.
• Per ingrandire, seleziona lo strumento Zoom.
• Per ridurre, fai clic tenendo premuto Alt (Windows) o Opzione (macos) con lo strumento Zoom.
• Per eseguire lo zoom con la rotellina di scorrimento del mouse, usa Alt (Windows) o Opzione (macos) mentre scorri per ingrandire orizzontalmente. Usa Ctrl (Windows) o Comando (macos) per ingrandire verticalmente.
• Per ingrandire orizzontalmente, trascina tenendo premuto Alt (Windows) o Opzione (macos) verso sinistra con lo strumento Zoom per ridurre o verso destra per ingrandire.
• Per ingrandire verticalmente, trascina tenendo premuto Alt (Windows) o Opzione (macos) verso l'alto con lo strumento Zoom per ingrandire o verso il basso per ridurre.

Zoom automatico altezza e adattamento

Attiva o disattiva la modalità Altezza zoom automatico, che ridimensiona automaticamente l'altezza del grafico in modo che si adatti all'altezza dell'Editor grafico. Lo zoom orizzontale deve essere comunque regolato automaticamente.

Regola la scala del valore (verticale) e del tempo (orizzontale) del grafico per adattarla ai fotogrammi chiave selezionati nell'Editor grafico.

Regola la scala del valore (verticale) e del tempo (orizzontale) del grafico per adattarla a tutti i grafici nell'Editor grafico.