Tuto Barre de menus

Aller en bas

Vous trouvez ce tuto:

Tuto Barre de menus Vote_lcap10%Tuto Barre de menus Vote_rcap1 0% 
[ 0 ]
Tuto Barre de menus Vote_lcap150%Tuto Barre de menus Vote_rcap1 50% 
[ 1 ]
Tuto Barre de menus Vote_lcap150%Tuto Barre de menus Vote_rcap1 50% 
[ 1 ]
Tuto Barre de menus Vote_lcap10%Tuto Barre de menus Vote_rcap1 0% 
[ 0 ]
Tuto Barre de menus Vote_lcap10%Tuto Barre de menus Vote_rcap1 0% 
[ 0 ]
Tuto Barre de menus Vote_lcap10%Tuto Barre de menus Vote_rcap1 0% 
[ 0 ]
 
Total des votes : 2

Tuto Barre de menus Empty Tuto Barre de menus

Message  Superaure le Lun 10 Mar - 23:23

Hello voilà pour aider Casper avec sa version 4 du site...
Nan^^ je recommence.
Donc voilà je reviens pour mon 2ème tuto!
Nous allons donc apprendre à faire une barre de menus pour un site internet ou pour une présentation informatique.

DEBUT DU TUTO!


Primo: Ouvrez Photoshop XD
Deuxio: Créez un nouveau document (ici 800X60)
Tertio: Appuyez sur "D" pour réinitialiser les couleurs.
Ensuite (je sais plus qu'est ce que c'est après tertio Razz) faites un dégradé comme ceci:
Tuto Barre de menus 0110


Ce qui doit donner cela:
Tuto Barre de menus 0210


Ensuite, cliquez ici:
Tuto Barre de menus 0310


Puis sur "Biseautage et Estampage"
Ensuite changez les paramètres précédés d'une flèche (vous pouvez changer la profondeur, la taille et le flou):
Tuto Barre de menus 0410


Puis dans contours:
Tuto Barre de menus 0510


Voilà ce que ça donne chez moi:
Tuto Barre de menus 06dz7


Nous avons maintenant notre barre. Mais, elle est continue et l'on voudrait qu'elle soit composée de plusieurs bouton. Rien de plus simple!
Choisissez l'outil 'rectangle de sélection 1 pixel'
Tuto Barre de menus 0710


Puis coupez votre barre en fonction de la taille du texte qu'il y aura à afficher. Par exemple si je veux un bouton 'Accueil', je tape 'Accueil' dans ma barre, tout à gauche:
Tuto Barre de menus 08rr8


Puis je sélectionne une rangée de pixels à droite du texte, je sélectionne le calque du fond et j'appuie sur 'suppr'. Ce qui donne:
Tuto Barre de menus 09jd2


Maintenant, si vous voulez faire une barre avec plusieurs bouton qui mènent à différents liens, faites CTRL + MAJ + E, sélectionnez le bouton avec le lasso ou le rectangle de sélection et faites un copier-coller dans un nouveau document, de la taille du presse papier.
Et voilà vous devriez avoir ceci:
Tuto Barre de menus 10bd9


Voilà ce que peux donner une barre complète et personnalisée:

Tuto Barre de menus Acceui11Tuto Barre de menus Galeri10Tuto Barre de menus Faq10Tuto Barre de menus Recher10Tuto Barre de menus Membre10Tuto Barre de menus Profil10Tuto Barre de menus Messag10Tuto Barre de menus Deconn10

___________________________________________________________
FIN DU TUTO!



A suivre, plusieurs autre tuto en préparation (vortex, toile tendue, etc...)

Voilà a finish!^^

_________________
Tuto Barre de menus Sans-t10 || Tuto Barre de menus Sans_t11
Tuto Barre de menus Sans_t12 || Tuto Barre de menus Sans_t13
Tuto Barre de menus Sans_t14 || Tuto Barre de menus Sans_t17
Superaure
Superaure
Modérateur démoniaque
Modérateur démoniaque

Masculin
Nombre de messages : 183
Age : 23
Localisation : Every where near her
Pts VS : 20
Date d'inscription : 15/04/2007

Voir le profil de l'utilisateur http://bouninedunet.c.la

Revenir en haut Aller en bas

Tuto Barre de menus Empty Re: Tuto Barre de menus

Message  Fantomedunet le Sam 15 Mar - 15:30

lol merci ca pourrait etre utile ^^

_________________
Tuto Barre de menus Sans_t10
Tuto Barre de menus 16
Fantomedunet
Fantomedunet
Toshop Master
Toshop Master

Masculin
Nombre de messages : 701
Age : 34
Localisation : Devant photoshop
Pts VS : 15
Date d'inscription : 28/06/2005

Voir le profil de l'utilisateur http://www.toshopworld.com

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum