Quelques styles de calque et voilà une belle barre de navigation pour votre site ou votre blog. Très tendance web2, profitons-en avant que cela ne soit démodé.

Si vous avez des questions à poser sur ce tutoriel, inscrivez-vous sur le forum

1. Ouvrez un nouveau document de 700*60px. Outil Rectangle arrondi avec un arrondi de 10 px.  Peu importe la couleur mais pas de style.







2. Calque/Style de calque/Incrustation en dégradé, configurez le dégradé comme sur la capture.





3. Outil Texte avec une police sobre et en blanc, écrivez votre menu.



4. Entre deux menus, faites une sélection avec l’outil Rectangle de sélection 1 colonne.



5. Sur un nouveau calque, remplissez la sélection de noir par le menu Edition/Remplir.



6. Sélection/Désélectionner. Récupérez la sélection de votre barre de navigation, en cliquant sur sa vignette dans la palette des calques tout en maintenant CTRL appuyé.. Puis Sélection/Intervertir et sur le calque avec la colonne de séparation, appuyez sur la touche Suppr de votre clavier et désélectionnez.



7. Calque/Style de calque/Biseautage et estampage et baissez le Fond de ce calque à 0%.





8. Dupliquez ce calque afin de placer une barre de séparation entre chaque élément du menu.

Tutoriel écrit avec Photoshop Extended CS4


Il est strictement interdit de redistribuer, copier, republier ce contenu sur votre site, blog ou forum Copyright ©Advanced graphics & HélèneM 2010 - All rights reserved (Tous droits réservés).