Table des matières:

Comment créer un écran de préchargement Adobe Flash : 9 étapes
Comment créer un écran de préchargement Adobe Flash : 9 étapes

Vidéo: Comment créer un écran de préchargement Adobe Flash : 9 étapes

Vidéo: Comment créer un écran de préchargement Adobe Flash : 9 étapes
Vidéo: How to Create an Adobe Flash Preloader Screen 2024, Juillet
Anonim
Comment créer un écran de préchargement Adobe Flash
Comment créer un écran de préchargement Adobe Flash

Un préchargeur Flash engage les utilisateurs avec votre site Web pendant son chargement en affichant une barre de chargement de fichiers qui met à jour la progression du site Web. Voici comment en faire un. Vous aurez besoin

  • Un ordinateur avec accès internet
  • Adobe Flash CS4
  • Un site Web Actionscript 3.0 existant

Étape 1: Étape 1: Ouvrez vos fichiers Flash

Étape 1: Ouvrez vos fichiers Flash
Étape 1: Ouvrez vos fichiers Flash

Lancez le programme Adobe Flash CS4 et ouvrez les fichiers de votre site Web Flash. Changez la disposition de l'espace de travail en cliquant sur la zone de menu déroulant en haut à gauche de la barre de menu et en sélectionnant Designer.

Étape 2: Étape 2: Ajouter des images clés vierges

Étape 2: ajouter des images clés vierges
Étape 2: ajouter des images clés vierges

Dans le panneau de la chronologie, sélectionnez tous les calques en mettant en surbrillance le calque supérieur, en maintenant la touche Maj enfoncée et en mettant en surbrillance le calque inférieur. Cliquez et faites glisser le premier cadre du calque supérieur d'un cadre vers la droite, créant un cadre vide au début de chaque calque.

Étape 3: Étape 3: Créer la barre de chargement

Étape 3: Créer la barre de chargement
Étape 3: Créer la barre de chargement

Créez la barre de chargement. Tout d'abord, mettez en surbrillance la couche inférieure de la chronologie et dans le panneau Outils, sélectionnez l'outil rectangle. Ensuite, dans Propriétés, modifiez les couleurs du contour et du remplissage du rectangle, ainsi que la taille du contour. Dessinez un rectangle au centre de votre page Web. Assurez-vous que le rectangle et le trait ne se fondent pas dans l'arrière-plan de la page Web. CONSEIL Si vous n'êtes pas sûr de la signification d'une icône dans l'un des panneaux, maintenez le curseur de votre souris dessus pour une description.

Étape 4: Étape 4: Convertir le contour de la barre de chargement

Étape 4: convertir le contour de la barre de chargement
Étape 4: convertir le contour de la barre de chargement

Convertissez le contour de la barre de chargement en clip. Choisissez l'outil de sélection dans le menu Outils, et double-cliquez sur le rectangle pour que tout le contour soit sélectionné. Appuyez sur F8 pour afficher la fenêtre « Convertir en symbole ». Changez le nom en « contour » et changez le type en « Clip vidéo ». Cliquez sur OK.

Étape 5: Étape 5: Convertir la barre de chargement

Étape 5: convertir la barre de chargement
Étape 5: convertir la barre de chargement

Donnez une description générale du StepClick au centre du rectangle et appuyez sur F8 pour le convertir également en symbole. Changez le nom en rectangle et changez le type en Clip vidéo. Pour l'enregistrement, sélectionnez le carré central à l'extrême gauche. Ensuite, cliquez sur OK. Allez maintenant dans le panneau Propriétés et changez le nom de l'occurrence en rectangle_clip.

Étape 6: Étape 6: Créer le texte de pourcentage

Étape 6: Créer le texte de pourcentage
Étape 6: Créer le texte de pourcentage

Sélectionnez l'icône de texte dans Outils. Ajustez les attributs de votre texte sous Propriétés et assurez-vous que l'option text-tool est définie sur dynamic text. Dessinez une zone de texte sur votre document directement sous le rectangle. Cela fera que le panneau Propriétés affichera les propriétés de la zone de texte. Dans ces nouvelles propriétés, remplacez le nom de l'occurrence par text_clip.

Étape 7: Étape 7: Écrivez les scripts « stop » et « événement »

Étape 7: Écrivez le
Étape 7: Écrivez le

Assurez-vous que la première image du calque inférieur est sélectionnée dans le panneau Montage, appuyez sur F9 pour afficher le panneau Actions. Sur la première ligne, écrivez un script d'arrêt qui arrête le cycle de la page Web. Appuyez sur Entrée pour passer à la ligne suivante et ajoutez un script qui attribue une fonction d'événement à la page Web. Appelez la fonction preload1. Appuyez sur Entrée.

Étape 8: Étape 8: Écrire le script "fonction"

Étape 8: écrivez le
Étape 8: écrivez le

Écrivez la fonction preload1, qui contient deux variables: une qui renvoie le nombre total d'octets pour la page Web et une qui renvoie combien de ces octets ont été chargés. La fonction définit ensuite la taille de la barre de chargement et le pourcentage de texte pour représenter le nombre d'octets chargés. La dernière partie de la fonction indique à Flash d'aller à la deuxième image de la chronologie et de la lire une fois que le document entier a été chargé. CONSEIL Pour prévisualiser le document en action, accédez à Contrôle, Tester l'animation dans le menu du haut.

Étape 9: Étape 9: Publier et télécharger

Étape 9: Publier et télécharger
Étape 9: Publier et télécharger

Publiez le site Web en allant dans Fichier, Paramètres de publication. Assurez-vous que les cases SWF et HTML sont cochées. Renommez les deux fichiers et sélectionnez un emplacement à enregistrer. Cliquez ensuite sur publier et téléchargez tous les fichiers publiés sur votre serveur Web. Pour accéder à la page Flash, accédez au fichier HTML sur votre serveur Web.

Conseillé: