Crea una nuova composizione.
Ultimo aggiornamento il
5 mag 2026
Applica tecniche di animazione del testo in Adobe After Effects utilizzando esempi pratici e risorse per informare i tuoi progetti di motion design.
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.
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.
Create un nuovo livello testo con la parola ovation.
Scegli Animazione > Animate Text > Abilita 3D per carattere.
Scegli Animazione > Animate Text > Posizione.
Scegli Animazione > Animate Text > Rotazione.
Nel pannello Timeline, nel gruppo Animator, imposta la proprietà X Rotation su 45 e imposta il valore Position su (0.0, 0.0, -100.0).
Espandi Range Selector 1.
Fai clic sull'icona del cronometro per la proprietà Scostamento per impostare un fotogramma chiave iniziale con il valore a 0 secondi.
Imposta il valore della proprietà Scostamento su -15%.
Imposta il valore della proprietà End su 15%.
Sposta l'indicatore del tempo corrente a 10 secondi e imposta il valore Scostamento su 100%.
Premi il tasto R per mostrare le proprietà di Rotation per l'intero livello.
Imposta il valore Y Rotation per il livello su -45, ruotando l'intero livello in modo da poter vedere più facilmente il movimento 3D dei caratteri.
Visualizzate la composizione in anteprima.
Esempio: scostamento di caratteri
Questo esempio illustra come puoi facilmente animare caratteri casuali in modo che formino gradualmente una parola o frase leggibile specificando un valore Character Offset e animando il selettore di intervallo.
Create una nuova composizione.
Create un livello testo con la parola Galaxy.
Scegli Animation > Animate Text > Character Offset.
Nel pannello Timeline, imposta il valore Character Offset su 5.
Espandi Range Selector 1.
Fai clic su Avvia cronometro per impostare un fotogramma chiave iniziale a 0 secondi e impostare il valore su 0%.
Spostate l’indicatore del tempo corrente
a 5 secondi e impostate il valore Inizio su 100%.
Imposta Character Alignment su Center.
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.
Create una nuova composizione.
Create un nuovo livello testo con la parola Galaxy e impostate il colore sul blu nel pannello Carattere.
Scegli Animation > Animate Text > Position.
Nel pannello Timeline, trascina il valore y della proprietà Position verso sinistra finché tutti i caratteri non sono fuori dal fotogramma.
Espandi Range Selector 1.
Fai clic su Avvia cronometro e lascialo allo 0% a 0 secondi; poi sposta l'indicatore del tempo corrente a 5 secondi e imposta Inizio su 100%.
Visualizzate la composizione in anteprima.
Comprimi il gruppo Animator 1.
Assicurati che non sia selezionato nulla tranne il nome del livello di testo nel pannello Timeline e scegli Fill Color > Tonalità dal menu Animate. Nel pannello Timeline viene visualizzato un nuovo gruppo animatore, Animator 2.
Imposta Fill Hue su 1x+0.0.
Espandete Selettore intervallo 1 per Animatore 2.
Fai clic su Start stopwatch e lascialo allo 0% a 0 secondi; quindi sposta l'indicatore del tempo corrente a 5 secondi e imposta Start al 100%.
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.
Con Fill Hue selezionato, scegli Selector > Wiggly dal menu Add.
Espandete la proprietà Selettore deformazioni in movimento 1 e scegliete Aggiungi
dal menu Modalità.
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.
Create una nuova composizione.
Create un livello testo e digitate 3579.
Con il livello di testo selezionato, fai clic sul pulsante Center Text nel pannello Paragraph.
Seleziona View > Show Grid.
Nel pannello Timeline, seleziona il livello di testo e scegli Animation > Animate Text > Tracciamento.
Assicurati che Before & After sia specificato nel menu Track Type.
Fai clic sul cronometro Tracking Amount e lascia il valore 0 a 0 secondi.
Sposta l'indicatore del tempo corrente a 5 secondi e trascina il valore Tracking Amount finché tutti i caratteri non escono dallo schermo.
Visualizzate l’animazione in anteprima.
Con l'indicatore del tempo corrente a 0, scatta un'istantanea del pannello Composizione. Questa istantanea e le relative griglie servono a determinare la posizione originale del numero 7 al termine dell’animazione.
Spostate l’indicatore del tempo corrente fino a 5 secondi.
Fai clic sul pulsante Show Snapshot.
Nel pannello Timeline, seleziona Animator 1 e scegli Line Anchor dal menu Add.
Trascina il valore Line Anchor finché il 7 non è posizionato approssimativamente nella sua posizione originale al centro del pannello Composition.
Fai clic sul pulsante Show Snapshot nel pannello Composition per vedere la posizione esatta del 7 nella sua posizione originale. Regola il Valore Line Anchor per posizionare il carattere nella posizione originale.
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.
Create una nuova composizione.
Create un nuovo livello testo con le parole Speeding Saucer.
Scegli Animation > Animate Text > Skew.
Nel pannello Timeline, imposta il valore Skew su 35.
Espandete Selettore intervallo 1.
Assicurati che l'indicatore del tempo corrente sia a 0 secondi e fai clic sul cronometro End.
Nel pannello Composition, trascina entrambe le barre del selettore sul lato sinistro della S in Speeding.
Spostate l’indicatore del tempo corrente fino a 2 secondi e trascinate la barra del selettore destro a destra della g di Speeding.
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à.
Create una nuova composizione.
Create un livello testo con i caratteri 01234.
Scegli Animation > Animate Text > Opacity.
Imposta Opacity su 0%.
Espandi Range Selector 1 e fai clic sull'icona del cronometro per Start.
Nel pannello Composizione, trascina il selettore di inizio al bordo sinistro del testo (il valore è 0).
Sposta l'indicatore del tempo corrente a 5 secondi e trascina il selettore di inizio nel pannello Composizione al bordo destro del testo (il valore è 5).
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.
Create una nuova composizione.
Creare un nuovo livello testo.
Nel pannello Timeline, scegli Opacità dal menu Animate per il livello di testo.
Espandi il livello di testo e il relativo animatore nel pannello Timeline.
Seleziona Range Selector ed eliminalo.
Scegli Aggiungi > Selettore > Wiggly accanto al gruppo di proprietà Animator per il livello di testo.
Scegli Aggiungi > Selettore > Espressione. Se il selettore Wiggly non viene prima del selettore Expression, trascina il selettore Wiggly sopra il selettore Expression.
Espandi Expression Selector.
Espandete la proprietà Quantità per mostrare l’espressione.
Per impostazione predefinita, viene visualizzata a seguente espressione:
selectorValue * textIndex/textTotal
Sostituite il testo dell’espressione predefinita con la seguente espressione:
r_val=selectorValue[0];
if(r_val < 50)r_val=0;
if(r_val > 50)r_val=100;
r_val
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.
Create una nuova composizione.
Creare un nuovo livello testo.
Espandi il livello di testo nel pannello Timeline per visualizzare le proprietà del testo. Aggiungi un gruppo di animazione Position dal menu Animate.
Eliminate il selettore intervallo predefinito, Selettore intervallo 1.
Aggiungi un selettore Expression selezionando il menu Aggiungi, quindi scegliendo Selettore > Expression. Espandete il selettore Espressione per mostrare le relative opzioni.
Espandete la proprietà Quantità per mostrare l’espressione.
Per impostazione predefinita, viene visualizzata a seguente espressione:
selectorValue * textIndex/textTotal
Sostituisci l’espressione predefinita con la seguente espressione:
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.
Impostate il valore della posizione verticale. Più alto è il valore, maggiore sarà la deformazione dei caratteri.
Visualizzate la composizione in anteprima.
Esempio: animare il testo come una visualizzazione del codice di tempo
Senza livelli selezionati nel pannello Timeline, fai doppio-clic sul predefinito di animazione Current Time Format nel pannello Effects & Presets. (Puoi individuare la preimpostazione di animazione digitando il nome nel campo Contains nel pannello Effects & Presets.)
Viene creato un nuovo Livello di testo, con un'espressione sulla prop Source Text che fa sì che il testo mostri l'ora corrente nel formato di visualizzazione temporale impostato per il Progetto.
Puoi utilizzare altre espressioni nella categoria Global 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.
Altri argomenti correlati
Crea straordinarie animazioni 3D in After Effects
Anima i personaggi e le illustrazioni, aggiungi movimento al testo e molto altro.
