La tecnica Time-Lapse consiste nel riprendere ad intervalli un processo naturalmente lento (tipo lo sbocciare di un fiore) per poi, proiettando in continuo i fotogrammi, rendere una visione accelerata del processo.

Oggi vederemo come realizzare con questa tecninca un effetto originale e carino al passaggio del mouse.

Effetto Time-Lapse in Flash

Andiamo a vedere insieme come realizzare la tecnica Time-Lapse utilizzando Flash:

  • Prima di tutto dobbiamo avere le foto della sequenza da usare.
  • Fatto cio inseriamo le varie immagini su frame diversi, uno per ogni immagine.
  • Creiamo una serie di fascie verticali sull’livello superiore alle immagini, le useremo come pulsanti trasparenti.

Ecco l’esempio di inserimento primo pulsante

Esempio Time-Lapse

A questo punto dopo aver inserito i vari pulsanti trasparenti dovremo inserire il codice per spostarci da fotogramma a fotogramma.

Nell’esempio specifico sul pulsante di nome istanza b1 avremo il seguente codice:

on (rollOver) {
gotoAndStop(3);
}

Infine ricordiamoci di non far visualizzare la manina sui pulsanti, semplicemente inserendo

b1.useHandCursor = false;

Ovviamente la procedura riportata qui sopra deve essere effettuata per tutti i pulsanti.

Scarica il sorgente
Guarda il Tutorial

Letture Consigliate per ABC

Articoli simili

Autore:

Giuliano Ambrosio è un Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web. Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.