Donc je sort de mon trou, la zone flood, pour poster ici mon tuto sur les UserBars.
Je precise, je l'avait fait sur le forum MegaMan Planet, donc j'utilise la banierre du forum.

Spoiler:

Donc pour créer une userbar vous aurez besoin de : -Votre PC ( ah bon vous en avez un ?) -The gimp, logiciel libre et gratuit, multi-OS -Les polices d'écriture (con comme nom je trouve) "visitor", que l'on trouve ici -Des images -Un peut de bonne volonté. Et cela devrait nous suffire ! 1- Tout d'abord, installer les polices d'écritures. Pour windows :arrow: aller dans : C:/WINDOWS/Fonts, et vous copiez les deux fichier après les avoir dezipper Pour Linux : vous dezippez les fonts(les polices d'écritures), et vous double-cliquez sur les deux. Dans la fenêtre qui s'ouvre, choisissez "installer cette police." et pis voila. 2 - Maintenant, on va ouvrir The gimp. Une fois ceci fait, allez dans fichier->Nouvelle image. Faite-en une de 350x20. puis, si vous avez l'intention d'en faire tout plein, je vous conseil de faire fichier->enregistrer comme modèle. pour le nom, soyons créatif : Bibi Userbar 350x20 Ensuite ici, nous pouvons : soit faire un fond dégradé, quand on met un logo, soit utiliser une image comme fond. Nous allons faire par une image de font. Allez dans Fichier->ouvrir en tant que calques... Et prenez l'image en question. Déplacez la avec l'outil de déplacement(M pour le raccourci clavier) Qui a dit que je me ferait chier ? XD 3 - Maintenant que l'image est bien placée, on met les lignes. Allez dans la fenêtre des calques et faites clic-droit-nouveau-calque. Nommez le "lines" pour faire classe... Ensuite dans la paléte a outils, prenez le dégrader (L) dans la partie en dessous de la boite a outils, En face de dégradé, cliquez sur le rectangle, descendez tout en bas, et prenez "Three bars sin" pour le mode de répétition, utilisez Onde triangulaire. Cela fait, allez sur votre image, et cliquez sur un point. tout en laissant cliquer, déplacez le curseur pas trop loin de votre 1er clic, puis relâchez. Tadadadaaaaa on obtient un zouli truc tout moche ! pour changer sa, il faut aller dans la fenêtre de calques, puis en face d'opacité, en haut, déplacez le petit "slider" pour avoir environ 30. Voila, c'est déjà mieux. 4 - Ensuite on vas mettre du texte : Dans la boite a outils, sélectionnez le texte(T)Dans la fenêtre en bas, on sélectionne la police. Prenez la 1ere visitor qui vous passe sous la main, et mettez le texte a 14 ou 16. Ensuite créez une zone de texte sur votre image, et tapez votre texte pas la pitite boite qui vient de s'ouvrir. ceci fait, "aménagez" votre texte sur l'image avec les pitis carrés. vous pouvez aussi changer la couleur du texte. 5 - Pour fignoler le tout, on vas ragouter de la lumière. Ça donne un coté classe XD Pour cela créez un nouveau calque. nommez le, puis sélectionnez l'outil de sélection elliptique. faite une sélection dans se genre la, puis prenez l'outil de remplissage, prenez du blanc, et remplissez-en la partie visible de la sélection. Utilisez la transparence pour atteindre 30 environ, vous savez comment faire. Pour finir, allez dans Filtres-> décor->ajouter une bordure. Mettez 1 pour la bordure X et Y, et en noir. Pour sauver, allez dans fichier-> enregistrer sous..., et nommez le "nomdufichier.jpg" Par contre touts les calques serons aplatit, donc soit vous terminez maintenant, soit vous enregistrez en.xcf, format de gimp qui prend en charge les calques. Et voila, j'espert que se tuto auras été clair pour tout le monde ! Sinon, j'en referait un, plus clair... Comment vous avez trouver ?

Nouvelle version !!

Spoiler:

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 : ici Pour Mac : ici Pour 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'appelerbibitraits(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 :

cette deuxieme version est largement(pour ne pas dire completement) inspirer d'un tuto du site du zero, mais ce tuto n'est plus sur leur site...
enfin je vais quand même mettre le lien au cas ou :
ici

comment vous trouvez ?

Le résultat est super joli ^^