Photoshop créer une barre de navigation à onglets
1) Ouvrir PhotoShop et créer un nouveau document avec la taille 670 * 70px.
2) Prenez l'outil rectangle arrondi et dessinez un rectangle sur la toile, vous devrez définir le rayon de 5px.
3) Ensuite, vous devez ajouter un peu de couleur à ce rectangle, donc ouvrir les options de fusion pour cette couche en double cliquant sur la couche dans la palette de couche.
4) Vous devez ajouter une incrustation en dégradé en cliquant sur la case à cocher et d'entrer dans les paramètres d'incrustation de dégradé. Double-cliquez sur l'image du dégradé et définissez la couleur sur la gauche pour # 032c45 et la couleur sur le droit à # 036399.
5) Cliquez sur OK et revenir aux paramètres principaux de gradient. Le mode de fusion doit être réglé à la normale, et cochez la case appelée inverse. La pente doit être à 100% d'opacité et fixé à linéaire à 90 ° avec le gradient fixé à aligner avec la couche. Cliquez sur OK pour la zone option de fusion et votre toile devrait ressembler à ceci:
6) Maintenant, vous devez créer quelque chose pour les onglets pour être suspendus à partir. Alors d'abord créer une nouvelle couche en utilisant la couche> nouvelle> couche et appeler ce pôle de couche. Sélectionnez l'outil rectangle et dessinez un rectangle qui est aussi large que la toile et environ un tiers de la hauteur du rectangle arrondi que vous venez de créer.
7) Ensuite, ouvrez les options de fusion pour cette couche et mettre une ombre portée avec les paramètres suivants: Mode de fusion - Multiplier
Couleur - # 000000
Angle - 120 °
Use Global Light - Vérifié
Distance - 5px
Écart - 0%
Taille - 7px
Maintenant, placez un gradient avec les paramètres suivants: Mode Blend - Normal
Opacité - 91%
Double-cliquez sur la zone de gradient et utiliser les couleurs suivantes: Gauche - # 909090
Moyen - #bcbcbc
Gauche - # 909090
Style - linéaire
Aligner sur le calque - Vérifié
Angle - 90 °
Mettre ensuite une superposition de configuration avec les paramètres suivants: Mode Blend - Normal
Opacité - 100%
Vous devrez également faire un modèle qui est une ligne diagonale (laisser ce modèle si vous ne savez pas comment faire) et le motif créé devrait être 5px * 5px avec juste une ligne noire avec un crayon 1px. Ça devrait ressembler à ça:
Maintenant, placez un coup avec les paramètres suivants: Taille - 1px
Position - extérieur
Mode de fusion - Normal
Opacité - 100%
couleur # 474747 Stroke
8) La toile devrait ressembler à ceci:
9) OK, vous avez maintenant l'arrière-plan de votre navigation, il est temps de commencer à faire les onglets eux-mêmes. Tout d'abord, créez un nouveau calque, puis faites glisser la couche sous votre couche polaire dans la palette de calque et sélectionnez l'outil rectangle arrondi. Appelez cette couche tab_1 et dessiner le rectangle sur la toile. Vous devez vous assurer que le rectangle ne démarre pas trop loin sous le « pôle » parce que si elle fait le dégradé que vous êtes sur le point d'ajouter ne sera pas l'effet correct. Ça devrait ressembler à ça:
10) Allez ensuite dans les options de fusion pour cette couche en cliquant droit sur la couche dans la palette de couche. Les paramètres corrects sont les suivants:
Vous aurez besoin d'utiliser les couleurs comme indiqué ci-dessous:
11) Maintenant cliquez sur OK et vous devriez voir votre onglet est formé sur la toile. Dupliquer cette couche (clic droit sur la couche dans la palette de couche> double couche) et répétez cette opération trois fois, en utilisant l'outil de déplacement pour les déplacer en position. Ils doivent être également répartis à part sur la toile et regarder quelque chose comme ceci:
12) Alors maintenant, vous avez vos onglets, mais vous avez encore de mettre un texte sur eux. Vous pouvez utiliser le texte que vous souhaitez pour les onglets, en utilisant l'outil de texte (t) pour créer 4 morceaux de texte sur différentes couches. Pour référence, la police utilisée dans ce tutoriel est Tahoma, 18pt, gras en blanc. Placez vos couches sur les onglets, à l'aide des guides en cliquant sur Affichage> nouveau guide si vous le souhaitez. 13) Avec le texte correctement aligné sur la toile dont vous avez besoin maintenant d'ajouter un peu de style à votre texte. Faites un clic droit sur l'une des quatre couches dans la palette de couches et en utilisant les options de fusion appliquer les paramètres suivants:
14) Cliquez sur OK, et vous aurez maintenant le bon style de texte pour une seule couche. Faites un clic droit et sélectionnez les styles de calque de copie, puis cliquez à droite sur chacune des autres couches et sélectionnez les styles de calque coller. Votre barre de navigation à onglets fini devrait ressembler à ceci: