Creare un testo animato con Photoshop

creare testo animato 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.

creare testo animato photoshop

Iniziamo subito!

Questo sara’ il nostro risultato:

photoshop testo animato

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:

tutorial photoshop testo animato 01

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

tutorial photoshop testo animato 02

Ottenendo questo risultato:

tutorial photoshop testo animato 03

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

tutorial photoshop testo animato 04

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:

tutorial photoshop testo animato 05

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:

tutorial photoshop testo animato 06

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:

tutorial photoshop testo animato 07

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:

tutorial photoshop testo animato 08

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:

tutorial photoshop testo animato 09

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:

tutorial photoshop testo animato 10

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:

tutorial photoshop testo animato 11

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:

tutorial photoshop testo animato 12

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:

tutorial photoshop testo animato 13

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’:

tutorial photoshop testo animato 14

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:

tutorial photoshop testo animato 15

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:

tutorial photoshop testo animato 16

Impostiamo il ritardo a 0,1 sec

tutorial photoshop testo animato 17

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.

tutorial photoshop testo animato 18

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.

tutorial photoshop testo animato 19

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

photoshop-testo-animato

Alla prossima!

Scritto da Magoo

Magoo

Web Developer & Mobile Developer, Game Lover insomma un Nerd.
Co-founder Iwebdesigner.it, Nerdzhouse SRL.
Prendo a schiaffi la tastiera fino a quando non succede qualcosa di buono.

COMMENTA

Loading Disqus Comments ...
Loading Facebook Comments ...

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *