nebbiaenuvole
guide animazione 2D Photoshop, ImageReady, Swish Max
 
testo che corre
___________________
prima parte
___________________
 
    Testo che corre - prima parte

Prepariamo il PSD di base. Ci servirà per farne almeno 8 versioni successive, sempre con poche aggiunte o modifiche.
1
   

Apro Photoshop. Creo un nuovo file, fondo nero, 300x130 pixel.

Con lo strumento testo scrivo la frase "TESTO CHE CORRE" e la centro in mezzo (ormai sapete come si fa, no?. Si seleziona lo strumento sposta (V) e col mouse premuto la si sposta sullo schermo, magari con il testo maiuscolo premuto).

Duplico il livello (lo chiamo base) e lo rasterizzo
(Clic sulla zona blu, non sull'icona, sulla scritta, sul pannello livelli e scelgo: rasterizza livello)

Photoshop
   

 
2
    Creo un Set (lo chiamo testo 1) e ci porto il testo rasterizzato (base).
Di qui in poi sono tutte azioni ripetitive, da fare in questa sequenza, così lavorate meno:

A. Duplico il livello base (base copia) nel Set testo.

B. Seleziono base

C. Con lo strumento Selezione rettangolare catturo la parte di scritta: ESTO CHE CORRE (lascio fuori la T)

D. Cancello la parte selezionata. (qui sotto quello che ottengo se oscuro gli altri livelli, escluso lo sfondo)

 
   

 
3
   

E. Seleziono base copia

F. Inverto la selezione (ora in selezione avro' solo la T

G. Cancello la parte selezionata.

(qui sotto quello che ottengo se oscuro gli altri livelli, escluso lo sfondo)

 
   

 
4
    Riparto da base copia e lo duplico (base copia 1)
Ripeto tutti i passaggi da C a D (punto 2) su
base copia
 
   

 
5
    Ripeto tutti i passaggi da E a G (punto 3) su base copia 1  
   

 
6
   

Insomma, separo lettera per lettera tutto il testo.
Alla fine otterrò 13 livelli, ciascuno con una lettera.

Collego tra di loro tutti i livelli del set testo 1
duplico il set testo 1 (lo chiamo testo 2)

Seleziono un livello a caso nel set
testo 2 (sono collegati)
Lo trasformo (CTRL + T) ingrandendolo in verticale di qualche pixel (come in figura qui sotto, il testo grigio)

 
   

 
7
    Duplico il set testo 2 (lo chiamo testo 3 )
Seleziono un livello a caso nel set testo 3 (sono collegati)
Lo ingrandisco (CTRL + T) in verticale di qualche pixel (come in figura qui sotto, il testo grigio)
 
   

 
   
A pag. 2 vediamo un po' di esempi dell'animazione che possiamo ottenere con questa base.

(Ah, salvo il PSD chiamandolo ... testo.PSD. Mi pare acconcio)
 
   

 

fine prima parte

 
 


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