Se desiderate creare e collegare animazioni complesse, ma volete evitare di creare decine o centinaia di fotogrammi chiave a mano, provate a usare le espressioni. Un’espressione è come una piccola porzione di software, simile a uno script, che viene calcolata fino a restituire un singolo valore per la proprietà di un singolo livello in una posizione temporale specifica. Mentre gli script dicono a un’applicazione di fare qualcosa, un’espressione specifica che una proprietà è qualcosa.

Con le espressioni potete creare relazioni tra le proprietà di un livello e utilizzare i fotogrammi chiave di una proprietà per animare in modo dinamico altri livelli. Ad esempio, potete utilizzare il selettore per collegare le proprietà di un tracciato, in modo che la maschera possa utilizzare il tracciato di un tratto pennello o di un oggetto livello forma.

Il linguaggio delle espressioni è basato sul linguaggio JavaScript standard, ma non è necessario conoscere JavaScript per usarle. Potete creare espressioni usando il selettore o copiando esempi semplici e modificandoli in base alle vostre esigenze.

I predefiniti di animazione possono includere espressioni o essere costituiti addirittura interamente da un’espressione. I predefiniti di animazione che utilizzano le espressioni anziché i fotogrammi chiave sono talvolta denominati comportamenti.

Dopo aver aggiunto un’espressione a una proprietà, potete continuare ad aggiungere o modificare i fotogrammi chiave per la proprietà. Un’espressione può utilizzare il valore di una proprietà determinato dai relativi fotogrammi chiave adoperandolo come input per generare nuovi valori modificati. Ad esempio, la seguente espressione sulla proprietà Rotazione di un livello aggiunge 90 gradi al valore della proprietà Rotazione, oltre al movimento suddiviso in fotogrammi chiave:

  value + 90

Alcuni metodi (come la deformazione) agiscono direttamente sui valori suddivisi in fotogrammi chiave della proprietà. Consultate Attributi e metodi delle proprietà (riferimento espressioni).

La seguente espressione nella proprietà Posizione di un livello mantiene il movimento suddiviso in fotogrammi chiave del livello e fa sì che esso si deformi leggermente:

  wiggle(10, 10)

Quando animate il testo potete usare il selettore Espressione per specificare in quale misura desiderate che una proprietà di animatore influenzi ciascun carattere di testo. Potete aggiungere uno o più selettori Espressione a un gruppo di animatori e quel gruppo di animatori può contenere una o più proprietà.

Seguite l’esempio per imparare come utilizzare il riferimento della lingua dell’espressione di After Effects per scrivere espressioni. L’espressione creata in questo esempio collega la proprietà Posizione del Solido 2 alla proprietà Posizione del Solido 1, con il movimento di Solido 2 sfalsato di 2 secondi rispetto a quello di Solido 1.

1. Create due livelli solidi Solido 1 e Solido 2.

2. Animate i valori della proprietà Posizione per il Solido 1 mediante i fotogrammi chiave. Consultate Animazioni, fotogrammi chiave ed espressioni.

3. Selezionate la proprietà Posizione per Solido 2 e scegliete Animazione > Aggiungi espressione oppure tenete premuto Alt (Windows) o Opzione (Mac OS) e fate clic sul pulsante cronometro  della proprietà. Per impostazione predefinita, appare la seguente espressione:

     transform.position

4. Sulla parola transform.position digitate direttamente:

     thisComp

5. L’elemento thisComp è un attributo globale il cui valore è un oggetto Composizione che rappresenta la composizione corrente. Per determinare cosa può seguire thisComp nell’espressione, cercate il valore restituito per thisComp in Oggetti globali, attributi e metodi (riferimento espressioni)..

   Notate che thisComp restituisce un oggetto Comp. Quindi esaminate Attributi e metodi di composizione (riferimento espressioni) per vedere quali attributi e metodi potete usare con un oggetto Comp. Un’opzione è layer(index). L’indice o il numero all’interno delle parentesi specifica il livello da utilizzare. Per questo esempio, supponiamo che Solido 1 sia il primo livello della composizione. Per recuperare i valori dal primo livello nella composizione attiva, digitate .layer(1) alla fine dell’espressione per ottenere quanto segue:

     thisComp.layer(1)

6. Esaminate di nuovo il riferimento degli elementi dell’espressione per verificare che layer(index) restituisca un oggetto Livello. Esaminate Attributi e metodi generali del livello (riferimento espressioni), e cercate l’elemento che intendete usare. Se ad esempio desiderate ottenere i valori della proprietà Posizione per il livello, digitate .position alla fine dell’espressione per ottenere quanto segue:

     thisComp.layer(1).position 

7. Da Attributi e metodi generali del livello (riferimento espressioni), potete verificare che l’attributo position restituisce una proprietà. Cercate Attributi e metodi delle proprietà (riferimento espressioni) e notate che è possibile aggiungere un fattore tempo all’espressione. Per aggiungere un tempo specifico, ad esempio il tempo corrente più 2 secondi, digitate .valueAtTime(time+2) alla fine dell’espressione per ottenere quanto segue:

     thisComp.layer(1).position.valueAtTime(time+2)

