Bonjour !

Voici un nouveau tutoriel pour les Userbars. Pourquoi en refaire un alors qu'il en existe un autre en-dessous ? Simplement car je n'aime pas du tout le résultat de l'autre tutoriel.

Ce tutoriel marche avec les versions d'Adobe Photoshop 7, CS, et CS2 (je n'ai pas testé avec les autres versions, mais ça doit marcher).

Niveau de difficulté : Facile
Temps de réalisation : 5-6 minutes.

Créez un nouveau fichier (Ctrl+N) et entrez dans la boîte de dialogue qui s'ouvre les paramètres ci-dessous :

Appuyez sur OK. Votre nouveau fichier est créé.

Créez maintenant un nouveau calque (Ctrl+Maj+N), et appelez-le "Fond" :

Appuyez sur OK. Le calque "Fond" est créé.

Cliquez sur le calque "Fond" (si ce n'est pas déjà fait).

Cliquez sur l'outil Sélection (), puis sélectionnez toute l'image (Ctrl+A).

Cliquez ensuite sur l'outil Pot de peinture () et remplissez votre sélection avec n'importe quelle couleur (ça ne changera pas la couleur de votre Userbar).

Voici ce que vous obtenez :

Allez dans les options de fusion du calque (Bouton droit > Options de fusion).

Toutes les Userbars standards ont un contour (noir en général) de 1 pixel.

Appliquez un contour avec les paramètres suivants :

Appliquez maintenant une incrustation en dégradé. Les couleurs ne doient pas être trop vives, les couleurs du dégradé sont à votre choix.

Voici, ci-dessous, un exemple avec du vert (vous voyez que je n'ai pas utilisé de couleurs trop vives).

Voici le résultat obtenu :

Créez maintenant un nouveau calque (Ctrl+Maj+N), et appelez-le "Motif" :

Appuyez sur OK. Le calque "Motif" est créé.

Créez un nouveau fichier (Ctrl+N) et entrez dans la boîte de dialogue qui s'ouvre les paramètres ci-dessous :

Appuyez sur OK. Votre nouveau fichier est créé.

Zoomez maintenant à 1200%, cliquez sur l'outil Crayon (), puis tracez une ligne diagonale comme montré ci-dessous :

Utilisez-le comme Motif (Édition > Utilisez comme motif...) et appelez-le "Motif" :

Appuyez sur OK. Le nouveau motif est créé.

Fermez le document "Motif". Cliquez sur le document "Userbar", puis sur le calque "Motif".

Cliquez sur l'outil Sélection (), puis sélectionnez toute l'image (Ctrl+A).

Cliquez ensuite sur l'outil Pot de peinture () et remplissez votre sélection avec n'importe quelle couleur.

Allez dans les options de fusion du calque (Bouton droit > Options de fusion).

Appliquez maintenant une incrustation de motif, et utilisez le nouveau motif que vous avec créé :

Appuyez sur OK, puis réglez l'opacité de fond du calque "Motif" à 0.

Voici ce que vous obtenez :

Téléchargez la police "Visitor" (ici, sur Dafont) si vous ne l'avez pas, puis décompressez le .ZIP dans le dossier Fonts de Windows (C://Windows/Fonts).

Nous allons utiliser "Visitor 2 TT2 BRK"

Cliquez sur l'outil Texte () et sur votre image. Entrez alors, avec la police "Visitor 2 TT2 BRK" le texte de votre choix avec les paramètres qui suivent :

Voici un exemple :

Allez dans les options de fusion du calque de texte (Bouton droit > Options de fusion).

Appliquez un contour avec les paramètres qui suivent :

Appuyez sur OK. Votre contour est appliqué :

Créez maintenant un nouveau calque (Ctrl+Maj+N), et appelez-le "Reflet" :

Appuyez sur OK. Le calque "Reflet" est créé.

Cliquez sur le calque "Reflet", si ce n'est pas déjà fait.

Cliquez maintenant sur l'outil Sélection élliptique () et faites une sélection pour qu'elle ressemble à celle-ci :

Cliquez ensuite sur l'outil Pot de peinture () et remplissez votre sélection avec du blanc (en hexadécimal #FFFFFF).

Réglez maintenant l'opacité du calque "Reflet" à 40%.

Décalez le calque "Reflet" d'un pixel vers le bas.

Sélectionnez le calque "Reflet" en appuyant sur Ctrl tout en cliquant sur sa miniature.

Contractez la sélection (Sélection > Modifier > Contracter). Entrez le paramètre suivant dans la boîte de dialogue.

Appuyez sur OK. Votre sélection est contractée de 1 pixel.

Inversez la sélection (Bouton droit > Intervertir)

Votre sélection est inversée.

Appuyez maintenant sur la touche Suppr pour supprimer les pixels de reflet dépassant sur le contour noir de l'Userbar.

Déselectionnez la sélection, puis remontez le calque "Reflet" de 1 pixel.

Votre Userbar est terminée. À vous maintenant d'y incruster des images.

Exemples d'Userbars :

Voila pour ce tutoriel. J'espère qu'il est compréhensible et accessible à tous .

Cordialement,

Heltux.

Et hop, validé   merci  

C'est vrai que ton tuto donne plus envi que l'autre.
En tout cas très bien !

Bon je vais réessayer de le faire avec ton tuto , ça marchera peut-être mieux qu'avec l'autre  

Coucou,

Vraiment sympatique je m'y suis collé

Merci beaucoup pour ce tuto ^^

Amicalement, Yoh

Encore un super tuto, c'est exactement le type de userbar que je voulais créer  

En voici une parmi tant d'autres (j'arrête pas depuis 2 jours...   )

Merci encore  

Eheh merci depuis le temps que je voulais savoir faire ca ..; malgré la simplicité  

Hihihi, c'est vrai que c'est bien marrent.

Merci !  

P.S. : Quelqu'un saurait-il comment avec 'toshop je peut écrire en Jap ? Apperement j'ai déjà 2, 3 polices japs mais quand je les selectionne ca me met du texte en caractères "normaux" ?

P.S.2 : Mmmh pour que le contour noir de la barre passe même par dessus l'image vous avez des idées ?

--- Test'o'passage

bonjour a tous !

premier post sur ce forum, que je suis depuis pas mal de temps déjà.  
un petit UP pour ce tut simple mais telement pratique  

voila et comme dadoux Test'o passage

J'ai reussi mon premier boulot sous photoshop lol

Oui, mais c'est de la bidouille pure  
Tu prend l'outil de selection rectangulaire, tu dessine un rectangle qui touche les bords de ton userbar, et qui va plus loin que ton image, ensuite -> Selection -> Contracter -> 1px.
Tu selectionne ton calque avec l'image -> Clic Droit -> Intervertir la selection -> Suppr.

Voila, c pas tres clair, si quelqu'un a besoin d'éclaircissement je posterai des screens  

Enfait c'était ya longtemps ma question, mais merci de ta réponse tout de même , aujourd'hui je devrai y arriver.

Merci  

bon tuto!!
voila le mien  

Bravo! Merci pour ce superbe tuto!

Ben je sais pas si elle est jolie mais c'est une userbar  

et voilou la mienne
http://serv1.upload4you.free.fr/perso/154/1176285432.jpg

la texte est illisible, essaye une autre couleur

On voit pas assez le texte

Vide  je penses qu'il faut un miimum d'image, sauf pour red colour lover...

Qu'est ce que vous pensez de mes userbars ?
http://img263.imageshack.us/img263/3238/userbarsbu4.gif

J'aime bien mais je trouve les logos trop gros , du style l'userbars MSN on dirait pas vraiment l'icône msn ..

M'enfin chacun son style

merci voila mon resultat

j'aime pas trop ! elle est trop petite et la qualité et a revoir !! bon début  

Salut a tous, je suis nouveau, j'ai essayer aussi:

Pour une salle réseau d'un ami  

un petit essai pour une célèbre marque de rasoir............