I Preloading ormai sono fondamentali per le nostre applicazioni Flash, rendono l’attesa del caricamento meno noiosa e non lasciano quei tempi vuoti in cui potremo perdere l’utente.

Oggi voglio farvi vedere come realizzare un preloading simile a Windows Vista

Il preloading è composto da un clip filmato contenente la base con all’interno un successivo clip per la barra
 

  •  Relizziamo la base del Preloading

Base Preloading Vista

  1. Dal pannello Strumenti scegliamo lo Strumento Rettangolo
  2. Dal pannello Strumenti andiamo a dare un raggio.jpg raggio
    rettangolo arrotondato 5
  3. Dal pannello Colore andiamo ad applicare una sfumatura lineare dal basso in alto, da #CACACA a #FBFBFB
  4. Bordo 2 px #A5A4A2
     
     
  •  Relizziamo la base della Barra

Barra Preloading Vista

  1. Dal pannello Strumenti scegliamo lo Strumento Rettangolo
  2. Dal pannello Strumenti andiamo a dare un raggio.jpg raggio
    rettangolo arrotondato 5
  3. Dal pannello Colore andiamo ad applicare una sfumatura lineare dal basso in alto, da #04B123 a #C9FFCD
  4. Inoltre applicheremo alla parte superiore della barra, su un livello superiore, una porzione della sua metà di colore #FFFFFF alpha 50%
     
     
  •  Relizziamo l’effetto scorrevole luminoso
  1. Costruiamoci un rettangolo con una sfumatura  a 4 colori tutti su tonalità di bianco, cambiano il parametro alpha
  2. Inseriamo un interpolazione di movimento sulla barra verde creata in precedenza con il nostro rettangolo sfumato
     
  • Il codice
  1. Inseriamo sul nostro movie clip il seguente codice:

onClipEvent (load) {
total = _root.getBytesTotal();
}
onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
if (loaded == total) {
_root.gotoAndStop(2);
}
}

Scarica il sorgente
Guarda il Tutorial

Letture Consigliate per ABC

Articoli simili


Autore:

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.