nebbiaenuvole
guide animazione 2D Photoshop, ImageReady, Swish Max
 
testo e veletti
___________________
 
   


Testo e veletti (copia spot tv)

Le idee sono come le ciliegie: una tira l'altra.
Solo che spesso l'albero non è il tuo.

In questi giorni sta passando in tivvù uno spot di un noto costruttore di automobili italiano (indovinate chi?)
M'è venuta voglia di rifarlo (con Imageready, ovviamente)
L'ho convertito in flash solo per la velocità necessaria a riprodurre l'effetto, un po' effetto matrix in orizzontale, no?

Come sempre, le operazioni di manipolazione del testo ed altro io le faccio con Photoshop.

 

 
1
   

Si tratta semplicemente di gestire un veletto per ogni riga di testo, e 4 livelli di numeri.

Chi non sa cosa sia un veletto, si rilegga la Bibbia, magari quando si parla di Salomè, che di veletti ne gestiva sette alla volta.
Chi lo sa lo eviti, che si dice sempre questa roba, dell'evitare quel che si sa, e poi uno finisce col cascare in quel che non sa e lì sono acidi, vero? Fine dello sproloquio, tutto destinato ad aumentare la cella di questa tabella per finire sotto a Clic & Write.

Apro Photoshop e creo una nuova immagine di 300x200 px
(le misure sono ininfluenti, dato che non rasterizzo i testi)
col fondo nero.


Creo un nuovo livello e scrivo:
i numeri (Arial, 5 pt)

Photoshop
 
   

   
2
   

Creo un nuovo livello, disegno (Strumenti: selezione rettangolare) un rettangolo grande da coprire la scritta e lo riempio del colore del fondo (nero)

Nell'immagine l'ho fatto grigio per vederlo. Voi, non io, che avendolo già visto lo evito, sempre per la considerazione di cui sopra.

Il veletto (rettangolo nero) mi servirà in animazione per scoprire, poco alla volta, la scritta i numeri

   
   

   
3
    Duplico il livello i numeri

Lo porto al di sopra del veletto nero.
Doppio clic per attivare la modifica testo.
Ci scrivo 7 numeri a caso (qui ho scritto 2089123)

Duplico il livello e modifico i numeri (8912345)
Duplico il livello e modifico ancora i numeri (1234567)
Duplico il livello e modifico (2468024)

In animazione, mostrando successivamente un livello diverso,
si avrà l'effetto "matrix", cioè i numeri cambiano, tipo orologio digitale.
   
   

   
4
    Duplico il livello del veletto nero e lo trascino al di sopra dei livelli dei numeri.

Anche questo veletto mi servirà per scoprire i numeri, poco alla volta, ma anche per ricoprirli a fine corsa.

Mi sembra di aver finito.
Lo salvo come spot.pds
   
   

   
5
   
ImageReady
 
 

1° fotogramma:


visibile solo il fondo

     
2° fotogramma:


  Visibili: livello 1 dei numero ed il veletto nero.
Sposto il veletto per scoprire il
primo numero.
     
3° fotogramma:


  Visibili: livello 2 dei numeri ed il veletto nero.
Sposto il veletto per scoprire 2 numeri.
     
4° fotogramma:


  Visibili: livello 3 dei numeri ed il veletto nero.
Sposto il veletto per scoprire 3 numeri.
     
5° fotogramma:


  Visibili: livello 4 dei numeri ed il veletto nero.
Sposto il veletto per scoprire 4 numeri.
     
6° fotogramma:


  Visibili: livello 1 dei numeri ed il veletto nero.
Sposto il veletto per scoprire 5 numeri.
     
7° fotogramma:


 

Visibili: livello 2 dei numeri ed il veletto nero.
Unisco 1 4 livelli dei numeri e li sposto di un numero (i numeri a destra finiscono sotto al veletto nero, che lascio fermo lì, di qui in poi.
Rendo visibile la scritta ed il suo veletto.
Sposto il veletto per scoprire: i


     
8° fotogramma:


 

Visibili: livello 3 dei numeri ed il veletto nero.
sposto i livelli di un altro numero

Sposto il veletto per scoprire: i n


     
9° fotogramma:


 

Visibili: livello 4 dei numeri ed il veletto nero.
sposto i livelli dei numeri di due numeri (ne vedo solo 1 ora)

Sposto il veletto per scoprire: i num


     
10° fotogramma:


 

10° fotogramma:
Nascondo i numeri ed il veletto nero.

Nascondo (o sposto) il veletto per scoprire: i numeri
Modifico la durata a 0,5



     
  Questo il risultato con i veletti solo bordati   Questo il risultato con i veletti neri    
 
     

 
6
   

E così abbiamo lavorato con due veletti.
Qui era facile in quanto l'overlay (la sovrapposizione delle immagini) lo consentiva.
Ci sono purtroppo casi nei quali una maschera (veletto) è incompatibile con un'altra, ed allora bisogna ricorrere ad un lavoro più lungo.
Se mi capita (ma spero di no) una guida che lo richieda avremo modo di risolvere anche quel problema.

Per le altre scritte si lavora in questo modo
(indico i livelli in sequenza, dall'alto in basso)

Un livello col veletto nero per i nuovi numeri.
4 livelli di numeri (in numero bastevole a coprire l'ingombro orizzontale della scritta sottostante)
Un livello col veletto nero per la scritta.
Un livello con la nuova scritta.

Se occorre una terza scritta, basta rifare tutto quello appena letto.

In animazione si procede come per la prima scritta (i numeri) aggiungendo tanti fotogrammi quanto basta ad animare numeri e scritta relativa (più o meno una decina per scritta).

Non sto a fare un esempio, che mi sembrerebbe offensivo. Mi limito a mostrarvi quello che ho fatto io.
Però non è un GIF, è in flash. Il motivo è la velocità. Nel GIF il movimento era troppo lento rispetto allo spot campione.
Ho importato il GIF in flash e l'ho salvato come .sfw, così mi sembra veloce al punto giusto.

   
   

   
   
   

Ultima cosa: il tutto richiede, se uno ha la mano velox, un 15 minuti max, compresa la pausa coffi.

Se Vi va di lasciare un commento, click sul tasto del blog.

 

   
   

   

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