Ce tutorial vous montre comment créer facilement une barre utilisateur. Pour ce faire, je vais ici créer une barre utilisateur pour uTorrent.

Ce tutorial suppose que vous aillez déjà des connaissances:

- de Photoshop

• concernant l'utilisation de Photoshop (travailler sur calques, couleurs, etc..)

• préparé une image à utiliser (ici un logo uTorrent)

Conditions préalables:

Vous aurez besoin de la police de caractère: VISITOR (il est possible de la télécharger: ici).

Une fois téléchargée, décompressez le contenu du dossier: C:\WINDOWS\Fonts\ pour l'installer.

Pour commencer, créer un modèle pour la barre utilisateur qui sera une rangée de lignes droites.

1.) Allez dans Dossier-> Nouveau

Entrez ensuite les valeurs suivantes:

Nom: barre utilisateur (facultatif)

Largeur: 6 (pixels)

Hauteur: 6 (pixels)

Résolution: 72 (pixels/pouces)

Mode couleur: RGB Color (8 bit)

Contenu d'arrière plan: Transparent
Avance:

Profil Couleur: sRGB IEC61966-2.1

Pixel Aspect Ratio: Square

2.) Sélectionnez maintenant l'outil 'crayon' pour commencer à dessiner la trame. Avant de commencer, utilisez le zoom pour zoomer à, à peu près, 1600%. Ensuite, en utilisant le crayon dessinez une ligne comme celle de l'image ci-dessous. Un fois fait, allez dans Éditer -> Définir Trame (edit-> define pattern), entrez un titre puis cliquez OK.

Maintenant que la trame est faite, commencez la création de la barre utilisateur.

3.) Allez dans Dossier -> Nouveau puis entrez les données ci-dessous.

Nom: Barre Utilisateur (facultatif)

Largeur: 350 (pixels)

Hauteur: 19 (pixels)

Résolution: 72 (pixels/pouces)

Mode Couleur: RGB Color (8 bit)

Contenu d'arrière plan: transparent

Avance:

Profil couleur: sRGB IEC61966-2.1
Pixel Aspect Ratio:  Square

Vous voici maintenant avec la taille de base de la barre utilisateur...

4.) Sélectionnez l'outil 'dégradé'

Utilisez la barre supérieure, comme dans l'exemple.

5.)Vous pouvez alors créer votre propre dégrade pour la barre. Les 2 marques rouges vous montrent où cliquer pour éditer les couleurs. Cliquez-y 2 fois dessus et changez les couleurs. Ici, j'ai utilisé un vert clair à gauche et vert foncé à droite pour créer une dégradé de vert.

Il est à noter que chaque barre devrait avoir son propre dégradé de différentes couleurs.

6.) Appuyez sur OK. Créez maintenant un dégradé en appuyant à gauche sur la souris et en le faisant glisser vers le bas.

Vous pouvez aussi expérimenter un peu en faisant glisser plus ou moins la souris dans différentes directions. Chaque mouvement crée un dégradé différent.

7.) Insérez maintenant le logo (uTorrent). Le mien a été fait en prenant l'icône officielle de uTorrent et en dessinant un fond violet autour (pour créer la transparence).

Dans Dossier -> Nouveau, choisissez l'image de votre choix pour la barre.

Copiez le calque avec le logo.

8.) Une fois ouvert, utilisez l'outil 'baguette magique'