Les technologies Flash sont omniprésentes dans les sites Internet aujourd'hui, et même les webmasters en herbe s'efforcent d'ajouter des éléments Flash à leur site. Par exemple, la conception du menu utilisant cette technologie sera fonctionnelle et esthétique. À titre d'exemple, nous décrirons comment créer un bouton flash pratique dans Adobe Flash CS4 qui peut être placé sur votre site et créer un bloc de menu basé sur de tels boutons.
Instructions
Étape 1
Préparez deux fichiers graphiques avec une image de fond de boutons sans texte au format Jpg, différant par quelques fragments de couleur. Ouvrez ensuite Adobe Flash, créez un nouveau document et sélectionnez Action Script 2.0 dans la liste.
Étape 2
Ouvrez la section des paramètres et définissez la largeur sur 273 pixels et la hauteur sur 54 pixels. Cliquez sur le bouton Importer dans le menu Fichier et choisissez Importer dans la bibliothèque pour importer les deux images rendues dans la bibliothèque de données.
Étape 3
Faites glisser les images téléchargées vers la zone de travail, appuyez sur F8, renommez l'une des images et dans la section Type, sélectionnez Clip vidéo.
Étape 4
Faites ensuite glisser la deuxième image vers la zone de travail, renommez-la également et spécifiez le même paramètre dans la section Type.
Étape 5
Sur chaque bouton, tapez le texte souhaité et appuyez sur Ctrl + F8 pour créer un nouveau bouton. La fenêtre Nouveau symbole s'ouvrira. Donnez le nom du futur bouton et choisissez le type de bouton. Copiez la première image modifiée ci-dessus dans la zone de travail du bouton Clip vidéo créé.
Étape 6
Créez un nouveau clip vidéo, en appuyant également sur Ctrl + F8, et copiez le résultat dans la zone de travail. Créez un nouveau calque et copiez le clip vidéo avec la deuxième image.
Étape 7
Sur le premier calque, créez un cadre en reculant un peu et en choisissant l'option Insérer un cadre dans le menu contextuel. Répétez la même chose sur le calque suivant en choisissant Insérer une image clé dans le menu contextuel. Sélectionnez l'image clé créée et ouvrez ses paramètres.
Étape 8
Dans la section Effet de couleur, sélectionnez Style Alpha et définissez la valeur sur 0 %. Dans la première image du même calque, définissez la valeur sur Classic Motion Tween.
Étape 9
Sur la scène, sélectionnez l'objet bouton et ouvrez Actions. Collez le code suivant dans le champ libre: on (release) {
getURL ("aboutme.htm", "_self", "GET");
}
Étape 10
Dans les paramètres, donnez au bouton le nom souhaité. Revenez à la première scène et copiez le clip, sélectionnez-le et ouvrez à nouveau Actions. Entrez un autre code où sim_btn est le nom de votre bouton: onClipEvent (enterFrame) {
si (aller) {
nextFrame ();
} autre {
prevFrame ();
}
}
onClipEvent (charger) {
var aller;
arrêter ();
sim_btn.onRollOver = fonction () {
aller = vrai;
};
sim_btn.onRollOut = fonction () {
aller = faux;
};
}
Étape 11
Exportez le bouton en choisissant Exporter le film dans le menu Fichier.
