Élégant et barre de navigation Professional
Tout d'abord commencer par faire un nouveau document dans Photoshop, j'ai utilisé une taille de 760 × 90 pixels. Laissez la couleur de fond en blanc (#ffffff.)
Maintenant, faire une sélection rectangulaire près du fond du document de taille 740 × 38 pixels, vous pouvez remplir votre sélection avec toutes les couleurs.
Cliquez droit sur le calque que vous avez créé avant et entrer dans les options de fusion. appliquer maintenant les paramètres de style de calque suivantes:
Et votre barre devrait ressembler à ceci:
Sélectionnez votre barre de navigation principale à nouveau en maintenant ctrl et en cliquant sur la vignette du calque. Déplacer la sélection vers le bas un pixel (vers le bas, flèche), puis la moitié de la sélection.
A l'intérieur de cette sélection dessiner un dégradé rouge ou orange. La couleur je pour mon gradient était le # e25333.
Maintenant, changer le mode de calque pour cette couche à linéaire Dodge.
Ce mode de calque le changement n'a pas beaucoup changé, mais il mélange dans un peu mieux avec la couleur rouge.
Maintenant, nous allons ajouter dans quelques boutons agréables. Commencez par faire une sélection sur le côté gauche de taille 80 x 38 pixels.
Si vous êtes sur un nouveau calque, dessinez un dégradé rouge à l'intérieur de votre sélection de bouton. Je pris les couleurs pour mon gradient du gradient sur la barre de navigation d'origine.
(# D02223 et # 650b0b.)
Baisser le remplissage de cette couche à 80% et d'appliquer cette Ombre interne.
Ajouter à appuyer sur un bouton texte agréable.
Après avoir écrit votre texte dans une belle police propre appliquer les paramètres de style de calque suivants:
Pas beaucoup de changement, mais de belles tweaks subtiles # 128521;
Dupliquer le calque de bouton et le texte et les déplacer le long de sorte environ 10 pixels theres espace entre les deux, répéter deux ou trois fois.
Masquer les calques de boutons pour tous, sauf un, cela signifie que le bouton d'accueil est un roulement.
Enfin une petite touche, vous pouvez ajouter un logo de nom de l'entreprise ou quelque chose.
Il est très simple, il suffit texte, deux couleurs différentes, avec une ombre et la superposition Goutte dégradé.
Merci d'avoir lu le tutoriel, j'espère que vous avez apprécié et appris quelque chose. Si vous voulez, vous pouvez télécharger le fichier PSD pour ce tutoriel ici.
Vous pouvez voir plus de tutoriels ici.