Creare un testo animato con Photoshop

Testo animato con Photoshop

Oggi con questo tutorial vogliamo apprendere come costruire un testo animato con il nostro Photoshop. Tutorial molto semplice e veloce che ci permette di creare degli effetti carini.

Iniziamo subito!

Questo sara’ il nostro risultato:

Apriamo un nuovo documento in Photoshop con queste misure 1000 X 300 px. Impostiamo come colore in primo piano #000000 e come background il colore  # 00ae0f. Selezioniamo lo strumento gradiente lineare e otteniamo una cosa del genere:

Adesso su questo livello, applichiamo un filtro, andiamo su Filtro->Schizzo->Effetto carta bagnata e inseriamo questi valori:

Lunghezza fibre: 5

Luminosita’: 53

Contrasto: 73

Ottenendo questo risultato:

Adesso andiamo a selezionare lo strumento testo, impostiamo il colore su #00b75a e 170pt di grandezza, e scriviamo il nostro testo.

Uniamo i due livelli e chiamiamo il livello unico Original. Adesso duplichiamo questo livello con CTRL+J e diamo il nome a questo nuovo livello 1. Sul livello 1 applichiamo Filtro->Schizzo->Effetto Carta Bagnata:

Lunghezza fibre: 50

Luminosita’: 0

Contrasto: 73

e otterremo questo per il nostro livello 1:

Duplichiamo di nuovo il nostro livello Original, sempre con CTRL+J, e diamo il nome a questo nuovo livello 2.

Su questo livello applichiamo Filtro->Schizzo->Effetto Carta Bagnata:

Lunghezza fibre: 50

Luminosita’: 20

Contrasto: 73

e otterremo questo per il nostro livello 2:

Duplichiamo di nuovo il nostro livello Original, sempre con CTRL+J, e diamo il nome a questo nuovo livello 3.

Su questo livello applichiamo Filtro->Schizzo->Effetto Carta Bagnata:

Lunghezza fibre: 50

Luminosita’: 30

Contrasto: 73

e otterremo questo per il nostro livello 3:

Duplichiamo di nuovo il nostro livello Original, sempre con CTRL+J, e diamo il nome a questo nuovo livello 4.

Su questo livello applichiamo Filtro->Schizzo->Effetto Carta Bagnata:

Lunghezza fibre: 50

Luminosita’: 40

Contrasto: 73

e otterremo questo per il nostro livello 4:

Duplichiamo di nuovo il nostro livello Original, sempre con CTRL+J, e diamo il nome a questo nuovo livello 5.

Su questo livello applichiamo Filtro->Schizzo->Effetto Carta Bagnata:

Lunghezza fibre: 50

Luminosita’: 50

Contrasto: 73

e otterremo questo per il nostro livello 5:

Duplichiamo di nuovo il nostro livello Original, sempre con CTRL+J, e diamo il nome a questo nuovo livello 6.

Su questo livello applichiamo Filtro->Schizzo->Effetto Carta Bagnata:

Lunghezza fibre: 40

Luminosita’: 50

Contrasto: 73

e otterremo questo per il nostro livello 6:

Duplichiamo di nuovo il nostro livello Original, sempre con CTRL+J, e diamo il nome a questo nuovo livello 7.

Su questo livello applichiamo Filtro->Schizzo->Effetto Carta Bagnata:

Lunghezza fibre: 30

Luminosita’: 50

Contrasto: 73

e otterremo questo per il nostro livello 7:

Duplichiamo di nuovo il nostro livello Original, sempre con CTRL+J, e diamo il nome a questo nuovo livello 8.

Su questo livello applichiamo Filtro->Schizzo->Effetto Carta Bagnata:

Lunghezza fibre: 20

Luminosita’: 50

Contrasto: 73

e otterremo questo per il nostro livello 8:

Duplichiamo di nuovo il nostro livello Original, sempre con CTRL+J, e diamo il nome a questo nuovo livello 9.

Su questo livello applichiamo Filtro->Schizzo->Effetto Carta Bagnata:

Lunghezza fibre: 10

Luminosita’: 50

Contrasto: 73

e otterremo questo per il nostro livello 9:

Adesso duplichiamo il livello Original e senza applicare nessun filtro, rinominiamo il livello duplicato con 10. Inseriamo il livello 10 sopra a tutti gli altri livelli. Il livello 10 apparira’ cosi’:

Nascondiamo il livello Original e copiamo i livelli da 1 a 10. Una volta fatta la copia di questi livelli li dobbiamo disporre nel seguente ordine:

Togliamo la visibilita’ a tutti i livelli tranne che al livello 1, selezioniamo dal top menu’ Finestra->Animazione. Clicchiamo sul bottone in basso a destra che ci fa trasformare la timeline in frame che costituiscono l’animazione:

Impostiamo il ritardo a 0,1 sec

Procediamo nella stessa maniera introducendo tutti i nostri livelli utilizzando come ritardo sempre 0,1 sec, tranne che per il livello 10 dove impostiamo il ritardo a 0,2 sec.

A questo punto il tutorial e’ finito. Prestiamo attenzione al salvataggio. Selezioniamo File->Salva per Web e dispositivi, scegliamo GIF e l’opzione del ciclo della animazione.

Il gioco e’ fatto, ecco il risultato del nostro tutorial:

Alla prossima!