Quante volte ci è capitato di aver bisogno di un prelaoder per i nostri filmati flash e incontriamo mille difficoltà?
Oggi vi segnalo un paio di preloader flash altamente personalizzabili e semplici da inserire nei nostri filmati.
Ho voluto inserire 4 tipologie, preloader a barra progressiva, preloader a barra progressiva con percentuale, preloader a cerchio preloader con solo testo.
Ogni preloader può essere inserito nei vostri filmati flash con dei semplicissimi passi
Vediamo insieme come inserire i preloader con dei semplici passi:
Copiate i primi frame che trovate nel sorgente e inseriteli nel vostro filmato sempre al sul primo keyframe
Nei file da scaricare troverete sui primi frame il codice utilizzato che dovrete copiare e incollare come scritto sopra.
Vi ricordo che in locale il preloader non verrà visualizzato in quanto nei file sorgenti non è stata inserita nessuna fonte o immagine da scaricare.
Guarda gli esempi
Adobe, AS2, AS3, Design, Flash, Free, Immagini, Sviluppo, Tutorial, Vettoriale
553 visite
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.
tag abilitati: <code> </code> | <a href=""> </a> | <b> </b> | <i> </i>
Iscriviti ai Feed RSS dei commenti di questo articolo
Video Tutorial Photoshop
|
Inspirations For Designers |
|||
         |
