Développement - Photoshop - Barre de navigation - SIMBIOS - Portail musical et entraide informatique

Comment créer une barre de navigation pouvant servir à un lecteur vidéo, audio ou même un site Web ?

On crée un nouveau document de 430 x 120 pixels.
On sélectionne l'outil rectangle arrondi auquel on définit les options suivantes :

Faites glisser l'outi Rectangle arrondi pour dessiner la forme ci-dessous.

Sélectionnez l'Outil dégradé (plusieurs fois MAJ+U) et cliquez dans votre barre de dégradé en haut pour modifier celui-ci.

Voici la fenêtre qui apparait alors. Créez votre dégradé pour qu'il soit identique à celui-ci. La couleur du gris des extrémités est #535B5E. On appuie sur Ok , notre dégradé est prêt, appliquons le.

Faites CTRL+ clic sur votre calque pour sélectionner son contenu. Faites votre dégradé dans la sélection en utilisant la touche SHIFT pour que celui-ci soit bien vertical.

Créons maintenant les lignes de séparation.
Créez un nouveau calque. Sélectionnez votre Outil ligne (MAJ+U), couleur noire et dessinez des lignes verticales en vous servant de la touche SHIFT.

Astuce : servez vous de l'Outil déplacement et alignez les centres pour placer vos lignes au centre et les déplacements symétriquement autour de ce centre (SHIT + flèche droite / gauche du pavé directionnel)

On va donner un effet d'inscrustation pour bien séparer nos boutons. Creéz un nouveau claque, sélectionnez le contenu du calque Lignes noires et remplissez votre nouveau calque de blanc (Couleur de premier plan Blanc et ALT + BACKSPACE). Déselectionnez votre sélection (CTRL + D) et déplacez, à l'aide de l'outil déplacement (Racourci V) et du pavé directionnel, votre calque Lignes blanches de 1 pixel sur la droite.

Appliquons maintenant un style de calque à notre Rectangle arrondi initial pour lui donner un peu plus de volume.On sélectionne les styles :

Ombre portée : Opacité = 60 %
Biseautage et estampage : Taille = 13 pixels
Incrustation couleur : Mode de fusion Incrustation et la couleur que vous souhaitez.

Pour finir, créez un nouveau calque, appuyez sur MAJ + L pour afficher l'outil Lasso polygonal. Utilisez cet outil pour dessiner les différentes icônes de navigation. Appuyer sur D pour coisir le noir comme couleur de premier plan, puis appuyer sur ALT + BACKSPACE pour remplir les icônes en noir. Vous pouvez ajouter une ombre portée à ces icônes si vous le souhaitez.

Astuces : pour créer les icônes utilisez le zoom (CTRL + +) et la grille (Affichage / Afficher / Grille). Maintenez SHIFT appuyé pour créer entre vos traits de construction des angles de 45°.