Encore un tuto pour créer une barre de menu. Néanmoins celle ci est moins glossy et surtout on peut la décliner en n'importe quelle couleur très facilement ! Elle est entièrement réalisée grâce aux Options de fusion, ce qui rends sa création très simple.

barre menu style

Dans mon exemple je créer un document de 500 de largeur sur 300 de hauteur que je rempli d'un gris clair # cfcfcf.

Avec l'Outil Rectangel je dessine un rectangle d'environ 460px de large sur 25px de haut.
La couleur n'a aucune importance car nous allons maintenant remplir les Options de fusion Options de fusion comme cela :

barre menu style barre menu style

Mais aussi un Contour, Extérieur de 1px et de couleur #a2a2a2. (pas besoin d'image pour ça :p)

Et, le plus important : le dégradé ! Réglez Incrustation en dégradé comme ceci :

barre menu style

Plus précisement, le dégradé est comme cela :
Couleur de gauche : #C7C7C7, les deux curseurs de droite sont en blanc #FFFFFF.
Il faut régler le curseur blanc du milieu à 55% et le "mini curseur" entre le curseur gris et le blanc à 90%.

barre menu style

Oui je sais ça fait beaucoup de fois le mot "curseur" mais maintenant votre menu est fini ! Du moins la première version la plus simple.

barre menu style barre menu style Vous pouvez changer la couleur de cette barre très simplement, tout en conservant les Options de fusion. Pour cela c'est très simple, il vous suffit de cocher Satin dans les Options de fusion et de le remplir comme sur cette image : barre menu style

Bien entendu, vous choississez la couleur, dans mon exemple c'est un bleu doux que j'ai choisi #005fb7. Cela donne l'image du haut, vous pouvez obtenir un meilleur résultat en changeant la couleur de la Lueur interne pour l'accorder avec la couleur du Satin.

barre menu style Voilà, la barre est finie, il ne vous reste plus qu'à ajouter votre texte!

Encore une fois c'est un tutoriel très simple à réaliser et qui s'adresse à des personnes de tous niveaux, le plus de cette barre est bien sur qu'on puisse changer à tout moment sa couleur, son dégradé, etc... On peut aussi enregistrer le style de calque pour le réutiliser par la suite.

Pensez à poster votre réalisation dans la partie créations du site !


Le formulaire pour poster des commentaires est :

Bien
Pas mal
Mal fait...

Proposer un tutoriel Poster une création Partenaires