2007 - 2009 I love WordPress | Design by JuliusDesign | Mobile | Shop | Blogroll | Licenza d'uso
Zanzaman
16 aprile 2008 alle 10:25 am
Il bello di julius è che non sceglie mai delle super tope per i suoi esempi…
mack
17 aprile 2008 alle 10:16 am
Boh?
Copio come sopra. Incollo fotogramma.
E il filmato non parte e vedo solo loading 100%, oppure parte il loading ma non il fimato ?!?
Francesca
17 aprile 2008 alle 11:07 am
Ciao,
invece i preload costituiti per esempio da una immagine che si colora?
massimo
17 aprile 2008 alle 18:25 pm
Gentile Julius…
ho l’esigenza di spiegare il funzionamento di un virtualtour, e ho pensato di sfruttare il preload, (nel preload ho inserito un filmatino esplicativo in loop) in modo che mentre il filmato si carica, l’utente possa leggere il mio messaggio. Ovviamente il preload si chiude quando il filmato è pronto. Come posso fare a mantenerlo attivo e chiuderlo quando voglio?
ho usato AS3.
ciao grazie,
massimo.
biagio
18 aprile 2008 alle 5:15 am
belli e custom_ ciao champions
Julius
19 aprile 2008 alle 13:56 pm
@Zanzaman unisco l’utile al dilettevole
@mack incolla il fotogramma al tuo primo frame, in seguito ci sarà tutta la tua animazione…
Cosa hai dopo il primo frame?
@Francesca inserito =P puoi guardare l’esempio e scaricarlo sempre nell’articolo
@massimo ciao puoi utilizzare un preloader iniziale e poi quando questo finisce continui con la tua animazione…
@biagio grazie
mack
19 aprile 2008 alle 19:00 pm
Mi sa che per me ci vuole il tutorial
Kaede
20 aprile 2008 alle 2:29 am
Il preloader a cerchio progressivo è talmente carino che non ho resistito e l’ho utilizzato nell’animazione che sto creando per il mio profilo MySpace.
Julius
20 aprile 2008 alle 13:23 pm
@Kaede eheh ottimo
Francesca
21 aprile 2008 alle 9:51 am
Grande Julius
Paolo
27 aprile 2008 alle 2:27 am
Ciao Julius,
dovrei insereire un all inizio di un filmato con delle transazioni di immagini in AS3 questo preloader a cerchio progressivo indicato sopra.
Magari la domanda serà banale … ma come posso fare visto che i prelòoad sono in AS2 ???
Grazie
Paolo
Omar
7 maggio 2008 alle 16:37 pm
Ciao Julius per prima cosa sei un grande sono bellissimi in particolare quello a cerchio e ti ringrazio, però io sono proprio un dilettante allo sbaraglio e non ho ben capito una cosa se io metto su il preloader in flash lui mi riproduce il contenuto del livello1 ma se volessi creare un intera pagina animata? tipo una piccola paginetta in flash? ho provato ma se creo un nuovo livello e ci metto anche un semplice riquadro e con l’interpolazione creo una sorta di dissolvenza in entrata non me lo fa vedere
. Il preloader non mi permette di precaricare tutta la pagina? solo il livello1? sto diventando pazzo non ho proprio capito.
Julius
7 maggio 2008 alle 19:49 pm
@Francesca grazie
@Paolo i preloader citati sono in AS2 dovresti scrivere il codice in AS3
@Omar il preloader fa un precaricamento di tutto il contenuto sulla linea temporale..
cerry
11 maggio 2008 alle 10:55 am
Ciao Julius volevo kiederti una cosa ma nel 3° preload come faccio a cambiar colore alla barra verde
io vorrei una semplice barra grigia che attraversa tutto lo stage.
grazie in anticipo
Julius
11 maggio 2008 alle 13:05 pm
Ciao
per cambiare colore entra nel clip, troverai una maschera, nascondila e camnbia colore all’oggetto grafico
roberto
12 maggio 2008 alle 22:04 pm
ciao julius, mi ricapita un problema che ho avuto spesso con dei preloader e cioè che per un pò non si vede nulla e il preload compare quando già il caricamento è arrivato al 90%, dopodichè funziona tutto però per una buona parte dell’attesa l’utente continua a non vedere nulla.
Julius
12 maggio 2008 alle 22:19 pm
Di solito succede quando hai animazioni nidificate in altri movie clip
il preloader funziona principalmente su tutto ciò che è presente sulla linea temporale e quando trova delle animazioni nei clip non gli dà priorità…
Una soluzione sarebbe quello di sviluppare subito dopo il prelader in un unico clip filmato al fine di dirgli “carica tutto quello che trovi nel clip”
roberto
13 maggio 2008 alle 18:51 pm
e in quel caso, se dopo il preload c’è solo un keyframe con all’interno un movieclip nidificato lui caricherà tutto il suo interno? Poco usabile come cosa non credi? Nel senso che mi sembra abbastanza comune che in un progetto un pò più complesso si trovino nidificazioni varie. Cosa pensi?
Julius
13 maggio 2008 alle 20:24 pm
Non hai tutti i torti, il preloader in questione calcola la _root ma a volte i clip interni gli da una priorità secondaria, per quello vengono caricati un po dopo…
GiGi
17 giugno 2008 alle 22:47 pm
Ciao,
complimenti per questo fantastico sito e grazie per tutti i suggerimenti e aiuti che dai!
Io ho un problema con i preload…li inserisco come dici, ma non succede niente…
Puo dipendere dal fatto che io stia cercando di far caricare un filmato con al’interno due file musicali? Ho letto da qualche parte, che per la musica ci vuole un preload diverso… Io ho solo la musica che rende pesante il filmato.
Ti ringrazio anticipatamente…
Ciao a tutti
Gg
Julius
17 giugno 2008 alle 23:50 pm
Se inserisci una traccia audio controlla in che metodo la inserisci se ad evento o straming
se è ad evento la linea temporale deve essere lungua quanto la traccia altrimenti basta solo un frame
leggi questo articolo
omar
19 giugno 2008 alle 12:03 pm
Ciao Julius grazie ho risolto ma ho dovuto creare una scena1 e portarlo poi dopo il caricamento alla scena 2 l’altro sistema non mi era chiaro
grazie mille
Kida
18 agosto 2008 alle 14:40 pm
[quoto]ciao julius, mi ricapita un problema che ho avuto spesso con dei preloader e cioè che per un pò non si vede nulla e il preload compare quando già il caricamento è arrivato al 90%, dopodichè funziona tutto però per una buona parte dell’attesa l’utente continua a non vedere nulla.[/quoto]
mi succede la stessa identica cosa..ho provato a mettere il resto del filmato in un unico clip filmato come hai suggerito sopra ma niente..si vede sto buco fino al 90% e poi viene visualizzato il preloader..help me ;__;
ps grazie
marco B
27 agosto 2008 alle 16:16 pm
ma pero a me dopo aver scarito e “dezzipato” il file quando le apro mi chiudono il flash ! forse perchè sto usando un macromedia flash mx 6.0 che non mi lascia aprire neanche quello con solo testo !!!! uffy !
marko
31 agosto 2008 alle 22:43 pm
ciao giulius…. ho un piccolo problema con un preloader (credo sia una questione di root che non trovo). In un tuo preloader con cerchio funzionante nel momento in cui lo devo inserire in un clip non funziona. Per spiegarmi meglio, utilizzando cosi’ com’e’ messo direttamente nel frame funziona ma all’inserire in un nuovo clip dovro’ pure modificare la destinazione.
la parte di codice che dice :
totalbytes = getBytesTotal();
bytesloaded = getBytesLoaded();
total = totalbytes * 100 / 100; …. [...] l’ho inserita nel clip inoltre nella parte di codice che dice:
if (percent < 0)
{
percent = 0;
percent = int(p);
} // end if
{
gotoAndStop(int(_parent._parent.percent / 2));
} // End of TellTarget
ho aggiunto un parent ma non credo sia corretto…dato che non funziona.
E’ corretto strutturarlo inserendo il codice nel clip? o questo codice deve rimanere sempre nel frame della timeline principale. Inoltre, se inserisco il txt ed il resto in un clip l’intercetta?
grazie in anticipo.
Gianluca
5 settembre 2008 alle 11:24 am
Ciao Julius
sto preload mi è stato veramente molto utile!!! Erano mesi che cercavo un preloader funzionante!!! Questo è veramente ottimo!!!!
Grazie
Julius
5 settembre 2008 alle 20:39 pm
@Gianluca grazie mille!
@marko nel primo frame
DjRiKyX
7 settembre 2008 alle 8:54 am
Ciao Julius.. io non ho mai avuto esperienze con flash..
l’ho installato.. ma non ho mai provato a fare nulla non avendo le basi..
riusciresti a darmi qualche dritta?? senza tutorial con mille pagine etc etc… ma solo per inserire il preload prima dei swf..
Grazie… se vuoi puoi rispondermi direttamente alla mia email!
Ciao, e complimenti per il blog!
MarcoMila
9 settembre 2008 alle 0:52 am
Ciao, piacere Marco. avrei una domanda riguardo il Preloader con immagine visualizzata in percentuale. C’è un modo per mettere anche la percentuale in numeri? se si come fare??
Grazie anticipatamente e davvero complimenti.
Davide
15 settembre 2008 alle 17:55 pm
Ciao Julius, il tuo sito è davvero il massimo e devo dire che trovo un sacco di risorse, ma ti volevo chiedere una cosa, ho provato ad usare il tuo preload con la barra e la scritta Loading, ma mi precarica il file che si trova all’interno del file, io invece vorrei precaricare un filmato esterno (un video) che si trova sullo stesso server, ma mi va a scatti! Come posso fare per non far partire il filmato finche non sia caricato del tutto?
Grazie mille e continua cosi’!!!
Massimo
18 settembre 2008 alle 16:55 pm
grande! utilissimo questo post! grazie mille veramente! facilissimo e funzionale:D
marko
18 settembre 2008 alle 17:23 pm
Julius
5 Settembre 2008 alle 20:39 pm
@Gianluca grazie mille!
@marko nel primo frame
grazie per la risposta julius…. me ne sono accorto ora… il problema e’ che nell’inserire il preload in un clip non va…. nel primo frame non risolvo.
tery
21 gennaio 2009 alle 13:28 pm
ciao a tutti, vorrei sapere come faccio a farlo visualizzare mentre carica una immagine presente in una gallery dinamica.
marco
23 aprile 2009 alle 11:59 am
Ciao Julius, domanda PRELOAD va benissimo ma solo se lo uso come preload totale, mi spiego,dovrei inserirlo in un filmato che devo caricare all’interno del filmato principale(PROVA1), ma ovviamente la destinzione root mi manda al primo fotogramma della scena principale (PROVA 1) ho provato a indirizzarlo ad un target o ad una label ma non funziona. Hai qualche consiglio? Grazie e ancora complimenti per ciò che metti a disposizione
marco
23 aprile 2009 alle 12:10 pm
@Julius:
Ciao Julius, domanda PRELOAD va benissimo ma solo se lo uso come preload totale, mi spiego,dovrei inserirlo in un filmato che devo caricare all’interno del filmato principale(PROVA1), ma ovviamente la destinzione root mi manda al primo fotogramma della scena principale (PROVA 1) ho provato a indirizzarlo ad un target o ad una label ma non funziona. Hai qualche consiglio? Grazie e ancora complimenti per ciò che metti a disposizione
SERGIO
4 maggio 2009 alle 16:05 pm
CIAO E COMPLIMENTI!
HO UN PROBLEMA… SE HO UN SITO CON MOLTI LIVELLI E CON ANIMAZIONI IN VARI PUNTI (TIPO LIVELLO 4 ANIM AL FOTOGRAMMA 40, LIVELLO 10 ANIMAZIONE AL FOTOGRAMMA 80 ECC…) COME FACCIO A DIRE AL PRELOAD A QUALI LIVELLI DEVE FARE RIFERIMENTO? CIOE’ IO MAGARI LO METTO AL FOTOGRAMMA 4, MA QUESTA ANIMAZIONE COMPRENDE ANCHE IL FOTOGRAMMA 5 E 6, COME GLIELO DICO?
GRAZIE!
SERGIO
4 maggio 2009 alle 16:07 pm
SCUSAMI HO SCRITTO “FOTOGRAMMA” AL POSTO DI “LIVELLO”. FRASE CORRETTA: CIOE’ IO MAGARI LO METTO AL LIVELLO 4, MA QUESTA ANIMAZIONE COMPRENDE ANCHE I LIVELLI 5 E 6, COME GLIELO DICO?
RI-GRAZIE!
SERGIO
12 maggio 2009 alle 23:27 pm
HO UN PROBLEMA… SE HO UN SITO CON MOLTI LIVELLI E CON ANIMAZIONI IN VARI PUNTI (TIPO LIVELLO 4 ANIM AL FOTOGRAMMA 40, LIVELLO 10 ANIMAZIONE AL FOTOGRAMMA 80 ECC…) COME FACCIO A DIRE AL PRELOAD A QUALI LIVELLI DEVE FARE RIFERIMENTO? CIOE’ IO MAGARI LO METTO AL LIVELLO 4, MA QUESTA ANIMAZIONE COMPRENDE ANCHE I LIVELLI 5 E 6, COME GLIELO DICO?
GRAZIE!
Diego
26 maggio 2009 alle 12:34 pm
Grande Juliusss…grandi risorse…!!
Marzia
27 maggio 2009 alle 0:54 am
Ciao mi chiamo Marzia, h creato un sito interamente in flash.. ho provato cn vari preload, e anche con questi che sono qui.
Il problema è che il preloader parte, mi carica il sito, ma poi partendo la home, mi confonde le scene. fa un casino assurdo, sono mesi che sono in questa situzione e non riesco ad uscirne..
Grazie anticipatamente.
LauraIlMioSogno
27 maggio 2009 alle 3:46 am
non ci crederai ma mi hai salvato la vita!!!!!
SERGIO
27 maggio 2009 alle 16:12 pm
CIAO. IO HO SEMPRE LO STESSO PROBLEMA: quando inserisco un preload in un sito, come faccio a dirgli a quali livelli deve fare riferimento? cioè se voglio che carichi tutto il sito o solo alcuni livelli come glielo dico?
GRAZIE
Julius
27 maggio 2009 alle 16:18 pm
@Marzia: Devi posizionare il preloader in modo corretto, lasciare 2 massimo 3 frame liberi per gli script del preloader.
Ti consiglio di scaricare il mio esempio e vedere come sono disposti, probabilmente li sovrapponi.
@SERGIO: il prelaoder di solito precarica tutto quello che trova dopo il suo frame.
Se vuoi un precaricamento corretto di solito si usa inglobare il resto in un unico movie clip cosi da far capire al preloader che deve caricare tutto quello che c’è nel movie clip e non tutta la linea temporale….
Marzia
27 maggio 2009 alle 19:29 pm
ciao grazie mille per la risposta, allora ho provato anche a fare un preload con richiamo esterno dell’swf.. ma non va.Ho provato anche con l’esempio qui sopra..il caricamento avviene, ma continua a confondere le scene..:(
poi ho provato questo piccolo tutorial che ho trovato in rete:
Sul frame 1 ci metti un’azione stop;
e nello stage, ma sempre sul frame 1, un clip filmato con questa azione:
onClipEvent (load) {
total = _root.getBytesTotal();
}
onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
percent = int(loaded/total*100);
text = percent+”%”;
gotoAndStop(percent);
if (loaded == total) {
_root.gotoAndPlay(2);
}
}
Dentro questo clip filmato ci metti 100 frame e ci fai un animazione di caricamento…
Se vuoi la percentuale caricata, giustamente, metti sempre dentro questi 100 frame magari su di un livello separato un testo dinamico con variabile text.
Mentre nel frame 2 ci metti tutto il resto…
Ma non va… mi si blocca l’animazione sul 1 frame e va sempe in loop e il sito non parte..
ora ho dovuto mettere un caricamento strambo… mi sn fatt i calcolo di quantio secondi all’incirca ci mette il sito a caricare, e ho creato un’animazione della durata di quei secondi.. ma continua a confondere le scene…:(:(:(:(:(:(:((::(( ho urgente bisogno del sito….sono giorni che sclero.. ho anche dimenticato di posizionarlo..:D mi arrendo:D
questo è il link
http://www.marziacivitillo.com
grazie mille a tutti per le risposte^___^
ciaU Marzia
Marzia
31 maggio 2009 alle 0:37 am
ciauuuu ora sto cercando di inserire un preload con richiamo esterno.
Praticamente sul primo frame, metto un clip filmato, che indica il caricamento..
e su un altro livello sul fotogramma metto questa azione:
preloader_mc.stop();
preloader_mc.visible=false;
var swf:String=’prova.swf’;
var richiesta:URLRequest=new URLRequest(’prova.swf’);
var loader:Loader=new Loader();
loader.contentLoaderInfo.addEventListener(Event.OPEN,inizia);
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,inCaricamento);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE,completato);
loader.load(richiesta);
function inizia(e:Event):void
{
preloader_mc.visible=true;
preloader_mc.play();
}
function inCaricamento(e:ProgressEvent):void
{
var percentuale:uint=(e.bytesLoaded/e.bytesTotal)*100;
preloader_mc.loader_txt.text=percentuale.toString()+’ %’;
}
function completato(e:Event):void
{
preloader_mc.stop();
preloader_mc.visible=false;
addChild(loader);
}
Ora, soprattutto di as3 non ne capisco nulla..
una volta pubblicato e caricato in rete, esce solo l’animazione che va in loop…cosa sbaglio?:(
Julius
31 maggio 2009 alle 13:11 pm
@Marzia: Ciao questi preloader erano per AS2, leggi questo per AS3
Marzia
31 maggio 2009 alle 14:53 pm
Ciao:) allora penso di aver risolto…penso anche che il mio flash abbia qualche problema.. avevo qualche dubbio già da un po’.. tempo fa feci un piccolo cartone, e flash impazzì e mi fece un casino:
es:
l’audio era tra il fotogramma 3 e 9.. allora posizionavo l’animazione tra il fotogramma 3 e 9.. facevo l’swf e non si trovava allora ritornavo al fla, e l’audio era tra il fotogramma 5 e 11.. si spostava da solo di continuo, finche nn ho riavviato flash(dopo due ore di sclero) e ha funionato perfettamente.
Ora ho eliminato tutte le scene nel sito ne sn rimate 4 rispetto a prima, e quando dl fla facevo l’swf, mi confondeva i pulsanti, e non mi caricava le immagini esterne.. allora cestinavo il file swf, e ripetevo l’esportazione, ma senza risultati.
Riavviavo flash, facevo l’swf e funzionava tutto correttamente!:D com’è possibile?:D
ora il sito funziona, direi di prolungare ancora un po’ l’animazione iniziale. così che si carichi completamente:)
questo è il link
http://www.marziacivitillo.com
grazie mille per tutto:)
SERGIO
31 maggio 2009 alle 23:38 pm
GRAZIE MILLE DAVVERO!!Ma se invece non lo metto tutto in un movie clip (il sito) mi dici come posso fare?Un preload per tutto il sito o un preload prima di ogni “pagina” del sito,che è fatto tipo che dal fotogramma 10 al 20 è la pagina chi siamo, dal 30 al 40 è la pagina dove siamo ecc… GRAZIEEE!!
oodesign
1 giugno 2009 alle 4:26 am
Grazie.. davvero belli e utili… Me ne so rubato 1
Sto realizzando un sito web completamente in flash (mia prima esperienza)… il tuo occhio esperto mi sarebbe di grande aiuto… solo quale consiglio?
GUARDA QUI
Sempre mi.ti.cooooo!!!
SERGIO
1 giugno 2009 alle 22:49 pm
TI SPIEGO. IO FACCIO IL SITO TUTTO IN UN’UNICA LINEA TEMPORALE, DOVE DAL FOTOGR10 AL FOTOGR 20 HO UNA PAG, DAL 30 AL 40 UN’ATRA ECC… QUANDO FINISCO ESPORTO CON F12 IL FILE SWF E IL FILE HTML. QUINDI COME FACCIO IL PRELOAD? GRAZIE…