[Plan du site]
Vous êtes ici ---
> Le Site du Zéro
> Les tutoriels
> Non-Officiels
> Graphisme
> PhotoFiltre
> Créer une UserBar
> Lecture du tutoriel
Créer une UserBar
Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
Je vous vois déjà vous demander :
C'est quoi une UserBar ?

Une UserBar est une barre graphique qui se place généralement dans une signature pour indiquer par exemple qu'on joue à Counter-Strike, ou alors qu'on aime le Site du Zéro, ou encore qu'on utilise Windows XP...
Trève de bavardages, on commence !
PhotoFiltre est un logiciel gratuit créé par Antonio Da Cruz.
Le site officiel est
www.photofiltre.com.
La
version sur laquelle nous travaillerons est la 6.2.6.
Créer des UserBars est quelque chose de très demandé et certains pensent qu'il est difficile d'en faire une, mais vous découvrirez après avoir lu ce tutoriel (ou celui de
Lydriel pour Photoshop) que ce n'est pas si difficile !
Je suis sûr que vous mourrez d'envie de commencer à travailler

, alors allons-y !
Ouvrez PhotoFiltre et créez un nouveau fichier (
fichier->Nouveau... ou faites Ctrl+N ou cliquez sur 
).
Vous obtenez cette fenêtre :
Remplissez là comme celle-ci (
Largeur : 350 pixels, hauteur : 19 pixels).
C'est tout simple, on obtient une image de fond blanc de largeur 350 pixels et de 19 pixels de hauteur, c'est le format idéal pour les userbars :
Vous avez deux choix ici, vous pouvez :
- Soit faire un dégradé de 2 couleurs (si possible pas trop claires).
- Soit faire un fond monochrome (une seule couleur).
Ici, je ferai un dégradé, je vais donc dans l'onglet dégradé (

).
Si vous décidez de faire un fond monochrome il vous suffit de cliquer sur une des couleurs à droite et sur le pot de peinture renversé.
J'obtiens ceci :
Je choisis mes deux couleurs.
J'obtiens ceci :
Une fois ceci fait, je sélectionne toute l'image (Ctrl+A) et fait un clique droit, puis contour et remplissage :
Vous obtenez ceci :
Réglez les valeurs comme ceci.
Cela veut juste dire que vous aurez des lignes noires (pas trop visibles) de travers (vous n'êtes pas obligé de les mettre mais c'est pour le style

).
Cela donne ça :
Cette étape sert à faire un effet 3D qui rendra l'userbar plus réaliste.
Sélectionnez le tout (
Ctrl+A), faites une ellipse (

).
Faites un clique droit sur l'ellipse, paramétrage manuel :
Cette fenêtre s'ouvre :
Une fois avoir fait ça, retournez dans dégradé (

).
Cette fois, mettez monochrome, direction Haut/Bas et en blanc.
Vous obtenez ceci :
Cela fait un effet de lumière venant du haut.
On obtient donc ceci, après avoir réglé comme je l'ai fait !
Cette partie est optionnelle.
Choisissez une image de fond (ou créez la

), moi je prends une image de feu et je la mets dans un nouvel onglet, j'obtiens ceci :
Je la copie et la colle dans l'userbar, comme vous pouvez le remarquer il va falloir l'éclaircire un petit peu, je fais clic droit, options de collage :
Je règle comme ceci :
Cela donne :
Avant tout, téléchargez
cette police,
décompressez le tout dans
C:\WINDOWS\Fonts.
C'est reparti

!
Resélectionnez tout (Ctrl+A), appuyez sur l'icône du texte (

).
Choisissez la police
Visitor TT2 BRK (c'est ce que vous venez de télécharger) en taille 10 et en blanc.
Allez dans l'onglet
Effets et cliquez sur Contour, choisissez la couleur noire (sauf si votre fond est noir !) :
Vous avez donc écrit votre texte, il va maintenant falloir mettre le texte à droite.
Vous refaites clique droit, Paramétrage manuel, vous mettez Automatique et vous cliquez sur le point de droite.
Nous allons un peu décaler le texte à gauche pour que ce ne soit pas collé au bord.
Revenez dans le Paramétrage manuel, cette fois, allez dans Manuelle, en Coordonnées X, faites ce qui est affiché (A, ci-dessous) - 5 (par exemple vous aviez 319, vous mettez donc 314 puisque 319 - 5 = 314 !) :
On obtient ceci :
Avant tout, rajoutez un contour (Contour et remplissage, dessinez le contour, noir, 1 pixel de largeur) :
Vous pouvez rajouter des images comme ici :
Ou faire d'autres modifications :
Pour faire ce fond, j'ai utilisé un Photomasque (Dilution), j'ai aussi pris deux images, j'ai pris une première image (celle que l'on voit en couleur), pour faire la deuxième, je suis allé dans Filtre-> Couleur -> Niveau de gris et je l'ai ensuite agrandie.
Vous pouvez aussi essayer d'en faire une animée (pourquoi pas

) !
Vous pouvez toujours consulter
ce site qui propose de nombreuses UserBars.
Je vous souhaite bonne chance !