Une UserBar est une image qu'on trouve souvent dans les forums qui sert à exprimer les goûts de quelqu'un de façon graphique.
Elle a maximum 400px de large et 30px de hauteur (px = pixel)
____________________________________________________________________________
Requis :
# police d'ecriture Visitor ;
# Et d'un logiciel supportant les calques (Gimp, Photoshop, Photophiltre)
____________________________________________________________________________
Pour avoir The gimp(On prononce "guimp" (comme dans guitare) et non "jimp"), môsieur le logiciel multipplatefomes, allez :
Pour Windows :
iciPour Mac :
iciPour Linux : "sudo apt-get install gimp" dans une commande
Pour avoir la police Visitor :
la____________________________________________________________________________
Pour l'installer sous windows :
Décompressez l'archive et mettez tous les fichiers dans le dossier Fonts :
C:\Windows\Fonts
Pour l'installer sous linux :
Décompressez l'archive et lancez les .ttf, font manager se lance, cliquez sur installer et pis voila
Pour l'installer sous Mac :
J'en sait rien... mais aussi les mac-user sa court pas partout dans le forum.
____________________________________________________________________________
Le style d'une userbar n'est jamais le même : par exemple, pour l'une, on utilise une image comme fond, sur une autre, c'est une dégradé, sur une troisième, uniquement un logo...
Bref, pour résumer, il faut toujours essayer de varier :
* Le fond (image, couleur ou dégradé) ;
* l'éclairage ;
* le texte (soit une image, ou un texte appliqué plus tard) ;
* les traits (facultatif), ça peux aussi être des motifs comme des points, ou une grille.... ;
* et le logo (facultatif).
Nous y voilà, nous allons donc commencer la création de votre première UserBar ! Celle-ci comportera un image de fond, des traits classiques, du texte, un éclairage en haut (optionnel, mais c'est généralement le cas...) et une bordure (ou cadre).
Pour l'image de fond, vous utiliserez celle que vous voulez. moi je vais prendre celle la :
Comment ça elle vous dit quelque chose ?
Non, je ne me fais pas chier, pourquoi ?Donc. Faite Fichier->Nouveau ou bien Ctrl+N, pour ouvrir cette fenêtre :
Mettez, comme sur l'image, 350 Pixels pour la largeur et 20 pixels pour la longueur. C'est la taille dite "standard" d'une UserBar, mais par la suite, vous pourrez prendre d'autres dimensions.
Cette fenêtre s'affiche après validation :
_____________________________________
Nous allons faire entrer sur scène l'image que vous avez choisi.
Faites "Fichier->Ouvrir en tant que calque..." ou bien Ctrl+Alt+O, une fenêtre, alors, s'ouvre. dedans, votre image vous sélectionnez puis sur "ouvrir" vous cliquez :
Maintenant, déplacez-la dans le document en cliquant sur l'outil "Déplacement" :
,(raccourci : M, cet outil se trouve dans la boite à outils ). Cliquez sur votre image, et bougez-là de façon à obtenir un résultat convenable (et de façon à comprendre ce qu'elle représente ^^)
...
...
...
Qui est le graphiste qui n'a pas mi les yeux de Subaru et Vent sur la même ligne !!!?!??!!!!?!!???!!
Enfin bon... je vais me taire parce que sinon je vais passer au ban moi.
_____________________________________
Voici venir les traits avec les dégradées !
Nous allons créer un nouveau calque, pour cela, rendez-vous dans la fenêtre "Calques", et cliquez sur le bouton
(il se trouve en bas à gauche de la fenêtre).
Et comme nous les graphiste
pro comme nous, on donne tous des pitit noms tout minions a nos création, on vas l'appeler
bibitraits(oh mon dieux que c'est inventif).
ATTENDEZ AVANT DE VALIDER ! Vérifiez que c'est bien en mode transparent !
Ensuite, votre fenêtre ressemble a sa :
Poursuivons, dans la boite à outils, sélectionnez l'outil dégradé : Img11, (raccourci : L(oh tien mon psedo !), votre boite d'outils doit maintenant afficher les informations concernant le dégradé, pour commencer, cliquez sur le gros bouton noir et blanc se trouvant à droite du texte "Dégradé :" dans la boite à outils, et sélectionnez le dégradé "Three Bar Sin" (il se situe assez bas dans le menu contextuel) :
Et toujours dans la même fenêtre, à côté de "Répétition", sélectionnez "Onde Triangulaire" :
Maintenant, passons à l'action, déjà, faites Ctrl+Un coup de molette vers le haut pour zoomer d'un cran, ou bien appuyez sur + (ou Maj+ + pour les PC sans pavé numérique).
Cliquez sur votre image pour donner un point "repère", restez enfoncé et relâchez lorsque les 2 croix (le deuxième étant crée lors du relâchement) forment un carré. Enfin moi je fait comme cha, mais vous pouvez prendre l'
ecartelment ecartement que vous voulez :
Plus le segment séparant les 2 points est long, plus les traits seront gros !
Si jamais vous voulez recommencer, parce que l'orientation des traits ne vous plait pas, faites impérativement Ctrl+Z pour annuler le dégradé précèdent avant d'en commencer un autre !
Je vous l'accorde, c'est en noir et blanc, on voit plus notre fond, et en plus c'est pas symétrique. Pour remédier à ça, rendez vous dans la fenêtre calques, assurez-vous d'avoir le calque "Traits" sélectionné (sinon, cliquez dessus) :
Vous voyez le petit slider a coté de "Opacité" ? Faites-le glisser vers la gauche jusqu'à que l'opacité soit environ à 30 :
Regardez votre UserBar (en dezoomant) :
Valaaaa...
_______________________________________
Maintenant, c'est une étape assez importante,le texte. Si vous tenez à faire comprendre quelques chose sur votre UserBar, pour commencer, assurez vous d'avoir la police Visitor installée sur votre ordinateur, une fois que c'est vérifié, cliquez sur le bouton "texte" dans la boîte d'outil :
(raccourci : T) , une fois sélectionné, dessinez un rectangle là ou vous voulez écrire votre texte (je vous conseille de rezoomer un coup) :
Une petit fenêtre s'ouvre, écrivez votre texte puis fermez-là :
Vous pouvez le constater, le texte est bien trop gros.... pour remédier à cela, allez dans la boite à outils, et sélectionnez la police "Visitor TT2 BRK", puis mettez la taille à 16 (ou à 14).Vous pouvez changer la couleur si nécessaire :
Ensuite, modifiez votre rectangle de sélection grâce aux 4 carrée situés dans ses angles pour arranger votre texte.
Le texte est terminé !, prochaine étape, l'éclairage !
___________________________________
L'éclairage, est ce qui donne un "effet" plus professionnel (et surtout plus joli) à L'UserBar.
Une simple demi-ellipse blanche avec une opacité à 30 fera l'affaire. Pour commencer, créez un nouveau calque et nommez-le "Eclairage", en mode transparent, vous devez savoir comment faire, sinon, relisez la partie sur les traits. Donc dans votre fenêtre "Calques", vous devez avoir ça :
Nous allons utiliser l'outil "Sélection Elliptique". Cliquez sur :http://pix.toile-libre.org/?img=1292150735.jpg (raccourci : E), cet outil marche comme le rectangle pour l'outil "Texte", créez en une, et modifiez-là avec les carrés pour obtenir quelque chose comme-ça :
Maintenant, on va le remplir de blanc avec l'outil "Remplissage":
(raccourci : Maj+B). Une fois que vous avez cliqué dessus, dans la partie basse de la barre d'outils, Dans la partie "Type de remplissage", choisissez "remplir avec la couleur d'AP", cette couleur, par défaut, est blanche, mais vous pouvez la changer en cliquant là :
Si vous ne voyez pas bien, vous devez cliquer dans le rectangle blanc (sur l'image), pour changer cette couleur, mais si elle est déjà blanche, ne touchez à rien
.
Une fois la couleur paramétrée, remplissez l'ellipse comme avec l'outil "Remplissage" de Paint, cliquez simplement sur l'ellipse :
Ensuite, réglez l'opacité du calque "Eclairage" à 30, je ne vous fais pas d'aperçu, vous devez en être capables seuls !
Voila ce que l'on obtient :
Nous avons bientôt fini, il ne reste plus que la bordure à mettre !
__________________________________
Dans une UserBar, la bordure est le trait de 1 pixel qui l'encadre, une bordure est facultative, mais ça fait "plus propre" (donc plus pro). Pour faire un bordure, allez dans la fenêtre principale contenant votre document, et dans la barre de menu, faites : "Filtres->Décor->Ajouter une bordure...", une fenêtre s'ouvre alors. Renseignez la taille X(abscisses) et Y(ordonnées) de la bordure (pour nous, 1 pixel) puis cliquez sur le rectangle bleu pour changer la couleur, sélectionnez du noir :
Et taddadadadadaaaa :
Oui, on voit rien, mais si on sauvait sa irait mieux non ?
Vous voila avec une UserBar !!!!
moi avant de sauver je vais entourer le texte, comme Shiny me l'a fait remarquer.
voila :
Accès rapide
L'univers Megaman
Les séries
La communauté MMP
A part Megaman...
2014
Messages
Localisation
M-Chips : 
aller dans : C:/WINDOWS/Fonts, et vous copiez les deux fichier après les avoir dezipper
