Une Navigation Simple 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)
Citation:
Y tracer la forme d'un des boutons de notre interface
Citation:
Faire un nouveau symbole qu'on appellera "interface" de type MovieClip (ctrl+F8)
Citation:
Y tracer la forme de notre interface mais sans les boutons
Citation:
Faire un nouveau symbole qu'on appellera "bouton" de type bouton (ctrl+F8)
Citation:
aller à l'image "Hit" du bouton
Citation:
Y insérer une image clé ( F6) Y mettre une instance de l'objet "bouton" ( le glisser depuis la library (ctrl + L)
Citation:
_________________________________________________________________ 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
Citation:
mettez une instance de chaque symbole dans le claque correspondant ( alignez bien votre bouton et votre réactif)
Citation:
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"
Citation:
Cliquez sur votre reactif et sortez l'éditeur d'ActionScript (F9) mettez le code suivant
Citation:
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"
Citation:
séléctionnez votre bouton et ajoutez y les actions désirées ( dans mon cas l'ouverture de la page "page.html")
Citation:
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
22 Oct 2004 12:24
potatoes
VIP
Inscription: 01 Juin 2004 16:14 Messages: 2711 Localisation: lyon
super anatoly je vais m'y essayer
_________________
22 Oct 2004 16:13
Anatoly
Habitué(e)
Inscription: 11 Oct 2004 0:43 Messages: 446
Un Tip ^^
Si vous programmez en Php et bien sachez que l'actionSCript c pratiquement de la syntaxe PhP ( qui elle est presque du C).
Vous ne pouvez pas poster de nouveaux sujets Vous ne pouvez pas répondre aux sujets Vous ne pouvez pas éditer vos messages Vous ne pouvez pas supprimer vos messages Vous ne pouvez pas joindre des fichiers