[tuto]Créer un bouton Web 2.0

source:azork.net

Ce tutorial vous explique comment créer un bouton web 2.0 et ainsi créer une barre de navigation plutôt sympa...






Créer un nouveau document « touche CTRL+N », puis
sélectionner l’outil rectangle « touche U »

• Tracer votre rectangle avec une couleur #333333
  

Sélectionner l’effet de style « incrustation en dégradé »
et modifier l’opacité à 70%





Sélectionner l’effet de style « contour », modifier la
taille à 1px et choisisser la couleur
#000000





Sélectionner l’effet de style « lueur interne », modifier
la taille à 1px





Sur un nouveau calque, on va prendre l’outil rectangle de sélection
« touche M » et tracer un rectangle
comme dans l’exemple ci-dessous





Maintenant garder les touches CTRL+SHIFT+ALT enfoncées et
cliquer sur le premier calque (calque « rectangle » dans mon
exemple).

• Vous devriez obtenir ceci :
  

Remplir la sélection avec la couleur #FFFFFF, puis
désélectionner votre sélection et modifier l’opacité
du calque à 20%





Il nous manque plus qu’à rajouter du texte





Voila, ensuite en dupliquant le tout, vous pouvez obtenir une magnifique barre
de navigation a la sauce 2.0…







Ensuite c’est à vous de modifier quelques paramètres au niveau des effets de
styles afin de donner un rendu un peu différent lorsque l'utilisateur pointe la
souris sur un bouton.