Créer un bouton avec Flash

Faire un joli bouton

Allez, on commence par ouvrir Macromedia Flash (Il est long à lancer )

Choisissez Document Flash dans la colonne Créer. Vous arrivez sur votre espace de travail.
Commencez par modifier la couleur d'arrière-plan et la taille de votre bouton à l'aide du bouton en bas dans l'onglet Propriétés



Puis, à l'aide des outils de tracage sur la gauche, dessinez la tête de votre bouton "à l'arrêt" . C'est à dire quand il ne se passe rien, sa tête normale quoi.

Ici par exemple, un rectangle rempli d'un dégradé et un texte.



Ensuite, on va transformer cet amas de symboles en un bouton. Dans la barre d'outils, prenez la flèche noire et séléctionnez toute votre image. Puis allez dans l'onglet Modification en haut, et Convertir en symbole. Pour les rageux, faites F8.



Vous serez agressé par une fenêtre comme celle-ci:



Répondez-lui que c'est un bouton, et appelez-le "Bouton" pour bien le repérer par la suite.
Vous vous trouvez dans le nouvel onglet "Bouton", comme vous pouvez le constater sur les onglets au dessus de la zone supérieure du logiciel. "Bouton" c'est le lieu de travail pour modifier les différents états de votre bouton et "Séquence 1" c'est l'intégralité de votre document Flash. Dans Séquence 1, l'image n'est plus qu'une seule entité graphique. Son état de couches de texte et de rectangle est maintenant dans l'onglet "Bouton".

Retournons donc à nos boutons...
Donc dans l'onglet "Boutons" vous revoilà dans l'édition du bouton. Dans la barre du Scénario, vous pouvez voir que le bouton a 4 états: Haut (état "normal"), Dessus (au passage de la souris au dessus), Abaissé (pendant le clic), Cliqué (pour définir une certaine zone cliquable du bouton, et pas l'intégralité de celui-ci). C'est là que l'on modifie la tête du bouton selon ses états.

Pour modifier l'image dans un de ces états, clic droit sur la case sous l'état concerné et Insérer une image-clé.



Vous pouvez modifier l'apparence de votre bouton dans cet état. Par exemple, pour l'état Dessus, j'ai mis le texte en orange et épaissi les bordures devenues oranges elles aussi.



Après avoir modifié les états du bouton que vous vouliez, revenez à Séquence 1.
Enregistrez votre document.





Oui oui, dernier chapitre:

Faire que le bouton serve à quelquechose

1 - Comportement du bouton

Dans les onglets du bas, allez sur l'onglet Actions, puis dans la partie inférieure du menu de gauche nouvellement apparu, cherchez, puis séléctionnez l'objet "Bouton". Il faut maintenant écrire son comportement.
Voici un exemple de ce qu'il faut taper pour faire un lien (c'est celui qui servira le plus):



Et voilà, notre bouton nous ammène au SdZ quand on clique dessus!

2 - Test et .swf

Et voilà, notre bouton est fini, ou en tous cas, presque. Il ne reste plus qu'à le tester et à le convertir en fichier .swf!

D'abord, sauvegardez (Ctrl+S). Ensuite, on va tester l'animation! En haut, allez dans Contrôles et Tester l'animation (Ctrl+Entrée).

Cela ouvre une nouvelle fenêtre avec votre bouton Flash au format .swf... Et vous savez quoi?
Il est sauvegardé automatiquement en .swf dans le même dossier que le bouton en .fla!

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

<!-- La balise "object" délimite la zone de code de votre Flash. Cette balise contient toutes les infos relatives à un seul élément Flash. Voilà le morceau de code indiquant qu'il s'agit d'un Flash, et ses dimensions -->

<object type="application/x-shockwave-flash" data="[adresse du .swf]" width="[largeur à l'affichage, en pixels]" height="[hauteur à l'affichage, en pixels]" 
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0">

      <!-- Ici, les paramètres les différents paramètres -->

  <param name="movie" value="[adresse du .swf]" />
  <param name="quality" value="high" />
  <param name="menu" value="false" />

      <!-- Et si le visiteur n'a pas le lecteur flash, on affiche un lien de sauvetage -->

<a href="[url du lien inclus dans le flash]" class="remplacement_flash">[texte du lien]</a>

</object>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

<!-- On change un peu le code du Flash -->

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="[largeur à l'affichage, en pixels]" height="[hauteur à l'affichage, en pixels]">

      <!-- Les paramètres -->

  <param name="movie" value="[adresse du .swf]">
  <param name="quality" value="high">
  
      <!-- On rajoute la balise "embed" -->

  <embed src="[adresse du .swf]" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="[largeur à l'affichage, en pixels]" height="[hauteur à l'affichage, en pixels]"></embed>

      <!-- Le lien de secours -->

<a href="[url du lien inclus dans le flash]" class="remplacement_flash">[texte du lien]</a>
</object>