<< Février 2012 >>
LuMaMeJeVeSaDi
12345
6789101112
13141516171819
20212223242526
272829
Revenir a la liste des tutoriels Flash de difficulté Intermediaire

4 questions
1 commentaire sur ce tutorial
Définition des mots

Une bière? Non, une barre!



Installez le plugin Flash pour voir l'animation : Cliquez ici pour le télécharger


Une barre de téléchargement, ou "preloader", d'abord, à quoi ça sert?
Les créas flash sont souvent très lourdes, et mettent du temps à s'afficher. Le preloader sert donc à voir combien de pourcents (%) sont déja téléchargés, et donc dans combien de temps l'image apparaitra.
Tout d'abord, ouvre flash, et choisissez la taille de votre création.
Choisissez l'outil rectangle (R), ainsi qu'une couleur pour la barre de téléchargement. Faites un rectangle, comme ceci:
Image

Sur votre barre, faite clic droit puis "Convertir en symbole".

Image
Dans l'onglet "propriétés", appelez votre clip "barre".

Image
Choisissez ensuite l'outil Texte (T), et choisissez les différentes variantes de votre écriture (police, taille, couleur; etc...), choisissez l'option "texte dynamique", puis tracez un rectangle, comme ceci:

Image
Dans l'onglet "Propriétés", puis dans "Var", tapez le mot "display", comme ceci:

Image
Collez ensuite le code suivant:

Code flash

stop();
var weight = this.getBytesTotal();
this.onEnterFrame = function() {
progress_load = this.getBytesLoaded();
part_load = Math.round((progress_load/weight)*100);
display = +part_load+"%";
barre._xscale = part_load;
if (part_load == 100) {
delete this.onEnterFrame;
gotoAndStop(2);
}
};


Image

Sur votre fenêtre des scénarios, sur la seconde image de votre calque (juste après le preloader), faite clic droit , puis "insérer une image clef vide".
A partir de là, faites votre créa flash.
Testez votre créa. Si l'animation du preload ne s'affiche pas, dans votre fenêtre allez dans "Affichage", puis dans "simuler le téléchargement".

Image

Et voila le résultat ^^

Installez le plugin Flash pour voir l'animation : Cliquez ici pour le télécharger



Revenir à la liste des tutoriels Flash de difficulté Intermediaire

Haut