[Tutorial After Effects]
In questo tutorial vedremo come creare un banner con del testo animato utilizzando le impostazioni predefinite di animazione testo di After Effect.

Animare un testo con after effects utilizzando le impostazioni predefinite di animazione e’ molto semplice
Si evita di perdere tempo a districarsi tra i mille parametri degli effetti e si puo’ concentrarsi in modo piu’ produttivo sul risultato finale.
Questo tutorial e’ una spiegazione passo/passo di come ho creato i banner che si possono vedere nella home del sito:





Creiamo una nuova composizione [Menu orizzontale – Composizione/Nuova composizione oppure Ctrl+N]
Nel riquadro che si e’ appena aperto impostiamo il nome che vogliamo dare alla nostra nuova composizione e impostiamo le dimensioni in pixel, la durata della nostra clip e la velocita’ (fotogrammi al secondo)
Le dimensioni per un banner standard da utilizzare su un sito web sono: 468 x 60, anche qui ci vengono in aiuto le impostazioni predefinite, infatti cliccando sul pulsante “impostazioni predefinite” comparira’ un menu’ a tendina dove potremmo scegliere varie misure tra cui “Banner Web 468, 60”
Come possiamo vedere anche la velocita’ della clip e’ gia’ stata impostata da After Effect a 15 fotogrammi al secondo, nulla ci vieta di modificare tale valore, ma teniamo presente che 15 fotogrammi al secondo per un’animazione visualizzata sul web sono gia’ sufficienti, ed un aumento di tale valore farebbe aumentare si la qualita’ dell’animazione ma la farebbe diventare molto pesante e si presenterebbero altri problemi una volta inserita nel nostro sito (lentezza nel caricamento o interruzioni nella visualizzazione)
Adesso impostiamo la durata della nostra animazione che dipendera’ dal contenuto della clip stessa, nel caso del nostro banner che ha delle scritte animate occorre tener conto di quante frasi vogliamo visualizzare e per calcolare il tempo per ogni frase dobbiamo tener conto del del tempo che la scritta deve avere per comparire, il tempo per poter leggere la scritta completa ed il tempo per l’effetto di scomparsa della scritta.
Impostiamo 14 secondi come durata della clip, la visualizzazione della durata e’ espressa in ore:minuti:secondi:fotogrammi quindi impostiamo 0:00:14:00
Carichiamo lo sfondo per la nostra clip [Doppio click in una zona vuota della finestra progetto oppure Menu orizzontale – File/Importa/File.. oppure Ctrl+I]
In questo esempio ho creato con Photoshop un rettangolo azzurro di 468x60 con qualche piccola figura di un azzurro leggermente piu’ scuro e l’ho salvata in Png.
Si puo’ anche realizzare lo sfondo direttamente in Afetr Effects cliccando con il tasto destro in un’area vuota sotto la lista dei livelli della nostra composizione (a sinistra della timeline) e nel menu’ che compare cliccare su Nuovo/Tinta unita.. e poi utilizzare gli strumenti della barra in alto per disegnare delle stelle o dei poligoni.
A questo punto iniziamo a preparare il testo della nostra prima scritta
Clicchiamo sullo strumento testo orizzontale nel menu in alto (l’icona a forma di T oppure Ctrl+T)
Clicchiamo in un punto qualsiasi della finestra composizione del nostro banner e scriviamo la nostra frase
Adesso dobbiamo centrare e regolare le dimensioni della nostra scritta, clicchiamo sullo strumento selezione (l’icona a forma di puntatore del mouse nella barra degli strumenti in alto) e facciamo doppio click sulla nostra scritta in modo da selezionarla (dovrebbe comparire su di essa un rettanglolo semitrasparente) con la scritta selezionata, tutte le modifiche che effettueremo nella finestra carattere andranno ad interessare tutta la nostra scritta, qui impostiamo il tipo e le dimensioni del Font e possiamo cliccare sull’icona centra il testo oppure sistemare la scritta come preferiamo spostandola con lo strumento selezione e trascinandola tenendo premuto il tasto sinistro del mouse.
Scegliamo un effetto per far comparire la scritta, andiamo nella finestra Effetti e impostazioni predefinite
e facciamo comparire la lista degli effetti presenti in Impostazioni Predefinite Animazione (cliccando sul triangolino per espandere i livelli)
Scegliamo Text ed espandiamo il suo livello per vederne il contenuto
Scegliamo un effetto dalla lista, nel nostro esempio clicchiamo su “Apparizione dilatata di tutte le parole”
Teniamo premuto il tasto sinistro del mouse e trasciniamo l’effetto sopra la nostra scritta (nella finestra composizione oppure sul livello della scritta nella finestra timeline)
La nostra scritta scompare, perche’ grazie alle impostazioni predefinite vengono impostati tutti i parametri dell’animazione in automatico, quindi al fotogramma zero la nostra scritta deve ancora apparire, mentre facendo avanzare il cursore sulla linea temporale della nostra timeline potremmo vedere l’evolversi dell’animazione e quindi la scritta che compare con l’effetto che abbiamo scelto.
Se vogliamo fare degli esperimenti per vedere anche gli altri effetti, possiamo annullare l’effetto appena applicato [Menu orizzontale – Modifica/Annulla applica effetti oppure Ctrl+Z] e sceglierne un’ altro dalla lista ed applicarlo alla nostra scritta.
Spostiamo il cursore fino al punto in cui la scritta e’ comparsa del tutto, adesso avanziamo ancora di qualche secondo in modo che la scritta risulti leggibile (per dare il tempo a chi vedra’ l’animazione di leggere il testo, si puo’ applicare la regola del VE che dice che un titolo dovrebbe stare sullo schermo quel tempo che basti ad essere letto almeno 2 volte) e andiamo a scegliere dalla lista un effetto per far scomparire la nostra scritta.
Nella finestra “Effetti e impostazioni predefinite” andiamo a chiudere il livello “Animate In” (cliccando sul triangolino alla sua sinistra) in modo da poter rivedere la lista degli effetti “Text” ed espandiamo il livello “Animate Out” per far comparire la lista degli effetti per la scomparsa del testo.
Scegliamo l’effetto “Rimozione dilatata di tutte le parole” oppure un qualsiasi altro effetto di scomparsa e applichiamolo al livello testo della scritta (tasto sinistro premuto e trasciniamo l’effetto sopra il livello o sopra alla scritta nella composizione)
Adesso spostiamo il cursore per far avanzare l’animazione sulla timeline e guardiamo la nostra scritta che scompare animata dall’effetto che abbiamo precedentemente applicato. Lasciamo il cursore nel punto in cui la sritta e’ completamente scomparsa, adesso impostiamo la seconda scritta del nostro banner.
Creiamo un nuovo livello per il testo cliccando con il tasto destro sull’area vuota sotto la lista dei livelli della composizione nella finestra della timeline e dal menu che comapre scegliamo Nuovo/Testo
Con lo strumento testo scriviamo la frase che vogliamo, centriamola e regoliamo le impostazioni di dimensione del font sempre dalla finestra “carattere” [Ctrl+6]
Adesso la nostra seconda scritta parte dal fotogramma zero come la prima, quindi dobbiamo spostare il suo inizio fino al punto della timeline in cui scompare la prima scritta, per fare cio’ dobbiamo posizionarci con il puntatore del mouse sulla linea rossa della timeline corrispondente al livello della seconda scritta, quest’ultimo si trasformera’ in due freccette antagoniste, teniamo premuto il tasto sinistro e spostiamo l’inizio della barra rossa a destra fino alla posizione del cursore (se non l’abbiamo piu’ toccato dovrebbe coincidere con il punto in cui scompare la prima scritta)
Adesso applichiamo gli effetti di comparsa e scomparsa alla seconda scritta esattamente come abbiamo fatto con la prima scritta.
La nostra animazione e finita, andiamo sulla finestra “controllo tempo” e clicchiamo su “Riproduzione/Pausa” per far girare la nostra clip in modo da accorgerci se occorre fare qualche modifica soprattutto sui tempi di comparsa/fermo/scomparsa delle nostre scritte.
Se il nostro PC e’ sufficientemente veloce la riproduzione dovrebbe avvenire in tempo reale, altrimenti nella finestra controllo tempo comparira’ una scritta rossa che ci avvertira’ del contrario e quindi non potremmo valutare la tempistica degli effetti e saremo costretti a renderizzare il progetto per poter vedere la clip come un normale filmato alla sua naturale velocita’.
Dopo le opportune modifiche concludiamo renderizzando il progetto [Menu orizzontale – Composizione/Aggiungi a coda di rendering oppure Ctrl+maiusc+<]
Nella finestra “Coda di rendering” dobbiamo impostare le opzioni per la creazione del nostro filmato e la sua esportazione, clicchiamo sulla scritta “senza perdite” alla destra di “Modulo di Output” in modo da far comparire le impostazioni ed andiamo a cliccare sul pulsante del “Formato” scegliendo dall’elenco “Gif Animata” e chiudiamo queste impostazioni cliccando sul pulsante “OK” in fondo al riquadro.
Torniamo alla finestra “Coda di rendering” e clicchiamo sul nome della nostra composizione alla destra di “Output In” ed andiamo a scegliere la cartella in cui salvare la nostra clip e clicchiamo su “Salva”
A questo punto non ci resta che cliccare sul pulsante “Renderizza” ed After Effect iniziera’ a calcolare la nostra clip finale, per questo esempio con un Pc medio dovrebbero bastare pochi secondi.