nebbiaenuvole
guide animazione 2D Photoshop, ImageReady, Swish Max
 
fondino matrix
___________________
 

 

Fondino matrix .
Come creare un loop per un fondino (o uno sfondo)

Una guida, come altre, destinata a costruire un loop muovendo (in verticale o orizzontale, poco importa) un fondino, ovvero un'immagine statica, con delle irregolarità sparse.

Chiaro che detta così non la capisco neanche io.
Che se dicevo "come animare uno sfondo" magari ...

E ricorriamo ad un esempio pratico, che è meglio.
(Fra l'altro credo sia la guida più corta nella storia delle guide)


 
1
    Su Photoshop ho realizzato un fondino a caso (solo esse, niente zeta, mi raccomando) un pochetto irregolare. Dico fondino, ma la stessa cosa vale per un fondo a tutto schermo.

L'ho ingrandito sulla verticale di un 150%, quel tanto o poco che esca dallo schermo.
Poi l'ho sistemato a filo bordo inferiore, pensando che la corsa sulla verticale fino a vedere il fondino che arriva a filo bordo superiore fosse bastevole (bello bastevole) a fare un movimento nè troppo lento nè troppo veloce.
Qui sotto si vede il fondino, compresa la parte fuori schermo. Lo schermo è quello all'interno della cornicetta bianca.

Photoshop
   


 
2
    Poi sono andato su imageready.
Ho duplicato il primo fotogramma.
Sul nuovo fotogramma ho spostato sulla verticale in basso (SHIFT inserito, altrimenti si va a papaveri) il fondino a filo bordo inferiore dello schermo, facendogli fare tutta la corsa possibile.
Ho impostato un tweening di 10 fotogrammi, e da bravo bambino ho cancellato l'ultimo, che altrimenti c'era un fermo immagine di un fotogramma e lo si sarebbe notato.

Solo che non viene mica tanto bene, sapete? C'è lo stacco.
Che non è la musichetta della tivù, è lo sgancio fra l'ultimo fotogramma ed il primo, quando il loop riprende a girare.

Guardare qui sotto per crederci.
ImageReady
   

3
    E allora mi sono detto che sono tonto. Di fondini ce ne vogliono un paio, che vadano a registro.

Il primo nella posizione iniziale (a filo bordo inferiore dello schermo) ed il secondo a filo bordo superiore del primo fondino.

E così ho fatto. Ho duplicato il fondino e l'ho spostato in alto, a filo bordo superiore del primo fondino.
Ho dovuto però riportarlo leggermente più in basso, sopra al primo fondino, per cercare la coincidenza del disegno.

Vi mostro qui sotto i due fondini. Quello di partenza l'ho reso un poco trasparente, tanto per capirci qualcosa.
Photoshop
   

 
4
    Son tornato su ImageReady.

Ho duplicato il primo fotogramma.
Ho collegato fra di loro i due livelli coi fondini.
Li ho spostati in verticale fino a raggiungere, col secondo fondino - quello fuori schermo - il bordo inferiore dello schermo.

Per farlo meglio ho oscurato il primo fondino, tanto è collegato e mi segue come un bravo cagnolino, no?

Fatto questo, ho reso visibile il primo fondino ed ho impostato un tweening di 10 fotogrammi.
Ho buttato l'ultimo ed ho visto che ha funzionato.
Un poco più veloce, in quanto la corsa è più lunga della prima versione, ma per rallentarla mi basterà fare un tweening con più fotogrammi.
ImageReady
   

 
       
   



That's all
Tipo: l'è finita qui, amigos

fine della guida

 
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