spot_img

Scritta animata con fascio di luce con Photoshop

Un tutorial molto semplice grazie al quale potrete fare una scritta animata con fascio di luce.

Scritta animata con fascio di luce

Seguendo questi semplici passaggi riuscirete a fare una scritta animata con fascio di luce utilizzando come programma Adobe Photoshop.

1- Utilizzando lo strumento Testo  testo creiamo la nostra scritta:
Testo per scritta animata

2- Rasterizziamo il nostro testo: per farlo clicchiamo con il Tasto Destro sul livello testo della nostra scritta e selezioniamo Rasterizza Testo
rasterizza testo

3Creiamo un nuovo livello. Utilizzando lo strumento Selezione ellittica strumento  creiamo una selezione in questo modo:
Questa diverrà il fascio di luce che attraverserà il nostro testo
selezione ellittica

4- Coloriamo la nostra selezione di bianco (o di qualsiasi altro colore, a seconda del gusto)
Fascio di luce per scritta animata

5 – Premiamo Ctrl+T per attivare la Trasformazione Libera
Trasformazione Libera Scritta Animata

6 – Utilizzando i cursori modifichiamo l’inclinazione della nostra selezione rendendola più idonea all’animazione.
Scritta animata inclinazione selezione

7 – Una volta applicate le modifiche , clicchiamo due volte sul livello della nostra selezione :ci troviamo  su Stili Livello. 
Applichiamo quindi un Bagliore Esterno (il colore,la dimensione e il resto dei parametri dipendono dal vostro gusto)
Bagliore esterno

– Il risultato sarà il seguente:
risultato bagliore esterno scritta animata

9 – Creiamo una Maschera di Ritaglio. Per farlo clicchiamo col destro sul livello del nostro ellisse e selezioniamo Crea Maschera di Ritaglio.
La maschera di ritaglio serve a far si che il livello che la contiene compaia unicamente nei limiti del livello che lo precede.
Maschera di ritaglio

10 –  Il risultato sarà il seguente:
maschera

11– Una volta preparata la base della nostra scritta animata, passiamo ad aprire la finestra animazione. Per farlo andiamo su Finestra -> Animazione.
Finestra

12– Comparirà quindi la finestra  seguente. Per animare la scritta dovremo lavorare su di essa.
animazionefinestra

13– Clicchiamo sopra il nostro unico Frame e impostiamo il ritardo su 0.1.
(Il ritardo è la velocità con cui scorrono i frame. Maggiore è il ritardo e minore è la velocità dell’animazione.)
ritardo

14– Duplichiamo quindi il nostro Frame. Come possiamo notare il ritardo è rimasto impostato su 0.1 .
Duplica

15 – Tenendo premuto il tasto Ctrl spostiamo la nostra selezione in modo da farla scorrere. Ricordiamoci di lavorare sul livello della selezione.
Muovi

Ripetiamo queste operazioni (Duplica Livello + Sposta selezione) spostando sempre di più la nostra selezione sino a che  essa scompaia.
scomparsa

E’ molto probabile che il numero di Frame che si è venuto a creare sia elevato. Nel mio caso “solo” 18 .
18 frames

 

Premendo sul tasto Play  play Possiamo vedere com’è venuta la nostra scritta animata e modificare le parti che non ci piacciono per migliorare il tutto.

Salvataggio

Per salvare questo tipo di file dobbiamo andare su File -> Salva per Web e dispositivi
web e dispositivi

e dare l’OK alla finestra di dialogo che si aprirà in seguito.

Questo è l’effetto finale:
scritta animata finale

Spero che il tutorial vi sia piaciuto. Per qualsiasi chiarimento potete commentare 🙂 

Filippo iulianihttp://www.droppergen.net
Appassionati di tecnologia e di tutto ciò che ruota intorno al web 2.0. Web writer esperto ed Editore e di Droppergen.net e cacciatore delle ultime news dal mondo della tecnologia.

Related Articles

Stay Connected

0FansLike
3,047FollowersFollow
0SubscribersSubscribe
- Advertisement -spot_img

Latest Articles