Accueil

Les objets

Le texte dans Flash
Symbole graphique
Symbole bouton
Clip d'animation
Occurrence des symboles

Le symbole Bouton 

Le symbole bouton est employé pour des boutons interactifs. C'est un objet réactif et optimisé.

Pour créer chaque état du symbole il faut créer des images clé (F6) et dessiner un contenu graphique.

Il a trois états : haut - dessus - abaissé - cliqué.

L'état haut correspond à l'aspect du bouton inactif sur la scène.
L'état dessus l'apparence du bouton survolé.
L'état abaissé l'apparence du bouton lorsque l'on clique dessus.
L'état cliquable correspond à la zone sensible du bouton. C'est un état invisible mais s'il n'est pas défini c'est l'état abaissé du bouton qui sera la zone sensible. Par exemple si votre bouton est un bouton texte, pour la zone cliquable, créez un rectangle large pour que vos visiteurs puissent cliquer facilement sur votre bouton.

Pour créer votre symbole bouton, un triangle par exemple, vous créez un triangle sur la scène. Puis vous le convertissez en symbole (F8). Vous double cliquez sur votre triangle pour éditer votre bouton.

La première image clé de votre bouton est grisée et remplie d'un point noir. Pour créer l'état "dessus" c'est à dire l'état de votre bouton lorsque la souris le survole, créez une nouvelle image clé (F6) et modifiez la couleur de votre bouton, faites de même pour l'état abaissé. Ajoutez une image clé dans l'état cliquable (il est inutile de changer de couleur car cet état n'est pas visible). Ensuite, testez votre bouton pour vérifier qu'il fonctionne en allant dans le menu : Contrôle > tester l'animation.

Pour vérifier son fonctionnement vous devez cocher activer les boutons simples dans contrôle.

Il est possible de mettre un contenu texte dans un bouton.

On peut aussi imbriquer un clip dans un bouton (en plaçant le clip dans l'état haut du bouton)

On peut aussi insérer du son dans le bouton, sur l'état abaissé, en plaçant un calque au dessus du dessin du bouton.

 

Les boutons sont des éléments interactifs de Flash et on leur ajoute des lignes de code, nous l'étudierons dans le chapitre des actions.

Les différents boutons :

Le bouton réactif

Le bouton réactif +clic

Le bouton animé


Le bouton réagit au survol


Le bouton réagit au survol et au clic


Le bouton est animé

 

Les boutons transparents  :

Flash ne possède pas directement de zone sensible (cliquable ), mais vous pouvez imiter cette fonctionnalité en utilisant un bouton transparent :

Dessinez un objet sans contour, cet objet sera votre zone sensible. Sélectionnez l'intégralité de votre élément et allez dans le menu  : insérer > convertir en symbole. Choisissez bouton comme type de symbole. Double cliquez sur le nouvel objet créé pour passer en mode édition, sélectionnez votre dessin et convertissez le tout en graphique. Cliquez sur l'objet et réglez la transparence Alpha à 0% dans la case couleur du panneau Propriété de l'objet. Les zones sensibles sont idéales pour les images complexes et les bitmap.

Ces boutons sont utiles pour réaliser des zones réactives dans des illustrations, ou un effet de surprise.

 

haut de page

©Laurence Jacquenod