Barre de navigation style XP avec Photoshop

Je suis le premier à admirer le style de Windows XP, j’adore ces couleurs et ces reflets ... j’ai eu donc envie de faire une petite barre de navigation pour site internet à la sauce Windows XP. Attention au résultat

Fichier PSD tutorial 78

Clic pour télécharger le fichier utilisé dans ce tutorial.

ETAPE 1

Créez un nouveau document de 800 pixels sur 400, sur fond blanc, créez ensuite un rectangle.

ETAPE 2

Nous allons maintenant ajoutez un style de calque sur notre rectangle.

ETAPE 3

Dupliquez votre rectangle puis déplacez le au dessus du premier, modifiez le dégradé avec cette nouvelle configuration.

ETAPE 4

A droite de votre barre de navigation créez une ellipse, appliquez ensuite un style de calque (vous trouverez le style sur le calque ellipse droite présent dans le fichier PSD téléchargeable au début de cette page.

ETAPE 5

Vous allez créer une bordure blanche, pour cela récupérez la sélection de votre ellipse puis créez un nouveau calque que vous remplirez de blanc, déplacer maintenant votre sélection de 2 pixels en bas puis sur la droite et enfin supprimez les pixels. Passez votre nouveau calque en opacité 50%.

ETAPE 6

Nous allons maintenant ajoutez notre symbole, à vous de voir lequel vous voulez ajoutez, pour ma part je vais incruster un symbole suivant.

Appliquez à cette forme un style : biseautage et estampage avec comme configuration taille : 0 et flou : 0 (retrouvez le style sur le calque « suivant ».

ETAPE 7

Intéressons nous au reflet, créez une forme comme dans l’exemple, vous utiliserez la plume, ou tout autre technique tant que la forme ressemble à ceci.

ETAPE 8

Avec un masque de fusion, appliquez un dégradé du haut vers le bas pour cachez une partie de notre reflet.

ETAPE 9

Avec la même technique vous pouvez créez un ou plusieurs boutons en plus.