- Introduction
- Apprendre Flash 5 pas à pas
- Symboles et Occurrences
- Techniques
- Programmer dans Flash 5
-
Actions (Bases)
- Actions (Niveau intermédiaire)
- Actions (Fonctions avancées
)
- Variables
- Fonctions
- Objets
- Flash 4 (Archives)

 

 

Symboles > Bouton réactif >

Qu'est ce que c'est ?

C'est le type de bouton le plus fréquemment rencontré. Il change d'aspect au survol de la souris et reprend son apparence initiale lorsque le curseur n'est plus sur le bouton.



Télécharger le fichier .fla - Mac - PC

Comment le créer ?

Méthode 1

  1. Créer 3 symboles de type graphique représentant les états du bouton normal, survolé et enfoncé
  2. Placer sur la scène le symbole représentant le bouton normal (au repos, non survolé ni enfoncé)
  3. Avec l'outil flèche noire, sélectionner l'occurrence du bouton que vous venez de placer sur la scène
  4. Taper F8
  5. Donner un nom, cocher le bouton radio "Bouton"
    et valider par OK.

    A cette étape là, vous avez créé un bouton mais les étapes de survol et d'enfoncement ne sont pas placées. Il faut donc éditer le bouton pour le modifier.

  6. Avec l'outil flèche noire, double-cliquer sur l'occurrence (ou taper Pomme-E ou CTRL-E après avoir sélectionné l'occurrence)
  7. La timeline n'est plus celle de l'animation mais celle du symbole de type bouton que vous êtes en train d'éditer. Il faut placer à présent, les deux symboles représentant les étapes du bouton survolé et enfoncé sur les deuxième et troisième images, nommées respectivement "Dessus" et "Bas". Malheureusement vous ne pouvez rien placer sur ces deux images tant que vous n'avez pas crée d'image clé.
  8. Sélectionner la deuxième image (Dessus)
  9. Taper F7
  10. Placer sur la croix située au centre de l'écran vierge, votre symbole représentant le bouton survolé (allumé)
  11. Sélectionner la troisième image (Bas)
  12. Taper F7
  13. Placer sur la croix située au centre de l'écran vierge, votre symbole représentant le bouton cliqué (allumé)
  14. Terminer par un Pomme-E ou CTRL-E pour sortir de l'état d'édition du bouton. Vous voilà de retour sur la scène. Attention : Dans l'état actuel des choses, votre bouton ne réagira pas. Il faut prévisualiser votre animation par "Pomme-Entrée" ou activer la commande "Activer les boutons" du menu "Affichage".

Autres explications pour créer un bouton réactif : Il est très difficile de comprendre la technique de création d'un bouton lorsqu'on apprend Flash par soi même, c'est pourquoi vous allez pouvoir lire deux autres explications qui reviennent au même.

Méthode 2 : Vous souhaitez placer dans les deux étapes "Dessus" et "Bas" les mêmes symboles avec des effets d'encre différents.

  1. Tapez Pomme-F8 ou CTRL-F8 (PC)
  2. Donner un nom au symbole et cocher le bouton radio "Bouton"
  3. Placer un symbole de type graphique dans cette étape
  4. Sélectionner l'étape "Dessus" et taper F6
  5. Sélectionner l'étape "Bas" et taper F6
  6. Sélectionner l'étape "Dessus" et double-cliquer sur l'occurrence présente sur la scène
  7. Sélectionner l'onglet "Effet de couleur" et sélectionner ensuite un effet.
  8. Faire la même chose pour l'occurrence de l'étape "Bas"
  9. Pomme-E ou CTRL-E pour sortir de ce mode d'édition du bouton. Vous pouvez aussi cliquer sur l'onglet de la scène en cours situé en haut à gauche de la timeline.

Méthode 3 :

Vous souhaitez placer dans les deux étapes "Dessus" et "Bas" des symboles différents.

  1. Tapez Pomme-F8 ou CTRL-F8 (PC)
  2. Donner un nom au symbole et cocher le bouton radio "Bouton"
  3. Placer un symbole de type graphique dans cette étape
  4. Sélectionner l'étape "Dessus" et taper F7
  5. Faire glisser un autre symbole sur la scène
  6. Sélectionner l'étape "Bas" et taper F7
  7. Faire glisser un autre symbole sur la scène
  8. Pomme-E ou CTRL-E pour sortir de ce mode d'édition du bouton. Vous pouvez aussi cliquer sur l'onglet de la scène en cours situé en haut à gauche de la timeline.

 

 

 

 

 

< Sommaire