8. Da Attributi e metodi delle proprietà (riferimento espressioni), notate che il metodo valueAtTime restituisce un numero o una matrice. Quando un’espressione restituisce un numero, una matrice o un valore booleano (vero o falso), non è possibile aggiungere altri attributi o metodi all’espressione (se lo desiderate, tuttavia, potete aggiungere operatori aritmetici come +, -, * e /).

In modalità Editor grafico, il singolo campo espressioni è visualizzato come casella ridimensionabile nella parte inferiore dell’Editor grafico e mostra solo l’espressione per la proprietà selezionata. Per mostrare simultaneamente più campi espressioni, il pannello Timeline deve essere nella modalità barre livello.

Per alternare tra la modalità barre livello e la modalità Editor grafico, premete Maiusc+F3.

• Per visualizzare solo le proprietà con espressioni, selezionate uno o più livelli, quindi premete EE.
• Per visualizzare il campo dell’espressione nell’Editor grafico, scegliete Mostra editor espressioni dal menu Scegli tipo di grafico e opzioni  nella parte inferiore dell’Editor grafico. Quando aggiungete una nuova espressione a una proprietà viene visualizzato l’editor espressioni, indipendentemente da questa impostazione.
  Per ridimensionare il campo espressioni, trascinate il bordo inferiore verso l’alto o verso il basso.
• Per visualizzare il modo in cui un’espressione cambia il grafico del valore o della velocità, fate clic sul pulsante Mostra grafico post-espressione  visualizzando nel contempo il grafico del valore o della velocità nell’Editor grafico.

  Il grafico di colore scuro visualizza il valore o la velocità prima che venga applicata l’espressione, mentre il grafico di colore chiaro visualizza il valore o la velocità dopo l’applicazione dell’espressione. Attivando la sovrapposizione del grafico per la proprietà Posizione, cambia anche la visualizzazione del tracciato animato nel pannello Composizione, per consentire di vedere il tracciato interessato dall’espressione.

Potete utilizzare il campo di ricerca nel pannello Timeline per cercare sia le espressioni che gli altri componenti di una proprietà. Se la stringa di ricerca appare in un’espressione, la proprietà e i gruppi di proprietà e il livello che la contengono sono visualizzati nell’insieme filtrato dei risultati della ricerca.

La proprietà Testo sorgente di un livello testo viene interpretata dalle espressioni come stringa JavaScript. Potete usare il selettore per recuperare il testo sorgente da un altro livello testo; tuttavia, viene utilizzato solo lo stile del primo carattere del livello di destinazione.

Per ulteriori informazioni sull’oggetto JavaScript String, consultate un manuale di riferimento per JavaScript.

Potete usare "\r" in un’espressione stringa per iniziare una nuova riga di testo. Ad esempio, per copiare il testo originale da un livello sullo stesso livello e ripeterlo su una nuova riga con tutti i caratteri in maiuscolo, utilizzate l’espressione seguente:

  text.sourceText + "\r" + text.sourceText.toUpperCase()

Aggiungere un livello testo a una composizione e aggiungere un’espressione alla sua proprietà Testo sorgente può essere un valido metodo per esaminare i valori delle proprietà di altri livelli. Ad esempio, l’espressione seguente in una proprietà Testo sorgente riporta il nome e il valore della proprietà Opacità per il livello successivo nell’ordine di sovrapposizione dei livelli:

  thisComp.layer(index + 1).name + "\rOpacity = " + thisComp.layer(index + 1).opacity.value

L’esempio seguente riporta il nome dell’elemento di metraggio usato come sorgente del livello dell’immagine all’inizio dell’ordine di sovrapposizione nel tempo corrente in cui lo switch Video è impostato.

  source_footage_name = ""; 
  for (i = 1; i <= thisComp.numLayers; i++){ 
      if (i == index) continue; 
      my_layer = thisComp.layer(i); 
      if (! (my_layer.hasVideo && my_layer.active)) continue; 
      if (time >= my_layer.inPoint && time < my_layer.outPoint){ 
          try{ 
              source_footage_name = my_layer.source.name; 
          }catch(err1){ 
              source_footage_name = my_layer.name 
          } 
          break; 
      } 
  } 
  source_footage_name

In Red Giant TV è disponibile un’esercitazione video di Aharon Rabinowitz ed espressioni di esempio che illustrano come animare il punteggio di un video game con la proprietà Testo sorgente e un effetto Scorrimento (un effetto Controlli espressione).

Nel sito Web graymachine di Harry Frank è disponibile un’esercitazione che mostra come usare le espressioni per leggere i dati provenienti da un file di testo esterno.

• Digitate // all’inizio del commento. Qualsiasi testo compreso tra // e la fine della riga verrà ignorato. Ad esempio:

    // This is a comment.

  Per esempi di questo tipo di commento, consultate Esempio di espressione: dissolvere l’opacità di un livello 3D in base alla distanza dalla videocamera.

