Guida utente Annulla

Esempi e risorse per l’animazione del testo

After Effects fornisce un’ampia gamma di funzionalità per animare testi 2D e 3D in modo efficace e creativo. La risorsa e gli esempi riportati nella guida forniscono istruzioni dettagliate su come animare il testo in After Effects.

Nel sito web della rivista Layers Steve Holmes mette a disposizione un’esercitazione in cui crea un testo animato con tre animatori di testo e l’animazione 3D del testo a livello di carattere.

Rich Young raccoglie numerose risorse e tutorial per la creazione di testo 3D con estrusione in After Effects.

Nel sito web di ProVideo Coalition, Chris e Trish Meyer forniscono diversi suggerimenti per animare il testo in After Effects.

Toby Pitman fornisce alcuni suggerimenti per utilizzare i livelli forma per animare il testo nel sito web di MacProVideo.

Esempio: animare caratteri con proprietà 3D per carattere

In questo esempio viene dimostrato con quanta facilità è possibile animare singoli caratteri in 3D e far fare a ciascun carattere un passo avanti e un inchino.

  1. Create una nuova composizione.
  2. Create un nuovo livello testo con la parola ovation.
  3. Scegliete Animazione > Testo animato > Attiva 3D per carattere.
  4. Scegliete Animazione > Testo animato > Posizione.
  5. Scegliete Animazione > Testo animato > Rotazione.
  6. Nel pannello Timeline, nel gruppo Animatore, impostate la proprietà Rotazione X su 45 e il valore Posizione su (0,0, 0,0, - 100,0).
  7. Espandete Selettore intervallo 1.
  8. Fate clic sull’icona cronometro per impostare, con la proprietà Scostamento, un fotogramma chiave iniziale sul valore 0 secondi.
  9. Impostate il valore della proprietà Scostamento su -15%.
  10. Impostate il valore della proprietà Fine su 15%.
  11. Spostate l’indicatore del tempo corrente fino a 10 secondi e impostate il valore Scostamento su 100%.
  12. Premete il tasto R per visualizzare le proprietà Rotazione per l’intero livello.
  13. Impostate il valore Rotazione Y per il livello su -45, ruotando l’intero livello in modo tale da poter vedere più facilmente il movimento 3D dei caratteri.
  14. Visualizzate la composizione in anteprima.

Esempio: scostamento di caratteri

Questo esempio illustra come animare con facilità i caratteri casuali in modo che formino gradualmente una parola o una frase leggibile specificando un valore Scostamento carattere e animando il selettore dell’intervallo.

Scostamento dei caratteri: animazione dei valori di scostamento dei caratteri nella parola Galaxy
Animazione dei valori di scostamento dei caratteri nella parola Galaxy

  1. Create una nuova composizione.
  2. Create un livello testo con la parola Galaxy.
  3. Scegliete Animazione > Testo animato > Scostamento carattere.
  4. Nel pannello Timeline impostate il valore di Scostamento carattere su 5.
  5. Espandete Selettore intervallo 1.
  6. Fate clic su Inizio cronometro per impostare il fotogramma chiave iniziale a 0 secondi e impostare il valore su 0%.
  7. Spostate l’indicatore del tempo corrente a 5 secondi e impostate il valore Inizio su 100%.
  8. Impostate Allineamento carattere su Centra.
  9. Visualizzate la composizione in anteprima.

Esempio: animare i caratteri con il selettore Deformazioni in movimento

In questo esempio viene dimostrato con quanta facilità è possibile animare la posizione di singoli caratteri. Viene mostrato inoltre in che modo il selettore Deformazioni in movimento è in grado di creare sorprendenti modifiche nell’animazione semplicemente aggiungendolo al livello.

Animare i caratteri con il selettore Deformazioni in movimento
Animazione di colore e posizione dei caratteri nella parola Galaxy

  1. Create una nuova composizione.
  2. Create un nuovo livello testo con la parola Galaxy e impostate il colore sul blu nel pannello Carattere.
  3. Scegliete Animazione > Testo animato > Posizione.
  4. Nel pannello Timeline, trascinate a sinistra il valore y della proprietà Posizione fino a quando tutti i caratteri non si trovano al di fuori del fotogramma.
  5. Espandete Selettore intervallo 1.
  6. Fate clic sull’icona di Inizio cronometro e mantenete l’impostazione di 0% a 0 secondi; spostate quindi l’indicatore del tempo corrente a 5 secondi e impostate il valore Inizio su 100%.
  7. Visualizzate la composizione in anteprima.
  8. Comprimete il gruppo Animatore 1.
  9. Assicuratevi che non vi siano elementi selezionati oltre al nome del livello testo nel pannello Timeline e scegliete Colore di riempimento > Tonalità nel menu Anima. Nel pannello Timeline appare un nuovo gruppo di animatori, Animatore 2.
  10. Impostate Tonalità riempimento su 1 x +0,0.
  11. Espandete Selettore intervallo 1 per Animatore 2.
  12. Fate clic sull’icona di Inizio cronometro e mantenete l’impostazione di 0% a 0 secondi; spostate quindi l’indicatore del tempo corrente a 5 secondi e impostate il valore Inizio su 100%.
  13. Visualizzate l’animazione in anteprima. I colori ora cambiano come se cadessero dall’alto dello schermo, ma presentano tutti lo stesso colore e terminano tutti con lo stesso colore originale.
  14. Con l’opzione Tonalità riempimento selezionata, scegliete Selettore > Deformazioni in movimento dal menu Aggiungi.
  15. Espandete la proprietà Selettore deformazioni in movimento 1 e scegliete Aggiungi dal menu Modalità.
  16. Visualizzate la composizione in anteprima.
    Nota:

    Se aggiungete la proprietà Tonalità riempimento ad Animatore 1, quindi aggiungete il selettore Deformazioni in movimento, vengono deformati sia la posizione che i colori, anzichè soltanto i colori.

