Réaliser une Userbarre sous Photoshop.

Les userbarres sont des visuels qui pullulent depuis quelque temps sur les forums. Il s'agit de fines barres au style « glassy » que les posteurs glissent dans leur signature pour afficher leurs goûts et définir, certains traits de leur personnalité. Les userbarres indiquent ainsi pêle-mêle que vous aimez les CSS, regardez « 24h chrono », jouez à Counter Strike, militez pour l'utilisation de Firefox, abusez de Google, êtes d'humeur joyeuse ou irascible, etc.

Vous pouvez facilement créer une userbarre grâce a notre générateur gratuit, clickez sur l'userbarre suivante afin d'en générer une:

1)
Pour créer une userbarre nous allons créer un nouveau document comme sur l'image.
Tuto, tutoriel , tuto user bar photoshop , userbarre
2)
sélectionez le calque "arrière plan", clique droit et dupliquer le. "arrière plan copié apparait. Pour plus de simplicité, renommez-le. Je vais l'appeler "fond". Comme les user bars avec un fond blanc, ça fait triste, on va faire un dégradé. Sélectionner le calque "fond", cliquer sur le bouton Tuto, tutoriel , tuto user bar photoshop , userbarre et sélectionnez "incrustation en dégrade"; composez votre dégradé puis validez !

3)
Nous allons créer le motif de votre user bars. Pour cela créez un nouveau document avec les propriétés suivantes :

4)
Puis nous allons prendre notre crayon et faire une diagonale comme sur la photo, puis enregistrez la comme motif. Pour cela allez dans édition puis utilisez comme motif, donnez lui un nom et valider !
Tuto, tutoriel , tuto user bar photoshop , userbarre
5)
Retournez sur votre user bars, créer un nouveau calque "motif" et allez dans le menu edition, puis remplir, et remplissez les valeurs pour avoir un meilleur résultat, je vous conseille d'attribuer à vos user bars, une faible opacité de votre motif (10% c'est pas mal).

6)
Le logo, vous devez sûrement l'avoir prêt de votre user bars, alors copier-le dans un nouveau calque appelé "logo" !
pour un meilleur effet, vous pouvez rajouter des effets à votre logo (lueur externe ou interne, ombre interne ou portée...)
Tuto, tutoriel , tuto user bar photoshop , userbarre
7)
écrivez votre texte en blanc, puis rajoutez un contour noir à ce texte en cliquant sur avec cette police "visitor" disponible ici avec la taille 10.
8)
Créer un nouveau calque appelé "ellipse" et dessinez une ellipse sur la partie haute de votre userbarre comme en dessous puis appliquez un dégradé de blanc avec une opacité de 25%et puis fusionnez les calques :
Tuto, tutoriel , tuto user bar photoshop , userbarre