Espace Detente
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-29%
Le deal à ne pas rater :
PC portable Gamer ERAZER DEPUTY P60 – 15,6” FHD 144Hz – i7-12è ...
999.99 € 1399.99 €
Voir le deal

Tuto pour la création d'userbars [PhotoShop]

Aller en bas

Tuto pour la création d'userbars [PhotoShop] Empty Tuto pour la création d'userbars [PhotoShop]

Message par Invité Ven 3 Aoû - 16:16

Les userbars 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 userbars 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.


1)
Pour creer une user barre nous allons creer un nouveau document comme sur l'image.
Tuto pour la création d'userbars [PhotoShop] 06865090011861466730

2)
selectionez le calque "arrière plan", clique droit et dupliquer le. "arrière plan copie 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électioner le calque "fond", et sélectionnez "incrustation en dégrade"; composez votre dégradé puis validez !

3)
Nous allons créer le motif de votre user bars. Pous cela créez un nouveau document avec les propriétés suivantes:
Tuto pour la création d'userbars [PhotoShop] 06638140011861466867
4)
Puis nous allons prendre notre crayon et faire une diagonale comme sur la photo, puis enregistrez la comme motif. Pour cela allez dans edition puis utilisez comme motif, donnez lui un nom et valider !
Tuto pour la création d'userbars [PhotoShop] 00187970011861466958
5)
Retournez sur votre user bars, créer un nouveau calque "motif" et allez dans le menu edition, puis remplir, et remplisser 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).
Tuto pour la création d'userbars [PhotoShop] 04786740011861468082

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 du portée...)
Tuto pour la création d'userbars [PhotoShop] 08083620011861468574
7)
écrivez votre texte en blanc, puis rajoutez un contour noir à ce texte en cliquant sur Tuto, tutoriel , tuto user bar photoshop , userbarre avec cette police "visitor" disponible ici avec la taille 10.
8)
creer un nouveau calque appelé "ellipse" et dessinez une ellipse sur la partie haute de votre user bars comme en dessous puis appliquez un degradé de blanc avec une oppacité de 25% et puis fusionnez les calques:
Tuto pour la création d'userbars [PhotoShop] 02516830011861468914

Resultat:
Tuto pour la création d'userbars [PhotoShop] 06634570011861469402


Dernière édition par le Sam 4 Aoû - 14:58, édité 1 fois
avatar
Invité
Invité


Revenir en haut Aller en bas

Tuto pour la création d'userbars [PhotoShop] Empty Re: Tuto pour la création d'userbars [PhotoShop]

Message par Kevin Ven 3 Aoû - 17:13

Merci pour ce tuto bien util ! Les usebar sont vraiment en vogue depuis un petit moment deja, et j'avais su comment les faire, merci de me le rappeler ! lol
Kevin
Kevin
Administrateur
Administrateur

Nombre de messages : 13178
Date d'inscription : 21/05/2006

http://ber-space.skyblog.com

Revenir en haut Aller en bas

Tuto pour la création d'userbars [PhotoShop] Empty Re: Tuto pour la création d'userbars [PhotoShop]

Message par Kevin Sam 4 Aoû - 3:04

"Sélectioner 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 !"

Ca je ne comprend pas...
Kevin
Kevin
Administrateur
Administrateur

Nombre de messages : 13178
Date d'inscription : 21/05/2006

http://ber-space.skyblog.com

Revenir en haut Aller en bas

Tuto pour la création d'userbars [PhotoShop] Empty Re: Tuto pour la création d'userbars [PhotoShop]

Message par Invité Sam 4 Aoû - 14:58

Désolé, voilà j'ai édité !
avatar
Invité
Invité


Revenir en haut Aller en bas

Tuto pour la création d'userbars [PhotoShop] Empty Re: Tuto pour la création d'userbars [PhotoShop]

Message par Kevin Dim 5 Aoû - 13:18

Ouais j'ai vu, merci c'est plus compréhensible ! lol
Kevin
Kevin
Administrateur
Administrateur

Nombre de messages : 13178
Date d'inscription : 21/05/2006

http://ber-space.skyblog.com

Revenir en haut Aller en bas

Tuto pour la création d'userbars [PhotoShop] Empty Re: Tuto pour la création d'userbars [PhotoShop]

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser