ArtBook - le blog des tutoriaux graphiques -

Un blog rempli de tutoriaux gratuits et complets pour apprendre à utiliser Photoshop, Illustrator, Flash et d'autres applications web. Mise à jour très fréquentes.

31 mars 2008

Faire un bouton

Faire un bouton

Fichier source : bouton

Exemple : bouton

Si vous désirez mettre la moindre interactivité sur vos documents flash, vous devrez obligatoirement passer par des boutons. C’est primordial dans Flash, car les boutons peuvent avoir des fonctionnalités ActionScript que les simples dessins vectoriels ne peuvent avoir.

 

Créez un nouveau document. Puis allez dans Insertion>Nouveau Symbole

2

Nommez le « bouton » choisissez bouton entre les trois choix et cliquez sur « OK »

3

Votre scène a changé ainsi que votre timeline, vous êtes maintenant dans votre bouton. Les 4 images de la timeline correspondent aux 4 états de votre bouton : Haut, lorsqu’il est présent sans être activé, Dessus, lorsque la souris passe dessus, Abaissé, lorsque celui-ci a été cliqué, et enfin cliqué pour définir la zone cliquable.

4

Prenez l’outil de dessin, ellipse ou rectangle à votre convenance, puis allez dans la couleur de contour pour la supprimer puis mettez la couleur que vous désirez pour la couleur de remplissage.

5

Puis dessinez une forme sur la scène, une fois cela fait, cliquez sur l’image dessus puis d’un clic droit ajouter une image clé, faites de même pour l’image abaissé. Voici votre bouton de fait.

6

Maintenant, prenez l’outil flèche noire, sélectionner votre forme puis l’image dessus et changez la couleur de fond, puis faites de même pour l’image abaissé. Votre bouton comporte maintenant 3 couleurs selon l’image sur laquelle vous cliquez.

7

Cliquez sur séquence en dessous de la timeline pour revenir sur votre scène.

8

Si votre bibliothèque est bien ouverte, vous devriez voir votre bouton à l’intérieur, cliquez dessus et faites le glisser jusqu'à votre scène.

9

Faites un Ctrl+Entrée pour voir le fruit de vos efforts. Vous pouvez bien entendu ajouter du texte ou des effets à chaque état de votre bouton sans soucis. Petit conseil, essayez au maximum de bien faire votre bouton sur votre première image afin que les copies qui suivent soit le plus conforme possible et qu’il n’y est pas de soucis de décalage.

Exemple : bouton

Arthelius

Si vous avez des questions ou des suggestions rendez vous sur le forum.

Posté par arthelius à 22:09 - Tutorial Flash - Commentaires [7] - Rétroliens [0] - Permalien [#]

Commentaires

super

super ce tuto mais cela ne dit pas comment faire un lien et c'est un peu le rôle principales d'un bouton, et surtout j aimerai savoir comment faire, et bien si ta la réponse je serai ravie de le savoir mercis

yooll@hotmail.fr

Posté par yooll, 30 avril 2008 à 17:18

c'est encore mieux que vous mettiez comment l'activer(le donner une fonction)

Posté par ssssssslt, 25 août 2008 à 19:02

la question a été posté par un autre internaute, j'ai répondu sur le forum.
ce tuto n'était qu'un simple tuto de mise en bouche.
mais merci pour vos commentaires

Posté par arthelius, 26 août 2008 à 01:08

Informations complémentaires...

Bonjour.

J'ai suivi ton tutorial à la lettre.

Cependant, lors de l'exportation de l'animation en fichier .swf, mon image est dégradée & mal positionnée (on ne voit qu'un bout).

J'ai un message d'erreur de Flash:
AVERTISSEMENT : l'image d'exportation correspondant aux classes spécifiées dans les paramètres de publication ou d'exportation, l'image 1, n'existe pas. Aucun pseudo-code binaire n'a été exporté pour les classes ou les interfaces ActionScript 2.0.
AVERTISSEMENT : l'image d'exportation correspondant aux classes spécifiées dans les paramètres de publication ou d'exportation, l'image 1, n'existe pas. Aucun pseudo-code binaire n'a été exporté pour les classes ou les interfaces ActionScript 2.0.

Que faire? Merci ;)

Posté par Shu`, 08 décembre 2008 à 13:58

bizzare

c'est assez étrange, car les boutons sont les fondements de flash.
Etrange qu'il y est un problème avec l'AS2 puisque le bouton n'en contient pas.

Essaie de recommencer depuis le début, avec un doc vraiment vierge, sinon ça vient de ta version de flash

Posté par arthelius, 08 décembre 2008 à 15:30

bon tuto mais

Bonjour,

C'est un bon tuto pour commencer. Je n'y arrivait pas. Mais comment ensuite inserer le bouton dans une page?

Posté par bethoven, 11 janvier 2009 à 11:07

Normalement avec un bouton en flash on utilise un site en flash donc ça ne pose aucun problème. Vous cherchez peut être un tuto pour créer ce genre de site ?
Sinon avec le logiciel dreamweaver normalement ça ne pose aucun problème, il reste encore la solution de l'HTMl qui vous est donné avec le bouton lors de sa sauvegarder si vosu avez coché cette option de publication.

Posté par arthelius, 11 janvier 2009 à 18:24

Poster un commentaire







Rétroliens

URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=327702&pid=8557929

Liens vers des weblogs qui référencent ce message :