nebbiaenuvole
guide animazione 2D Photoshop, ImageReady, Swish Max
 
testo su ombra
___________________
 
    Testo su ombra

Inizio qui una serie di roba da banner.
I banner sono quelle piccole animazioni che trovate in giro per il web, tipo consigli per un clic.
E' tutta roba semplice, pochi livelli in photoshop e pochi frames in animazione. L'importante è che si vedano sui paginoni dei siti.
Qui li sto realizzando un po' grandi ma in realtà vanno poi scalati in misure più ridotte vuoi per il peso (peso = costo in termini di spazio) vuoi per lo spazio che non sempre ce n'è molto sui siti.
Fine dello spiegone sui banner


1
   

Apro Photoshop. Creo un nuovo file, fondo bianco, 400x325 pixel.

Con lo strumento testo scrivo "TESTO SU OMBRA " di colore rosso e la centro in mezzo.

Photoshop
   

 
2
    Duplico il livello del testo. Catturo il testo e lo definisco di colore nero. Rasterizzo il testo nero. Porto il testo nero al di sotto del testo rosso.

La stessa cosa la posso fare in questo modo:
seleziono la trasparenza di livello del testo rosso, creo un un nuovo livello e lo riempio di nero, poi lo porto sotto al testo rosso.
 
   


 
3
    Sfoco il testo (un 10%) e ne riduco l'opacità al 50%.  
   

 
4
   

Sposto l'ombra in basso, come nella figura qui sotto.

   

 
5
    Passo ad ImageReady.
Qui la cosa è semplicissima. Si tratta di creare alcuni fotogrammi in questo modo:

Il primo col testo rosso in mezzo.
Il secondo spostandolo un poco (io l'ho mosso verso destra)
Il terzo spostandolo ancora un poco.
Il quarto identico al secondo (basta duplicare il frame e trascinarlo sulla linea dell'animazione all'estrema destra.

Fine. Temporizzate poco (io uso 0,0 = niente).
Image Ready
   

 
 

 

Non vi sto a passare il PSD, che mi sembra quasi di insultarvi.

 

 

fine della guida

 
 


Non ho Copyright © poichè non so l'inglese. Il sito è fatto da nebbiaenuvole.com Tutti i diritti sono diritti, che se fossero storti ....
Marchi registrati e segni distintivi sono di proprietà dei rispettivi titolari.
 
Creative Commons License