mercredi 26 novembre 2008

Faire votre UserBat avec The Gimp

La Userbar ? Quel est ce nom barbare ... Bien sur, c'est le nouveau type de signature que vous voyez partout sur les forums ... Dans ce tutoriel, vous allez apprendre à les créer facielement en respectant les normes et les tailles avec the Gimp

source : MON SITE GRATUIT

Aperçu de la UserBar:image

image

Un version PDF est disponible en cliquant ici
Bonjour tout le monde !
Je vais maintenant vous apprendre à faire une Userbar avec mon programme préféré : The Gimp.
L'Userbar fera 350x19 pixel
Etape 1 :
Tout d’abord, créez un nouveau document. Taille : 450 x 60. Fond : transparent. Comme ceci :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/creernewdoc.jpg
Etape 2 : Mettez des guides verticaux à 50 et 400, et horizontaux à 20 et 39.
-Pour faire un guide :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/mettre_les_guides.jpg
Voici maintenant où vous en êtes :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/les_guides.jpg
Etape 3 : - Sélectionnez la barre au milieu (sur tout la longueur) et remplissez-là avec un dégradé comme ceci :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/degrade.jpg
Etape 4 : Puis appliquez le Script-Fu > Décor > Ajouter un biseau ( Épaisseur 12, décochez les cases : Travailler sur une copie, et Conserver le calque de relief) :

http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/ajouter_biseau.jpg
Vous pouvez appliquer différents Sript-fu pour rendre votre userbar unique !
Voilà où vous en êtes :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/apres_biseau.jpg
Etape 5 : - Créez un nouveau calque transparent nommé Hachures.
Paramètres du calque :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/calque_hachures.jpg
Etape 6 :
Séléctionnez la barre avec l’outil « sélection rectangulaire ».
Remplissez-la avec le dégradé « Three bars sin » , Forme : Linéaire/ Répétition : Onde Triangulaire/ Tracez-le à 45° avec un Mélange 8,8 ce qui vous donne ceci :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/hachures.jpg
Etape 7 : Changez le mode du Calque en Multiplier, Opacité : 30 comme ceci :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/changer_le_mode_du_calque.jpg
Vous avez maintenant ceci :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/apres_changement_mode_calque.jpg

Etape 8 : - Venons en au texte ! Créez le texte que vous souhaitez avec la police Visitor, Taille : 14 et Couleur : Blanc. (police disponible ici http://www.dafont.com/fr/font.php?file=visitor )
Placez-le à droite au milieu.
Vous devriez obtenir ça :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/texte.jpg

Etapes 9 : - Cliquez sur le calque du texte, puis Alpha vers Sélection :


http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/alpha_vers_selection.jpg

Etape 10 : - Créez un nouveau calque.

Etape 11 : - Agrandissez la sélection de 1 pixel comme ceci :


http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/pour_agrandir.jpg


http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/agrandir_selection.jpg

Etape 12 :Remplissez là de noir comme le montre l’image suivante :


http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/rempli_de_noir.jpg

Etape 13 : Placez ce calque en dessous du claque de texte, et fusionnez ces deux calques.


Voilà où vous devriez en être :


http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/apres_texte.jpg
Etape 14 : Nous allons maintenant ajouter une belle image de Plug’z disponible ici
Etape 15 : Ouvrez cette image en tant que calque vous obtenez:
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/apres_plugz.jpg
Etape 16 : Redimensionnez ce calque à 26 x 28 (pour redimensionnez le calque, cliquez sur calque=>Echelle du calque.
Etape 17 : Déplacez-le vers la gauche comme ceci :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/plugz_a_gauche.jpg
Etape 18 : Effacez les parties hautes est basses ce qui vous donne ça :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/plugz_sans_limite.jpg
Etape 19 : Créez un nouveau claque nommé Reflet =>
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/calque_reflet.jpg
Etape 20 : Faites une sélection elliptique du haut vers le milieu de la barre, sur toute la largeur comme ici :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/selection_elliptique.jpg
Etape 21 : Remplissez-la avec du blanc. Opacité : 30 comme ça :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/selection_blanche.jpg
Etape 22 : Créez un nouveau calque nommé Cadre =>
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/calque_cadre.jpg
Etape 23 : Faites une sélection rectangulaire de la barre.
Etape 24 : Tracez la sélection en noir (Ici, j'ai trouvé que le rouge faisait plus beau, à vous de juger). (Épaisseur 1 pixel) =>
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/comment_tracer_la_selection.jpg
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/tracer_la_selection.jpg
Etape 25 : Découpez (Shift+C) l'image en sélectionnant la barre.
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/decoupage.jpg
Etape 26 : Aplatissez l’image :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/aplatir_image.jpg
Etape 27 : Voilà c’est terminé, il n’y a plus qu’à sauvegarder en PNG et c’est terminé ;-)
Voilà ce que ca donne chez moi:
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/13/cclleemmuserbar.png
Voilà j'espère avoir pu vous aider ;-)
@+
Boulledogue
P.S.: Ce tuto a été réalisé par Boulledogue pour http://www.cclleemm.com ethttp://www.guillaumenormand.fr.tc.

Un très bon tuto pour créer sa userbar

0 commentaires:

Enregistrer un commentaire

Partagez !

Related Posts Plugin for WordPress, Blogger...