Nous allons maintenant vous apprendre à faire une signature très connue
qu’est la userbar (barre d’utilisateur) ! Expliqué à ma façon pour les
débutants évidemment
C’est parti :
Commençons par créer un nouveau document transparent de 350 pixels de largeur et de 20 pixels de hauteur. Pour cela faites :

Fichier > Nouveau ou bien CTRL + N

Le fond :



Vous allez maintenant insérer un fond qui sera le futur fond de votre
signature userbar evidemment. Vous pouvez choisir d’insérer une seule
couleur ou bien un dégradé. Si vous choisissez une seule couleur, il
suffit de la choisir en cliquant sur la couleur primaire :



Si vous voulez faire un dégradé, il suffit de cliquer sur les deux
couleurs pour les configurer toutes les deux. Moi j’ai choisi les deux
couleurs ci-dessus.

J’applique donc un dégradé avec l’outil dégradé :



Pour appliquer le dégradé, il suffit de cliquer en haut de l’image, de
tenir cliqué, de descendre et de lâcher tout en bas de l’image. Bref, un
petit trait vertical de 20pixels avec la souris, et le dégradé est
fait. Ce qui donne :



Vous avez biensure le choix entre plusieurs modèles de dégradés, à vous de choisir dans les options en haut de l’écran



Création du motif :



Et oui, un petit effet bien connu des userbars est l’intégration d’un
motif dans le fond ! Alors vous allez suivre un autre tutoriel pour la
création du motif, cela peut être intéressant mais il s’agit d’un autre
tutoriel (Tutoriel sur les motifs). Voici le motif que j’ai créé pour l’appliquer au fond de la user barre :



Après avoir installé le motif comme expliqué dans le tutoriel dédié aux
motifs, il suffit de sélectionner le calque avec le fond (dégradé), puis
d’aller sur Edition > remplir ou bien SHIFT + F5 et sélectionner remplir avec Motif. Et voila, vous vous retrouvez avec ceci



Le texte :



Pour utiliser l'écriture de la userbar, il faut utiliser la police Visitor téléchargeable ICI.

Alors, commencez d’abord par saisir l’outil Texte bouton (T). Ensuite
vous allez choisir la couleur dans laquelle vous voulez écrire votre nom
ou autre chose. Moi je vais mettre « cave-a-yoyo.com » en blanc, je
trouve que ca pète bien avec un petit contour noir sur des tons orangés.
Alors pour cela, vous changez la couleur primaire en cliquant dessus,
c’est tout simplement. Puis vous cliquez dans votre document et tapez
votre texte. Utilisez la police Visitor TT1 BRK et vous règlerez la police sans effet, vous la mettrezsur Sans:



Ensuite vous pourrez le déplacer ou bon vous semble dans tout le document.



Ce n’est pas fameux ce blanc tout seul, un petit cadre noir de 1 pixel
aurait arrangé tout ca. Et bien c’est parti. Faites un clic droit sur
votre calque de texte, pour moi il a pris le nom de « cave-a-yoyo.com »,
puis dans le menu, cliquer sur Options de fusion



Une fenêtre apparait alors. Cliquez sur contour et cochez aussi la case.
Ensuite mettez une valeur de 1 pixel de largeur et une couleur noir, le
tour est joué !



Voila ce que ca donne, c’est déjà pas mal, juste avec un contour noir, c’est fou non ?



L’effet de Volume :



Prochaine étape, ajouter un effet de volume de manière très simple. Vous allez sélectionner l’outil sélection elliptique ou Outil ellipse de sélection. N’oubliez pas de créer un nouveau calque ( CTRL + SHIFT + N )



Puis vous allez tracer un ovale écrasé en hauteur qui sera plus grand
que la userbar afin que sa courbe inférieure fasse quelque chose comme
ceci :



Donnez lui maintenant la couleur blanche grâce à laquelle on va pouvoir faire cet effet. Pour cela allez dans Edition > Remplir et sélectionnez la couleur blanche dans le menu
Vous devriez avec quelque chose comme ceci :



Et voila, vous n’avez plus qu’à donner une certaine opacité au calque contenant l’ovale blanc pour provoquer l’effet de volume, par exemple 30% sera pas mal !



Et le résultat plutôt pas mal non ?



Les finissions :



Ensuite j’ai laissé allez mon imagination, comme c’est un tutoriel sur
Photoshop, j’ai été sur google image pour prendre quelques images sur
Photoshop. Après quelques copiés collés, quelques déplacements, quelques
recoupes et quelques fondus (Si vous avez oublié comment faire un fondu, un tutoriel est la pour vous aider : Tutoriel fondu dégradé photoshop)

J'ai aussi refait un contour autour de la userbar, vous n'êtes pas
obligé de le faire vous aussi évidemment mais si vous voulez le faire,
sachez qu'il faut faire exactement la même manipulation que pour le
contour noir du texte de tout à l'heure excepté que dans les options de
fusion, il ne faudra pas mettre Exterieur mais Intérieur dans le menu position afin de garder la même dimension de userbarre.

Et voila, j’en arrive à cela :




Et voila, je vous dis bon amusement avec ce tutoriel
Vous pouvez dès maintenant vous en faire une aussi!

source:tutomaker.com