Esempio: animare la spaziatura del testo

Questo esempio dimostra con quanta facilità è possibile isolare i caratteri durantela spaziatura di una riga di testo. Con le proprietà di animatore Spaziatura e Ancoraggio linea, potete spostare con facilità tutti i caratteri tranne uno o alcuni.

Animazione dei valori di spaziatura dei caratteri 3579 in modo da mantenere soltanto il carattere centrale 7
Animazione dei valori di spaziatura dei caratteri 3579 (a sinistra e al centro) in modo da mantenere soltanto il carattere centrale 7 (a destra)

  1. Create una nuova composizione.
  2. Create un livello testo e digitate 3579.
  3. Con il livello testo selezionato, fate clic sul pulsante Centra il testo nel pannello Paragrafo.
  4. Scegliete Visualizza > Mostra griglia.
  5. Nel pannello Timeline selezionate il livello testo e scegliete Animazione > Testo animato > Spaziatura.
  6. Accertatevi che nel menu Tipo di spaziatura sia specificato Prima e dopo.
  7. Fate clic sul cronometro Quantità spaziatura e mantenete il valore di 0 a 0 secondi.
  8. Spostate l’indicatore del tempo corrente fino a 5 secondi e trascinate il valore di Quantità spaziatura fino a fare scomparire tutti i caratteri dallo schermo.
  9. Visualizzate l’animazione in anteprima.
  10. Con l’indicatore del tempo corrente impostato su 0, riprendete un’istantanea del pannello Composizione. Questa istantanea e le relative griglie servono a determinare la posizione originale del numero 7 al termine dell’animazione.
  11. Spostate l’indicatore del tempo corrente fino a 5 secondi.
  12. Fate clic sul pulsante Mostra istantanea.
  13. Nel pannello Timeline selezionate Animatore 1 e scegliete Ancoraggio linea nel menu Aggiungi.
  14. Trascinate il valore di Ancoraggio linea fino a collocare il carattere 7 approssimativamente nella posizione originale al centro del pannello Composizione.
  15. Fate clic sul pulsante Mostra istantanea nel pannello Composizione per verificare l’esatta collocazione del carattere 7 nella posizione originale. Regolate il valore di Ancoraggio linea in modo da posizionare il carattere nella posizione originale.
  16. Visualizzate l’animazione in anteprima.

Esempio: usare i selettori per animare parole specifiche

In questo esempio viene mostrato come usare i selettori per limitare un’animazione a una parola specifica.

Usare i selettori per animare parole specifiche
Animazione dei valori di inclinazione dei caratteri nella parola Speeding

  1. Create una nuova composizione.
  2. Create un nuovo livello testo con le parole Speeding Saucer.
  3. Scegliete Animazione > Testo animato > Inclinazione.
  4. Nel pannello Timeline impostate il valore di Inclinazione su 35.
  5. Espandete Selettore intervallo 1.
  6. Assicuratevi che l’indicatore del tempo corrente si trovi a 0 secondi e fate clic sull’icona cronometro Fine.
  7. Nel pannello Composizione trascinate entrambe le barre del selettore a sinistra della S di Speeding.
  8. Spostate l’indicatore del tempo corrente fino a 2 secondi e trascinate la barra del selettore destro a destra della g di Speeding.
  9. Visualizzate la composizione in anteprima.

Esempio: creare un’animazione di scrittura in corso

Potete creare con facilità l’effetto della scrittura di un testo sullo schermo usando la proprietà di animatore Opacità.

Creare un’animazione di scrittura in corso
Scrittura di un testo con la proprietà Opacità

  1. Create una nuova composizione.
  2. Create un livello testo con i caratteri 01234.
  3. Scegliete Animazione > Testo animato > Opacità.
  4. Impostate la proprietà Opacità su 0%.
  5. Espandete Selettore intervallo 1 e fate clic sull’icona di cronometro per Inizio.
  6. Nel pannello Composizione trascinate il selettore iniziale fino al bordo sinistro del testo (il valore sarà 0).
  7. Spostate l’indicatore del tempo corrente fino a 5 secondi e trascinate il selettore iniziale del pannello Composizione fino al bordo destro del testo (il valore sarà 5).
  8. Visualizzate la composizione in anteprima.
    Nota:

    Per impostazione predefinita, la proprietà Uniformità è impostata su 100%. Per creare l’aspetto tipico di una macchina per scrivere, espandete la proprietà Avanzate e impostate Uniformità su 0%.

