Voici un petit tuto sur comment faire une petite navigation ^^
Voir le résultat du Tuto
Je n'aborderai que l'ActionScript pour 2 raisons :
1 - L'habillage est quelquechose de très personnel.
2 - Je suis nul en Vecto :p
Ce tuto perfectionne les interface :
1 - Il permet d'avoir une Animation sur le bouton qd on le SURVOLE ET qd on SORT DU SURVOL
2 - On bosse plus vite avec cette tech car on sépare le graphisme+animation des actions des boutons.
_________________________________________________________________
Etape 1 : Créer les Movie Clips dont on aura besoin.
_________________________________________________________________
Nouveau document
Faire un nouveau symbole qu'on appellera "reactif" de type MovieClip (ctrl+F8)
Y tracer la forme d'un des boutons de notre interface
Faire un nouveau symbole qu'on appellera "interface" de type MovieClip (ctrl+F8)
Y tracer la forme de notre interface mais sans les boutons
Faire un nouveau symbole qu'on appellera "bouton" de type bouton (ctrl+F8)
aller à l'image "Hit" du bouton
Y insérer une image clé ( F6)
Y mettre une instance de l'objet "bouton" ( le glisser depuis la library (ctrl + L)_________________________________________________________________
Etape 2 : Mettre les movies clips sur la scène et ajouter l'actionScript.
_________________________________________________________________
Allez sur la scène courante
créez 2 nouveaux calques et les nommer comme sur l'image
mettez une instance de chaque symbole dans le claque correspondant ( alignez bien votre bouton et votre réactif)
P.S : les boutons apparaiteront avec un arrière plan vert-bleu clair ( cnormal vu qu'il ne contiennent rien d'autre que leur zone sensible " Hit")
Lockez les calques "boutons" et "reactifs"
Cliquez sur votre reactif et sortez l'éditeur d'ActionScript (F9)
mettez le code suivant
petit commentaire : - chaque fois que le movieClip est affiché (onClipEvent ( enterframe)) , Flash teste si il y a contact avec la souris ( hitTest )
- si oui : il teste si la taille du bouton est de 160%, sinon il l'augmente de 6%
- si non : il teste si la taille du bouton est de 100%, sinon il la réduit de 6%
Lockez le calque "reactifs" et délockez "boutons"
séléctionnez votre bouton et ajoutez y les actions désirées ( dans mon cas l'ouverture de la page "page.html")
enregistrez au fur et a mesure.
_________________________________________________________________
Testez et Voila ^^
Tuto Entièrement réalisé par Anatoly pour 2077.net
Veuillez insérer ce Copyright si vous comptez le mettre sur votre site.
Flash MX Interface avec bouton optimisés


je vais m'y essayer 


...


