Esempi e risorse per l’animazione del testo

Adobe Community Help


Prodotti interessati:

Contatti per assistenza

Nel sito Web ProVideo Coalition è disponibile un’esercitazione video realizzata da Chris e Trish Meyer che illustra come immettere, modificare, formattare e comporre il testo.

Nel sito Web Digital Arts Online potete trovare un’esercitazione di Harry Frank sull’animazione del testo mediante animatori di testo.

Nel sito Web Creative COW, potete trovare un’esercitazione video di Aharon Rabinowitz in cui vengono illustrati alcuni modi per creare testo estruso 3D in After Effects, utilizzando livelli doppi o l’effetto Esplosione.

Nella serie di esercitazioni video “After Effects Text Tips” nel sito Web Creative COW, Aharon Rabinowitz dimostra come utilizzare più animatori di testo per creare e mettere a punto animazioni di testo complesse.

Nel sito Web Layers Magazine di Steve Holmes è disponibile un’esercitazione in cui vengono usati tre animatori di testo e l’animazione 3D del testo a livello di carattere per creare un’animazione di testo.

Nel sito Web di Colin Braley potete trovare un’esercitazione e un progetto di esempio che mostrano come utilizzare un’espressione nella proprietà Testo sorgente per ovviare ad alcune delle limitazioni dell’effetto Numeri.

Eran Stern mette a disposizione una serie di esercitazioni video nel sito Web Creative COW che mostra come usare le funzionalità dell’animazione di testo per creare una serie di animazioni semplici, tra cui alcune che usano i segni di punteggiatura e altri simboli non alfanumerici come semplici elementi di grafica vettoriale:

Eran Stern mette a disposizione un’esercitazione video nel sito Web Creative COW, la quale dimostra come utilizzare l’animazione di testo 3D per ciascun carattere, per animare il testo lungo un tracciato sotto forma di tornado 3D.

Rhys Enniks mette a disposizione un’esercitazione video nel suo sito Web in cui utilizza le espressioni e vari animatori testo e selettori intervallo per animare il testo, come se esso venisse digitato sullo schermo di un computer.

Nel sito Web Digital Arts è disponibile un’esercitazione di Angie Taylor che mostra come usare l’animazione di testo 3D per carattere insieme a una soluzione standard per simulare testo 3D estruso.

Eran Stern fornisce un’esercitazione video sul sito Web di Artbeats che illustra come utilizzare il sistema di animazione del testo come un sistema di particelle.

Rich Young raccoglie numerose esercitazioni e risorse 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 affinché ciascun carattere faccia un passo avanti e compia 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 la proprietà Scostamento per impostare 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.

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 sull’icona di cronometro Inizio per impostare il fotogramma chiave iniziale a 0 secondi e impostare il valore su 0%.
  7. Spostate l’indicatore del tempo corrente fino 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 notevoli modifiche nell’animazione semplicemente aggiungendola al livello.

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 cronometro Inizio e mantenete l’impostazione di 0% a 0 secondi; spostate quindi l’indicatore del tempo corrente fino 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 il 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 cronometro Inizio e mantenete l’impostazione di 0% a 0 secondi; spostate quindi l’indicatore del tempo corrente fino 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 nel menu Aggiungi.
  15. Espandete la proprietà Selettore deformazioni in movimento 1 e scegliete Aggiungi nel 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

In questo esempio viene dimostrato con quanta facilità è possibile isolare i caratteri durante la 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 (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 traccia sia specificato Prima e dopo.
  7. Fate clic sull’icona di 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.

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à.

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 in movimento 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 Anima relativo al livello testo.
  4. Espandete il livello testo e il relativo il gruppo Animatore nel pannello Timeline.
  5. Selezionate il Selettore intervallo ed eliminatelo.
  6. Scegliete Aggiungi > Selettore > Deformazioni in movimento accanto al gruppo di proprietà Animatore per il livello testo.
  7. Scegliete Aggiungi > Selettore > Espressione. Se il selettore Deformazioni in movimento non viene aggiunto prima del selettore Espressione, trascinate il selettore Deformazioni in movimento sopra il selettore Espressione.
  8. Espandete il selettore Espressione.
  9. Espandete la proprietà Quantità per mostrare l’espressione. Per impostazione predefinita, appare la seguente espressione: 
    selectorValue * textIndex/textTotal
  10. 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
  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 in movimento 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 Anima.
  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, appare la seguente espressione: 
    selectorValue * textIndex/textTotal
  7. Sostituite 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.

  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

  • 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.

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

Adobe consiglia anche

Questo prodotto è concesso in licenza in base alla licenza di Attribuzione-Non commerciale-Condividi allo stesso modo 3.0 Unported di Creative Commons.  I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.

Note legali   |   Informativa sulla privacy online

Scegli il paese    Prodotti   Download   Supporto e formazione   Società

Copyright © 2015 Adobe Systems Software Ireland Ltd. All rights reserved.

Termini di utilizzo | Privacy | Cookie