Esempio: animare il testo con più selettori

In questo esempio viene usato il parametro selectorValue in un selettore Espressione con il selettore Deformazioni per creare una stringa di caratteri che si accendono e si spengono in maniera casuale.

  1. Create una nuova composizione.
  2. Creare un nuovo livello testo.
  3. Nel pannello Timeline, scegliete Opacità dal menu Animazione relativo al livello testo.
  4. Espandete il livello testo e il relativo animatore nel pannello Timeline.
  5. Selezionate il selettore intervallo ed eliminatelo.
  6. Scegliete Aggiungi > Selettore > Deformazioni accanto al gruppo di proprietà Animatore per il livello testo.
  7. Scegliete Aggiungi > Selettore > Espressione. Se il selettore Deformazioni non viene aggiunto prima del selettore Espressione, trascinate il selettore Deformazioni sopra il selettore Espressione.
  8. Espandete il selettore Espressione.
  9. Espandete la proprietà Quantità per mostrare l’espressione. Per impostazione predefinita, viene visualizzata a seguente espressione:
    selectorValue * textIndex/textTotal
    selectorValue * textIndex/textTotal
    selectorValue * textIndex/textTotal
  10. Sostituite il testo dell’espressione predefinita con la seguente espressione:
    _val=selectorValue[0];
    if(r_val < 50)r_val=0;
    if(r_val > 50)r_val=100;
    r_val
    _val=selectorValue[0]; if(r_val < 50)r_val=0; if(r_val > 50)r_val=100; r_val
    _val=selectorValue[0]; 
    if(r_val < 50)r_val=0;
    if(r_val > 50)r_val=100;
    r_val
  11. Impostate l’opacità su 0% e visualizzate la composizione in anteprima.

Esempio: animare la posizione del testo con le espressioni

In questo esempio vengono usati gli attributi textIndex e textTotal con l’espressione di deformazione per animare una riga di testo.

  1. Create una nuova composizione.
  2. Creare un nuovo livello testo.
  3. Espandete il livello testo nel pannello Timeline per visualizzare le proprietà del testo. Aggiungete un gruppo di animatori Posizione del menu Animazione.
  4. Eliminate il selettore intervallo predefinito, Selettore intervallo 1.
  5. Aggiungete un selettore Espressione selezionando il menu Aggiungi, quindi scegliendo Selettore > Espressione. Espandete il selettore Espressione per mostrare le relative opzioni.
  6. Espandete la proprietà Quantità per mostrare l’espressione. Per impostazione predefinita, viene visualizzata a seguente espressione:
    selectorValue * textIndex/textTotal
    selectorValue * textIndex/textTotal
    selectorValue * textIndex/textTotal
  7. Sostituisci l’espressione predefinita con la seguente espressione:
    seedRandom(textIndex);
    amount=linear(time, 0, 5, 200*textIndex/textTotal, 0);
    wiggle(1, amount);
    seedRandom(textIndex); amount=linear(time, 0, 5, 200*textIndex/textTotal, 0); wiggle(1, amount);
    seedRandom(textIndex); 
    amount=linear(time, 0, 5, 200*textIndex/textTotal, 0); 
    wiggle(1, amount);

    In questo esempio viene adottato il metodo lineare per determinare una decelerazione della quantità massima di deformazione nel tempo.

  8. Impostate il valore della posizione verticale. Più alto è il valore, maggiore sarà la deformazione dei caratteri.
  9. Visualizzate la composizione in anteprima.

Esempio: animare il testo come una visualizzazione del codice di tempo

  1. Senza livelli selezionati nel pannello Timeline, fate doppio clic sul predefinito dell’animazione Formato ora corrente nel pannello Effetti e predefiniti. Potete individuare il predefinito dell’animazione digitandone il nome nel campo Contiene nel pannello Effetti e predefiniti.

    Viene creato un nuovo livello testo, con un’espressione sulla proprietà Testo sorgente che fa in modo che il testo visualizzi il tempo corrente nel formato di visualizzazione del tempo impostato per il progetto.

    Potete usare le altre espressioni nella categoria Globale per visualizzare l’ora in un altro formato.

    Nota:

    Per visualizzare le espressioni su un livello, selezionate il livello e premete EE.

Aumentate la vostra produttività con After Effects

Create grafiche animate incredibili, animazioni di testo ed effetti di impatto visivo con Adobe After Effects. Grafica per film, TV, video e Web.

Ottieni supporto in modo più facile e veloce

Nuovo utente?