LES SYMBOLES >Boutons>Bouton simple

CREER UN BOUTON

 

Le bouton simple :

Méthode 1 : Créer un bouton à partir d'une sélection sur la scène.

  1. Sélectionner un dessin ou un symbole sur la scène
  2. Taper F8
  3. Nommer le symbole que vous vous apprêtez à créer
  4. Sélectionner le type de symbole Bouton.
  5. Valider par OK

Méthode 2 : Créer un bouton directement dans une fenêtre séparée de la scène sans rien sélectionner au préalable sur la scène.

  1. Taper Pomme-F8 (CTRL-F8 sur PC)
    Nommer le symbole que vous vous apprêtez à créer et sélectionner le type Bouton
    Valider par OK
  2. Tracer un dessin sur la zone de dessin. Vous pouvez également utiliser les symboles d'une bibliothèque. Remarquez à cet instant que la timeline est divisée en 4 parties. Ne vous occupez que de la première "Haut"
  3. Pomme-E ou CTRL-E pour revenir sur la scène. Vous pouvez aussi cliquer sur le bouton Scène situé en haut à gauche de la timeline.

Le bouton réactif :

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, 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, sélectionner l'occurrence et taper Pomme-E ou CTRL-E.
  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, 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 "Over" et "Down" (Dessus et Abaissé) les mêmes symboles avec des effets d'encre différents.

  1. Tapez Pomme-F8 ou CTRL-F8 (Windows)
  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 "Over" et taper F6
  5. Sélectionner l'étape "Down" et taper F6
  6. Sélectionner l'étape "Over" 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 "Down"
  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 "Over" et "Down" (Dessus et Abaissé) des symboles différents.

  1. Tapez Pomme-F8 ou CTRL-F8 (Windows)
  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 "Over" et taper F7
  5. Faire glisser un autre symbole sur la scène
  6. Sélectionner l'étape "Down" 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.

Le bouton animé :

Méthode 1 : Ce type de bouton aura non seulement pour effet de réagir au passage de la souris, mais le changement d'aspect sera animé. Il est indispensable de préparer au préalable le symbole de type clip (l'animation) qui apparaîtra au moment où le curseur survolera le bouton. Commencer tout d'abord par créer un symbole de type clip

  1. Taper Pomme-F8 ou CTRL-F8 (Windows)
  2. Donner un nom au symbole et cocher le bouton radio "Bouton"
  3. Placer un symbole de type graphique dans l'étape "Up" (Haut).
  4. Sélectionner l'étape "Over" (Dessus) et taper F7
  5. Faire glisser le movie clip sur la scène
  6. Sélectionner l'étape "Down" (Abaissé) 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.

Le bouton transparent :

Méthode 1

    1. Taper Pomme-F8 ou CTRL-F8 (Windows)
    2. Donner un nom au symbole et cocher le bouton radio "Bouton"
    3. Sélectionner l'étape "Cliqué" (Hit)
    4. Taper F6 ou F7
    5. Tracer un rectangle ou un rond
    6. 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.

     

Vous pouvez à présent placer le symbole qui se trouve dans la bibliothèque, sur la scène. Vous verrez alors une forme transparente. C'est votre bouton invisible. Vous pouvez placer des actions sur ce bouton, lui même placé sur une partie précise de la scène.

Le bouton bascule :

Il est possible de créer un bouton présentant deux aspects. Ex. :

Méthode 1

Commencez tout d'abord par créer deux boutons simples. Un avec le mot "Lecture", l'autre avec le mot "Stop".

 

  1. Taper Pomme-F8 ou CTRL-F8 (Windows)
  2. Donner un nom au symbole et cocher le bouton radio "Movie clip"
  3. Placer le symbole "Lecture" sur la zone de travail de l'image 1
  4. Double-cliquer sur l'image 1 et placer l'action "Stop" que vous sélectionnez via le bouton "+" après avoir cliqué sur l'onglet "Action" de la fenêtre dans laquelle vous vous trouvez (La fenêtre des propriétés de l'image).
  5. Double-cliquer ensuite sur l'occurrence et placer l'action GO 10 (pour aller à l'image 10).
  6. Sélectionner l'image 10 et taper F7
  7. Placer le symbole "Stop" sur la zone de travail de l'image 10
  8. Double-cliquer ensuite sur l'occurrence et placer l'action GO 1 (pour aller à l'image 1).

Ressortir du movie clip en cours d'édition par un clic sur l'onglet "Scène 1".
Placer le movie clip sur la scène.