UserBars
Tutoriel Graphisme - Infographie
Généraliste

Introduction :

Ce petit tutorial est trés général, il ne s'applique à aucun logiciel en particulier.
PaintShop Pro, Photoshop ou Gimp sont recommandés.
Tous les calques qui devront être créés seront forcement à fond transparent. (Sauf le calque de fond, sauf si vous le désirez.)


Première étape : Préparation

Créer la trame des hachures, pour cela créer une image transparente de 10px par 10px.
Et dessiner la diagonale pixel par pixel d'en bas à gauche à en haut à droite.



Creer une nouvelle image de 350px par 19px.
Une fois fait, il faut savoir travailler avec les calques.

Creer un calque "Hachure" et remplissez-le avec la trame que avez créé avec une réduction de 50% pour affiner les hachures.
Ensuite rendez ce calque translucide à 50%.



Créez un nouveau calque, vectoriel celui-ci, appelé "Effet", pour y ajouter un ovale plein jusqu'à la moitié de la barre pour le point le plus bas,
et que l'ovale coupe l'extrémité de l'image dans les angles supérieurs.
Une fois fait, rendez ce calque translucide à son tour. Veillez à ce qu'il soit toujours au dessus des images et du texte.



Pour finir, il suffit de faire un cadre noir sur la périphérie de l'image, dans un calque "Cadre", supérieur à tous les autres ...




Troisième étape : Fond

Dans le calque inférieur à tous les autre, que vous appelerez "Fond", vous pourrez y mettre, de préférence un dégradé de couleur, ou bien un image pleine.
Pour ne pas masquer l'image de fond, il sera alors préferable de cacher le calque "Hachure".




Deuxième étape : Logo ou Image

Vous pouvez maintenant insérer un logo et une image comme bon vous semble en vous souvenant toujours que vous n'avez que 17 pixels de hauteurs.
Pour ce faire, vous devez créer un calque "Image" et/ou "Logo" à mettre entre le calque "Hachure" et "Effet".




Quatrième étape : Texte

Dans un calque "Texte", vous allez pouvoir écrire votre petit commentaire ...
Avec deux méthodes au choix :
1) Vous dessinez vous même les lettres une par une.
2) Vous utilisez la police : Redensek en taille 10.
Une fois les lettres blanches écrites, vous pouvez faire un contour noir d'une largeur de 1px.




Cinquième étape : Enregistrement

Pour que votre barre soit acceptée sur un forum, par exemple, vous avez le choix entre 3 formats : Gif, Jpeg et Png.
Le Gif n'étant plus utilisé que pour les animations, le Jpeg diminuera la qualité des peu de pixels qui seront dans le barre ...
Je vous conseil donc le format Png qui préservera les couleurs et qui, si vous le désirez, permettra à votre image d'avoir un fond translucide.


Remarque importante :

Une fois votre première barre créée, vous pouvez trés bien enregistrer votre image au format du logiciel utilisé pour conserver l'intégralité de vos calques et ainsi pouvoir, plus tard, le réutiliser et n'avoir plus qu'a changer le fond, le logo, l'image et le texte.

A vous de jouer !

Liens :
Tutorial pour Gimp : http://www.userbars.com/gimp_tutori...or_userbars.htm
Tutorial pour PaintShop Pro : http://www.deviantart.com/view/27886574/
Tutorial pour Photoshop : http://www.m3xvv.co.uk/ubtut/