logiciels : multimédia 2 FLASH CS5

turnmarySoftware and s/w Development

Jul 5, 2012 (4 years and 11 months ago)

384 views

logiciels : multimédia 2 FLASH CS5
page 1
570-505-mv | aut omne 2011 | gi l l es t hi baul t | post e 2068
COURS 07 :

BOUTONS
Un bouton présente trois états ou comportements : relevé (non-sollicité), survolé (sollicité) et enfoncé (activé).
Pour chacun de ces états on peut (et devrait même) donner un aspect différent au bouton pour signifier
l’interactivité. Le troisième état est celui avec lequel on active le plus souvent la fonctionnalité du bouton.
Dans Flash, c’est la programmation ActionScript qui permet de donner des commandes au bouton. On peut
décider de démarrer l’action du bouton à trois moments différents :

»
lorsque la souris passe au-dessus du bouton (onMouseover) ;

»
lorsque qu’on clique sur le bouton avec la souris (onClick) ;

»
lorsque qu’on relâche le bouton de la souris après le clic (onRelease).
Personnellement c’est ce dernier moment que je choisis toujours. Il permet de laisser la possibilité à
l’internaute de changer d’idée et d’aller ailleurs en retirant la souris même si le bouton a été cliqué.
Pour associer des actions aux boutons, on peut utiliser le code ActionScript 3.0 pré-écrit qu’on retrouve sous
Fenêtre > Fragments de code
. Cette option évite d’avoir à tout programmer soi-même, ce qui est extrême
-
ment pratique lorsqu’on ne connaît pas ActionScript.
On peut tester visuellement les différents états d’un bouton sans avoir à passer par
Contrôle > Tester
l’animation
. Il suffit de choisir la commande
Contrôle > Activer les boutons simples
. En passant la souris au-
dessus du bouton placé sur la scène on verra comment réagit le bouton.
Les versions d’ActionScript 2 et 3 ne sont pas compatibles entre elles. Vous devez utiliser l’une ou l’autre
pour tous les boutons dans un même fichier Flash.
CRÉATION D’UN BOUTON
Les symboles de bouton (
Insertion > Nouveau symbole
ou

F8
)

constituent une sorte de clip interactif
contenant quatre images. Lorsque vous sélectionnez le type «bouton» d’un symbole, Flash crée un scénario
comportant quatre images ou cellules. Les trois premières images correspondent aux trois états différents
du bouton (relevé, survolé, enfoncé), tandis que la quatrième définit la zone active du bouton. Le scénario du
symbole de bouton ne s’exécute pas de manière linéaire comme un scénario ordinaire. Il réagit aux mouve
-
ments et actions de la souris en sautant à l’image appropriée.
logiciels : multimédia 2 FLASH CS5
page 2
570-505-mv | aut omne 2011 | gi l l es t hi baul t | post e 2068
POUR CRÉER UN SYMBOLE DE BOUTON

Allez sous
Insertion > Nouveau symbole
ou

F8
et sélectionnez «bouton» comme type de symbole.
Automatiquement, Flash bascule en mode d’édition de symbole. Le scénario change et affiche quatre imag
-
es consécutives : «Haut, Dessus, Abaissé et Cliqué».
La première image, «Haut», est une image-clé vide. Dessinez ou importez-y le bouton souhaité. Cliquez
ensuite sur l’image «Dessus» et insérez une image-clé. Automatiquement, Flash répétera l’image de la cel
-
lule «Haut». Modifiez-la pour créer l’apparence souhaitée. Répétez les étapes pour les états «Abaissé» et
«Cliqué».
Le graphique de l’image dans «Cliqué» ne sera pas visible lorsque vous jouerez l’animation. Il ne sert qu’à
déterminer la zone cliquable du bouton.
Vous pouvez associer un son à un état du bouton. Pour ce faire, je vous suggère de créer un calque sup
-
plémentaire pour contenir les sons. Vous n’avez qu’à placer une image-clé (F6 ou clic droit > Insérer une
image-clé) dans la cellule désirée et y glisser un son à partir de la bibliothèque (ou à partir du panneau des
propriétés).
BOUTONS DE LA BIBLIOTHÈQUE COMMUNE
Flash offre une panoplie de boutons sous
Fenêtre > Bibliothèques communes > Boutons.
CRÉATION D’UN BOUTON AVEC UN CLIP D’ANIMATION
L’idée d’un bouton fait avec des clips d’animation est de rendre l’interactivité du bouton beaucoup plus
grandiose que ce que le symbole bouton permet. On peut faire jouer des animations par exemple sur les
états survolé
(on rollover)
et déployé
(on rollout).
Pour plus d’infos sur le sujet consultez :
http://www.kirupa.com/developer/flashcs4/buttons_pg3.htm
http://okozaoko.com/graphisme_cegep/logiciels_multimedia2/boutons_clip.fla