• Digitate /* all’inizio del commento e */ alla fine del commento. Qualsiasi testo compreso tra /* e*/ verrà ignorato. Ad esempio:

    /*  This is a   
        multiline comment. */

  Per esempi di questo tipo di commento, consultate Salvare e riutilizzare le espressioni.

  function average(a, b) 
  { 
    return (a + b) / 2; 
  } 
  average(position, thisComp.layer(1).position); 

  /*  This expression on a Source Text property reports the name 
      of a layer and the value of its Opacity property. */  
    
  var myLayerIndex = 1; // layer to inspect, initialized to 1, for top layer  
    
  thisComp.layer(myLayerIndex).name + ": \rOpacity = " +   thisComp.layer(myLayerIndex).opacity.value

• Per copiare un’espressione e i fotogrammi chiave da una proprietà ad altre proprietà, selezionate la proprietà del livello sorgente nel pannello Timeline, copiate la proprietà del livello, selezionate le proprietà del livello di destinazione e scegliete Incolla.
• Per copiare un’espressione da una proprietà ad altre proprietà senza copiare i fotogrammi chiave, selezionate la proprietà sorgente, scegliete Modifica > Copia solo espressione, selezionate le proprietà di destinazione e scegliete Incolla.
  Copiare un’espressione senza fotogrammi chiave è utile se desiderate copiare e incollare contemporaneamente molteplici espressioni su uno o più livelli nuovi, o se desiderate copiare e incollare un’espressione su più livelli.

Il linguaggio delle espressioni After Effects si basa su JavaScript 1.2, con un’ampia gamma di oggetti incorporati. After Effects utilizza solo il linguaggio JavaScript 1.2 standard di base, non le estensioni specifiche del browser Web. After Effects contiene una serie di oggetti estensione propri, quali ad esempio Livello, Composizione, Metraggio e Videocamera che potete usare per ottenere la maggior parte dei valori di un progetto After Effects.

Anche se il linguaggio delle espressioni è basato su un linguaggio di script, esiste una differenza piccola, ma importante, tra uno script e un’espressione: mentre uno script indica a un’applicazione di fare qualcosa, un’espressione indica che una proprietà è qualcosa.

Per ulteriori informazioni su JavaScript, consultate una fonte di riferimento di JavaScript.

Quando create le espressioni, tenete presente quanto segue:

• Il valore di un’espressione è il valore dell’ultima definizione valutata.

• JavaScript è un linguaggio sensibile alla distinzione maiuscole/minuscole.

• I punto e virgola sono necessari per separare frasi o righe.

• Gli spazi tra le parole vengono ignorati, tranne all’interno delle stringhe.

In JavaScript, un valore memorizzato in un oggetto è chiamato proprietà. Tuttavia, After Effects usa il termine proprietà in riferimento ai componenti del livello definiti nel pannello Timeline. Per questo motivo, After Effects fa riferimento alle proprietà JavaScript come metodi o attributi. Come regola generale, la differenza tra un metodo e un attributo è che di solito il metodo esegue una qualche operazione per creare (restituire) il proprio valore di output, mentre un attributo, per creare il proprio valore di output, fa riferimento semplicemente a un valore esistente. Per distinguere un metodo da un attributo, la cosa più semplice consiste nel cercare le parentesi che seguono il nome del metodo, le quali racchiudono qualsiasi argomento di input nel metodo.

Un oggetto è un elemento che può contenere altri oggetti, attributi e metodi. Le composizioni, i livelli e gli elementi di metraggio sono esempi di oggetti. In particolare, le composizioni, i livelli e gli elementi di metraggio sono oggetti globali, il che significa che è possibile farvi riferimento in qualsiasi contesto, senza fare riferimento a un oggetto di livello superiore.

Se un’espressione non può essere elaborata, After Effects visualizza un messaggio che spiega l’errore e disattiva automaticamente l’espressione. Un’icona gialla di avvertenza  compare accanto all’espressione; fate clic sull’icona di avvertenza per visualizzare di nuovo il messaggio d’errore.

Per visualizzare le espressioni contenenti errori, selezionate uno o più livelli, fate clic con il pulsante destro del mouse (Windows) o tenendo premuto il tasto Control (Mac OS) su un livello selezionato nel pannello Timeline e scegliete Rivela errori espressione nel menu di scelta rapida.

Anche precomporre più livelli fa sì che le espressioni che fanno riferimento a una delle proprietà dei livelli producano un errore, rendendo necessario l’aggiornamento di queste espressioni perché facciano riferimento al livello all’interno della nuova composizione. Questo riveste un’importanza particolare con le espressioni che utilizzano thisComp invece di fare riferimento a una composizione con il suo nome. Consultate La precomposizione e la nidificazione.

Jeff Almasol mette a disposizione uno script nel suo sito Web redefinery con il quale è possibile sostituire le istanze di thisComp con riferimenti espliciti al nome di una composizione.