1
PS Tutoriel photoshop Créer une signature userbarre pour forum le Mer 15 Déc - 15:12
★★★↓↓↓↓↓↓↓↓↓↓↓↓〓〓〓〓〓点一点＾＿＾〓〓〓〓〓↓↓↓↓↓↓↓↓↓↓↓↓更健康★★★Admin
Admin
Titre: Créer une signature userbarre pour forum
Description:La fameuse userbar (barre d'utilisateur ou userbarre) qu'on voitpartout dans les signatures de nombreux forums a bien sûr son propreformat ! C'est pour cela qu'on la reconnait tout de suite
Voici doncune manière de réaliser une user bar avec photoshop en respectant cesrègles !Dernière modification: Le 13/01/2009 à 18h23
Auteur: Yoyo
Introduction
google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);
Bonjour, bonjour, c’est l’heure du cours
Nous allons maintenant vous apprendre à faire une signature très connuequ’est la userbar (barre d’utilisateur) ! Expliqué à ma façon pour lesdé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 votresignature userbar evidemment. Vous pouvez choisir d’insérer une seulecouleur ou bien un dégradé. Si vous choisissez une seule couleur, ilsuffit de la choisir en cliquant sur la couleur primaire :
Si vous voulez faire un dégradé, il suffit de cliquer sur les deuxcouleurs pour les configurer toutes les deux. Moi j’ai choisi les deuxcouleurs 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, detenir 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é estfait. 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’unmotif dans le fond ! Alors vous allez suivre un autre tutoriel pour lacréation du motif, cela peut être intéressant mais il s’agit d’un autretutoriel (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é auxmotifs, 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). Ensuitevous allez choisir la couleur dans laquelle vous voulez écrire votrenom ou autre chose. Moi je vais mettre « cave-a-yoyo.com » en blanc, jetrouve que ca pète bien avec un petit contour noir sur des tonsorangés. Alors pour cela, vous changez la couleur primaire en cliquantdessus, c’est tout simplement. Puis vous cliquez dans votre document ettapez 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 pixelaurait arrangé tout ca. Et bien c’est parti. Faites un clic droit survotre 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 lacase. Ensuite mettez une valeur de 1 pixel de largeur et une couleurnoir, 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 grandque la userbar afin que sa courbe inférieure fasse quelque chose commececi :
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 surPhotoshop, j’ai été sur google image pour prendre quelques images surPhotoshop. 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 pasobligé de le faire vous aussi évidemment mais si vous voulez le faire,sachez qu'il faut faire exactement la même manipulation que pour lecontour noir du texte de tout à l'heure excepté que dans les options defusion, 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! hihi
A bientôt !
