<< Février 2012 >>
LuMaMeJeVeSaDi
12345
6789101112
13141516171819
20212223242526
272829
Revenir a la liste des tutoriels Photoshop de difficulté Facile

0 question
3 commentaires sur ce tutorial
Définition des mots

Barre de navigation

Faire une barre de navigation simple pour forums forumactifs (ou même pour un site).

Pour cela, ouvrez un nouveau document de hauteur 30px et de largeur... Comme vous voulez. En fait la largeur dépend de la taille de votre forum. Si votre forum est large et que vous voulez une barre large, vous pouvez aller jusqu'à 1000px.
Ici, je prends une barre de 800 de largeur. Faites bien attention à ce que le fond soit transparent.
Sélectionnez ensuite l'outil rectangle arrondi (que vous obtenez en cliquant droit sur l'outil ellipse).
barre_1

Sélectionnez ensuite la couleur de votre fond puis faites la base de votre barre.
barre_2

Pour donner un peu d'effet, vous avez deux solutions. Soit vous utilisez la fenetre « styles » (si elle n'apparaît pas faites Fenetre > Styles)
barre_3

soit vous utilisez le bouton F de la feuille des calques.
barre_4

Mais attention, il faut savoir un minimum manier shop avant de se lancer dans le propre remaniement de votre barre. Pour les débutants, je suggère donc d'utiliser les nombreuses possibiltés de la fenetre « styles » .
Ici, je choisi de faire moi même la barre, ca donne ceci.
barre_5

Dans la partie couleur, choisissez maintenant la couleur que vous souhaitez pour votre barre. Puis cliquez sur le bouton d'écriture. Choisissez la police de votre écriture, et sa taille. Choisissez comme zone d'écriture la totalité de votre barre. Inscrivez ensuite la totalité des boutons que l'on trouve sur une barre de navigation :
« Forum, Portail, Rechercher, Faq, Membres, Groupes, Profil, Messagerie, Inscription, On-off »
Si jamais vous trouvez que votre texte n'est pas bien centré sur votre barre, n'hésitez pas à utiliser le bouton de déplacement pour bien positionner le texte sur la barre.
Ca donne ceci :
barre_6

Il ne vous reste plus qu'à découper !
Pour ceci, une méthode simple. Utiliser l'outil de recadrage barre_7. Cliquez dessus, et sélectionnez la zone du bouton 1. Ca donne ca :
barre_8

Pour recadrer, il suffit d'appuyer sur ce bouton : barre_9

Vous enregistrez (toujours en gif). Ensuite, pour retournez à votre barre, faites Edition > retournez en arrière. Re-cliquer sur le bouton de recadrage, puis sélectionnez le bouton 2. Recadrer et enregistrer. Et ainsi de suite pour les 10 boutons de votre barre.


Revenir à la liste des tutoriels Photoshop de difficulté Facile

Haut