Cr�ez un nouveau document sur fond gris MarbleMad ( 161-161-161 ) et de dimensions 700x200 environ. Affichez la palette des d�grad�s ( Window > Colors ) et cr�ez un nouveau d�grad� blanc - couleur de votre choix - noir comme sur l'exemple. Toutes les couleurs ont une opacit� de 100%.

Sauvez ce d�grad� sous formes lin�aire ET radiale. On n'utilisera que ces deux d�grad�s.

Vous n'�tes pas forc� de mettre autant d'�tapes mais puisque ce sera le seul d�grad� utilis�, autant vous appliquer et passer 1 minute de plus...

Affichez les librairies ( Ctrl-L ) et cr�ez un nouveau symbole de type graphic ( ic�ne de la palette des librairies ). S�lectionnez l'outil rectangle ( R ) et dessinez un carr� ( maintenez Shift enfonc� ). S�lectionnez l'outil pot de peinture ( U comme pot de peintUre rhaa ), s�lectionnez le d�grad� lin�aire de l'�tape 1 et remplissez.

Cliquez sur le bouton Transform Fill de la palette d'outil pour appliquer une rotation au d�grad� ( il est horizontal par d�faut et nous le voulons vertical ). Cliquez ensuite sur le carr� et tournez-le de 90� CCW avec les poign�es rondes.

Cr�ez un dernier d�grad� simplissime noir/100% - noir/0% comme sur l'exemple � gauche. Cr�ez un nouveau symbole de type graphic et cr�ez un rectangle de dimensions de grande base �gale � celui du c�t� du carr� pr�c�dent ( je suis clair ? h�h� ). Remplissez avec ce d�grad�. Appliquez une rotation de 90� comme pr�c�demment pour obtenir un d�grad� verticale.

Voil�, ces deux premiers symboles serviront pour les cases de la navbarre. Cr�ons maintenant le corps principal.

Toutes les techniques qui vont suivre sont les m�mes que celles utilis�es pr�c�demment. Aussi gagnerons-nous un peu de temps au niveau des explications. Cr�ez un carr� et un rond de dimensions identiques et remplissez-les respectivement avec les d�grad�s lin�aire et radial de l'�tape 1. S�lectionnez la moiti� du cercle et �cartez de quelques pixels.

Coupez-collez ces trois �l�ments dans trois nouveaux symboles de type graphic.

Cr�ez un nouveau symbole de type graphic et composez le corps principal de la barre de navigation avec les symboles 3, 4 et 5 de l'�tape pr�c�dente ( �tirez le symbole central 3 � la longueur d�sir�e pour la barre ).

A l'aide des symboles 1 et 2, posez vos boutons. Vous avez votre barre de navigation 100% vectorielle. Vous pourrez la faire bouger dans tous les sens, zoomer et d�zoomer sans alt�ration, sans parler de l'acc�l�ration au niveau de l'affichage...

Vous pouvez cr�er une ombre projet�e si le coeur vous en dit. Cr�ez une forme noire de la taille de la barre de navigation ( utilisez la m�me technique : un rectangle et un cercle coup� en deux ). Placez la forme noire sur un calque en dessous de la barre et rendez flous les bords ( Modify > Curves > Soften edges ) : 10 pixels de distance et 10 �tapes. D�placez l�g�rement l'ombre vers le bas et vers la droite.

Saisissez les textes des boutons en blanc et dupliquez-les. Changez la couleur des textes dupliqu�s en noir. Voil�.

Cliquez ici pour voir la movie flash correspondante.