Recherche dans le forum:
Rechercher


« Voir le sujet précédent :: Voir le sujet suivant »  
Auteur Message
Message24/07/2008, 10 10 09 (UTC)    
Sujet du message: [tuto] Faire sa barre de naviguation

Je vais créer une séries de tutoriels utiles pour les nouveaux,pour qu'ils crées leurs designs eux-mêmes.(sous photoshop)
Aujourd'hui nous allon étudier comment faire sa barre de naviguation.

1-Créer un nouveau document de 430x120
2-On selectionne l'outil rectangle arrondie.auquel on définit les options suivantes:

3-Faites glisser l'outil rectangle arrondie pour obtenir cette forme:

4-selectionner l'outil dégrader et éditez-le(cliquer en haut sur le dégrader par défaut)
Le dégradé part du gris très clair(#535b5e)au blanc(au milieu)et finit au même gris.
5-Faites ctrl+clic sur le calque pour récuperer son contour.Faites votre dégrader dans votre selection du bas vers le haut.
6-les lignes de séparations.
Créer un nouveau calque.Selectionner l'outil ligne(laisser appuyer sur l'outil plume et selectionner.)couleur noir(#000000).Dessiner les lignes verticales en faisant attention aux espaces.
7-Il faut donner un peu de dimensions a notre rectangle arrondie.
reprenez ce calque.
Faites calque-->style calque-->biseautage et estampage.
ensuite entrer les paramètres suivants:
profondeur:100%
taille:13px
flou:0px
Ensutie appliquer un ombre portèe avec ces paramètres:
tout par défaut et opacité:60%
Et enfin incrustation couleur:
mode de fusion:incrustation
couleur:celle que vous voulez.
Voilà!
résultat:

laissez libre court à votre imagination!
voila ce que j'ai fais:


(wwwoaaww j'ai trop écris!)
prochain épisode: faire son menu.

Bien sur cela peut vous servir pour la naviguation en haut de votre site!


Dernière édition par da6c le 03.09.2012, 15:38; édité 4 fois
Montrer les messages depuis:   


Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com