| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
Anatoly
Habitué(e)
Inscrit le: 11 Oct 2004
Messages: 446
|
 Posté le: 22 Oct 2004 12:24 Sujet du message: [Flash MX] Interface avec bouton optimisés |
 |
|
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 |
|
| Revenir en haut de page |
|
 |
potatoes
VIP
Inscrit le: 01 Juin 2004
Messages: 2706
Localisation: lyon
|
| Posté le: 22 Oct 2004 16:13 Sujet du message: |
|
|
super anatoly  je vais m'y essayer 
_________________
 |
|
| Revenir en haut de page |
|
|
Anatoly
Habitué(e)
Inscrit le: 11 Oct 2004
Messages: 446
|
| Posté le: 22 Oct 2004 17:03 Sujet du message: |
|
|
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). |
|
| Revenir en haut de page |
|
|
DoudzZ
Fidèle
Inscrit le: 04 Aoû 2004
Messages: 1319
Localisation: [36]
|
| Posté le: 22 Oct 2004 17:49 Sujet du message: |
|
|
Super Anatoly
J'ai une petite question ou est ce que je peut me procurer Flash Mx svp Merci d'avance c'est super !
_________________
Vous avez un site ou un blog ?
Mais vous n'avez pas de visites... Inscrivez votre site gratuitement sur l'annuaire gratuit ! |
|
| Revenir en haut de page |
|
|
François
VIP
Inscrit le: 25 Sep 2003
Messages: 7161
|
| Posté le: 22 Oct 2004 17:58 Sujet du message: |
|
|
| [Fight666] a écrit: | | J'ai une petite question ou est ce que je peut me procurer Flash Mx svp Merci d'avance c'est super ! |
A la Fnac par exemple  ...
Ou en version d' évaluation afin de tester le logiciel...
_________________
   
La force vient du coeur... |
|
| Revenir en haut de page |
|
|
Anatoly
Habitué(e)
Inscrit le: 11 Oct 2004
Messages: 446
|
| Posté le: 22 Oct 2004 17:58 Sujet du message: |
|
|
Achète le ^^
Tu peu el commander sur le net
Sinon ben y a les sources illégales, mais bon  |
|
| Revenir en haut de page |
|
|
Anatoly
Habitué(e)
Inscrit le: 11 Oct 2004
Messages: 446
|
| Posté le: 22 Oct 2004 18:00 Sujet du message: |
|
|
| .:up Voici le source du tuto :: |
|
| Revenir en haut de page |
|
|
Tarentio
Insatiable
Inscrit le: 30 Aoû 2003
Messages: 3371
|
| Posté le: 22 Oct 2004 18:44 Sujet du message: |
|
|
thanks.
_________________
Le suicide c'est la force de ceux qui n'en n'ont plus, l'espoir de ceux qui ne croit plus, l'ultime force du guerrier vaincu. |
|
| Revenir en haut de page |
|
|
JoN
Régulier(ère)
Inscrit le: 09 Fév 2004
Messages: 168
Localisation: Bruxelles
|
| Posté le: 26 Oct 2004 18:35 Sujet du message: |
|
|
| Anatoly a écrit: | Achète le ^^
Tu peu el commander sur le net
Sinon ben y a les sources illégales, mais bon |
c'est genre 1000 euros mdr
sources illgalles 
merci pour ce tuto je debute dans le flash
_________________
JoN-PoO |
|
| Revenir en haut de page |
|
|
Anatoly
Habitué(e)
Inscrit le: 11 Oct 2004
Messages: 446
|
| Posté le: 27 Oct 2004 0:51 Sujet du message: |
|
|
Oui Oui ^^
Et comme j'en ia besoind ans le boulot j'ai du l'acheter 
Mais bon faut ce qu'il faut |
|
| Revenir en haut de page |
|
|
|
