nebbiaenuvole
guide animazione 2D Photoshop, ImageReady, Swish Max
 
effetto matrix
___________________
terza parte
___________________
 
 

Effetto matrix - terza parte

Riepilogo: abbiamo animato due file di numeri, abbiamo salvato il gif (matrix-seconda
fase.GIF), l'abbiamo riletto e salvato come matrix-seconda fase.PSD

Apro matrix-seconda fase.PSD in Photoshop. E questa volta ho 76 livelli, cioè tutti i fotogrammi dell'animazione.
Seleziono l'ultimo livello, quello in alto (dovrebbe già essere selezionato, ma meliusabundarequam... no?))

 
11
   

Apro il primo file (matrix.PSD), quello che contiene il set dei numeri in fila.

Trascino il set dei numeri da un file all'altro, come ho già fatto in precedenza.
Faccio la stessa cosa per il set delle guide (le trascino al di sopra del set dei numeri)

Seleziono il livello 49, tanto per vederlo.
Sposto il set dei numeri (attenzione che tutti i livelli del set siano collegati fra di loro) in posizione di partenza, come nella figura qui sotto.


Salvo il tutto (Il nome lo lascio cosi' matrix-seconda fase.PSD.

Photoshop
   

 
12
   

All'apertura del file vi succederà di trovare il pannello animazione bello pieno di 76 fotogrammi. Vero?
E' che ImageReady si ricorda tutto, beato lui.

Ok, ripuliamo il pannello. Ho deciso di fare una corsa diversa con questi numeri. Parto dal fotogramma 23.
Bene. Seleziono tutti i fotogrammi, dal 24 al 76 (clic sul 24mo, SHIFT inserito e clic sul 76mo, tenere la pressione ...)
e li butto via (... trascinare col mouse sul cestino presente nella palette)

Altra ripulitura. se ci fate caso su tutti i fotogrammi residui si vede la nuova fila di numeri, in alto, dove l'abbiamo sistemata in Photoshop. Quella posizione va bene solo a partire dal fotogramma 23. Per non farla vedere si fa cosi': seleziono tutti i fotogrammi e rendo invisibile il set dei numeri, e, visto che ci sono, anche le guide.

Ora l'animazione è ripulita, e va da 1 a 23 fotogrammi, con l'animazione iniziale. Controllate, meglio, dai.

ImageReady
13
   

Partiamo: seleziono il fotogramma 23.

Rendo visibile:
la guida, il set dei numeri e, all'interno, il livello più in basso di numeri e i due livelli dell'alone.
I livelli del set sono collegati (altrimenti fatelo ora).

Duplico il fotogramma (24)
Porto tutto il set in basso, questa volta quasi a filo della seconda riga bianca della guida (figura a destra)
(basta cliccare su un livello a caso, ma di quelli visibili, altrimenti si rende visibile quello sul quale avete cliccato)

Seleziono i due fotogrammi (clic con lo Shift pigiato) ed imposto il tweening a 16 fotogrammi


 
 
14
   

Ora ci sono 40 fotogrammi, i primi 23 + 1 più i 16 di tweening.
Anche questa volta tutti questi fotogrammi hanno per fondo il fotogramma (livello) 30 e quindi con la prima fila di numeri sempre ferma.

Duplico il 40mo fotogramma, e fanno 41, (figura a sinistra)
trascino il Set quasi a filo della terza riga bianca (figura a destra)

Seleziono i due fotogrammi (clic con lo Shift pigiato) ed imposto il tweening a 15 fotogrammi

 
 
15
   

Ora ci sono 56 fotogrammi, i primi 41 più i 15 di tweening.
E tutti con la prima fila sempre li' immobile.

Duplico il 56mo fotogramma, che fa 57 (figura a sinistra)
trascino il set fuori dalo schermo
(figura a destra)

Seleziono i due fotogrammi (clic con lo Shift pigiato) ed imposto il tweening a 13 fotogrammi

 
16
   

Ora ci sono 70 fotogrammi (fate voi la verifica, che mi sono perso)

Piccolo riepilogo dei fotogrammi chiave dei tweening:

 
 

17
   

Il fotogramma 41 è il primo del tweening col movimento lento, quello nel quale dovrebbero cambiare i numeri.

Mi riporto sul fotogramma 41 e comincio a far cambiare i numeri.

Fotogramma 41: visibile la prima fila di numeri.
Fotogramma 42: visibile la seconda fila di numeri.
Fotogramma 43: visibile la terza fila di numeri.
Fotogramma 44: visibile la quarta fila fila di numeri.
Fotogramma 45: visibile la prima fila fila di numeri....

E così via, fino al fotogramma 70.

Il risultato a questo punto è questo:

 
 

18
   

Naturalmente la prima fila di numeri si muove solo fino al fotogramma 23.
Ora rimettiamo le cose a posto: dobbiamo rendere visibili i livelli dell'animazione precedente, fotogramma per fotogramma:

Seleziono il fotogramma 24 e rendo visibile il livello 24
Seleziono il fotogramma 25 e rendo visibile il livello 25
Seleziono il fotogramma 26 e rendo visibile il livello 26
e cosi' via, fino al fotogramma 70

Duplico il fotogramma 70 (>71) e rendo visibile il livello 71
Duplico il fotogramma 71 (>72) e rendo visibile il livello 72
e cosi' via, fino al fotogramma 76

Quello che ottengo è qui sotto.
Una precisazione: sia le partenze che gli arrivi restano visibili: conto di mascherare sopra e sotto, alla fine, con un veletto nero sfocato, quindi non fateci caso, per ora.

 
 

 
19
   

Salvo (matrix-terza fase.GIF) ottimizzando al massimo (256 colori, dithering 100%).
Rileggo il gif appena salvato e lo salvo col nome (che vuol dire come PSD)
matrix-terza fase.PSD
.

Mi servirà su Photoshop per il solito trucco.
Quando avete finito ci si rivede all'ultima parte, che io intanto mi faccio una pennichella.

 

fine terza parte

 
altre guide
matrix
 


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