• Forums 2037
  • Forums Boite à Pixels 2077.net
  • Forums phpBB
  • Forums Nero
  • Flux
  
Se déconnecter [ ccBot [Crawler] ]
Dernière visite le 22 Mar 2010 3:24 Nous sommes le 22 Mar 2010 3:24




 [ 10 messages ] 
[Flash MX] Interface avec bouton optimisés 
Auteur Message
Habitué(e)
Habitué(e)

Inscription: 11 Oct 2004 0:43
Messages: 446
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.
_________________________________________________________________

:arrow: Nouveau document
:arrow: Faire un nouveau symbole qu'on appellera "reactif" de type MovieClip (ctrl+F8)

Citation:
Image

:arrow: Y tracer la forme d'un des boutons de notre interface
Citation:
Image

:arrow: Faire un nouveau symbole qu'on appellera "interface" de type MovieClip (ctrl+F8)
Citation:
Image

:arrow: Y tracer la forme de notre interface mais sans les boutons
Citation:
Image

:arrow: Faire un nouveau symbole qu'on appellera "bouton" de type bouton (ctrl+F8)
Citation:
Image

:arrow: aller à l'image "Hit" du bouton
Citation:
Image

:arrow: Y insérer une image clé ( F6)
:arrow: Y mettre une instance de l'objet "bouton" ( le glisser depuis la library (ctrl + L)
Citation:
Image


_________________________________________________________________
Etape 2 : Mettre les movies clips sur la scène et ajouter l'actionScript.
_________________________________________________________________

:arrow: Allez sur la scène courante
:arrow: créez 2 nouveaux calques et les nommer comme sur l'image
Citation:
Image

:arrow: mettez une instance de chaque symbole dans le claque correspondant ( alignez bien votre bouton et votre réactif)
Citation:
Image

:arrow: 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")
:arrow: Lockez les calques "boutons" et "reactifs"
Citation:
Image

:arrow: Cliquez sur votre reactif et sortez l'éditeur d'ActionScript (F9)
:arrow: mettez le code suivant
Citation:
Image

:arrow: 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%


:arrow: Lockez le calque "reactifs" et délockez "boutons"
Citation:
Image

:arrow: séléctionnez votre bouton et ajoutez y les actions désirées ( dans mon cas l'ouverture de la page "page.html")
Citation:
Image

:arrow: enregistrez au fur et a mesure.
_________________________________________________________________
:arrow: 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
VIP
VIP
Avatar de l’utilisateur

Inscription: 01 Juin 2004 16:14
Messages: 2711
Localisation: lyon
Message 
super anatoly :good: je vais m'y essayer :)

_________________
Image


22 Oct 2004 16:13 Site Internet
Habitué(e)
Habitué(e)

Inscription: 11 Oct 2004 0:43
Messages: 446
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).


22 Oct 2004 17:03
Fidèle
Fidèle
Avatar de l’utilisateur

Inscription: 04 Aoû 2004 11:38
Messages: 1319
Localisation: [36]
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 !


22 Oct 2004 17:49 Site Internet
VIP
VIP

Inscription: 25 Sep 2003 20:09
Messages: 7277
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 :wink: ...

Ou en version d' évaluation afin de tester le logiciel...

_________________
Les jours et l'ennui de Seb Musset


22 Oct 2004 17:58
Habitué(e)
Habitué(e)

Inscription: 11 Oct 2004 0:43
Messages: 446
Message 
Achète le ^^

Tu peu el commander sur le net

Sinon ben y a les sources illégales, mais bon :lol:


22 Oct 2004 17:58
Habitué(e)
Habitué(e)

Inscription: 11 Oct 2004 0:43
Messages: 446
Message 
.:up Voici le source du tuto ::


22 Oct 2004 18:00
Insatiable
Insatiable
Avatar de l’utilisateur

Inscription: 30 Aoû 2003 22:03
Messages: 3371
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.


22 Oct 2004 18:44
Régulier(ère)
Régulier(ère)
Avatar de l’utilisateur

Inscription: 09 Fév 2004 7:51
Messages: 168
Localisation: Bruxelles
Message 
Anatoly a écrit:
Achète le ^^

Tu peu el commander sur le net

Sinon ben y a les sources illégales, mais bon :lol:


c'est genre 1000 euros mdr

:-x

sources illgalles :-P

merci pour ce tuto je debute dans le flash

_________________
JoN-PoO


26 Oct 2004 18:35 Site Internet
Habitué(e)
Habitué(e)

Inscription: 11 Oct 2004 0:43
Messages: 446
Message 
Oui Oui ^^

Et comme j'en ia besoind ans le boulot j'ai du l'acheter :bored:

Mais bon faut ce qu'il faut :D


27 Oct 2004 0:51
 [ 10 messages ] 


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

  
[ Association 2037.org, infrastructure & serveur model-fx ] :: [ Powered by phpBB © phpBB Group. ]
[ Thèmes © Boîte à Pixels 2037.Org ] :: [ Guntar Ze Smiley © ZeCorp. Created by Christophe Soudron ]
Traduction par: phpBB.biz