Créer son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
ForumsFaire une UserBar !
      Imprimer le sujet FAQ  M'enregistrer 
  Vous êtes plutôt 100% Gratuit et disposez de The Gimp chez vous, pas de problèmes, la communauté a pensé à vous !
Des tutoriaux de toutes sortes pour The Gimp sont disponibles.

Faire une UserBar !

Messagede boulledogue le 25 Aoû 2007, 16:17

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 :
Image

Etape 2 : Mettez des guides verticaux à 50 et 400, et horizontaux à 20 et 39.
-Pour faire un guide :
Image

Voici maintenant où vous en êtes :
Image

Etape 3 : - Sélectionnez la barre au milieu (sur tout la longueur) et remplissez-là avec un dégradé comme ceci :
Image

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) :
Image

Vous pouvez appliquer différents Sript-fu pour rendre votre userbar unique !
Voilà où vous en êtes :
Image

Etape 5 : - Créez un nouveau calque transparent nommé Hachures.
Paramètres du calque :
Image

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 :
Image

Etape 7 : Changez le mode du Calque en Multiplier, Opacité : 30 comme ceci :
Image

Vous avez maintenant ceci :
Image

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 :
Image

Etapes 9 : - Cliquez sur le calque du texte, puis Alpha vers Sélection :
Image
Etape 10 : - Créez un nouveau calque.
Etape 11 : - Agrandissez la sélection de 1 pixel comme ceci :
Image
Image
Etape 12 :Remplissez là de noir comme le montre l’image suivante :
Image
Etape 13 : Placez ce calque en dessous du claque de texte, et fusionnez ces deux calques.
Voilà où vous devriez en être :
Image

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:
Image
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 :
Image
Etape 18 : Effacez les parties hautes est basses ce qui vous donne ça :
Image

Etape 19 : Créez un nouveau claque nommé Reflet =>
Image
Etape 20 : Faites une sélection elliptique du haut vers le milieu de la barre, sur toute la largeur comme ici :
Image
Etape 21 : Remplissez-la avec du blanc. Opacité : 30 comme ça :
Image

Etape 22 : Créez un nouveau calque nommé Cadre =>
Image
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) =>
Image
Image
Etape 25 : Découpez (Shift+C) l'image en sélectionnant la barre.
Image
Etape 26 : Aplatissez l’image :
Image
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:
Image
Voilà j'espère avoir pu vous aider ;-)
@+
Boulledogue
P.S.: Ce tuto a été réalisé par Boulledogue pour http://www.cclleemm.com et http://www.guillaumenormand.fr.tc. Veuillez me demander mon autorisation pour le recopier sur un autre forum/site.
P.S.2: Un version PDF est disponible en cliquant ici
Dernière édition par boulledogue le 26 Aoû 2007, 19:09, édité 1 fois.
Travaille actuellement sur www.restolity.be
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2254
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4455


Re: Faire une UserBar !

Messagede Cclleemm le 25 Aoû 2007, 16:31

Hey ch'tit Boulledogue !
Ton Tuto sera validé dans quelques temps pour etre site le site ! :bravo: !! Superbe Tuto de qualité avec un exelent résultat à la clef !
Je te félicite pour ce tutoriel de pro !
Maintenant, rien de plus facile que de créer une userbar ! En plus, tu est le premier tutoriel de la catégory The Gimp ! ;-D ;-D ;-D
Je te souhaite une bonne continuation jeune Plug'zien !!
Image
Avatar de l'utilisateur
Cclleemm
Admin'z
Admin'z
 
Messages: 2762
Inscription: 14 Mar 2007, 16:21
Localisation: Savoie
Points: 2003


Re: Faire une UserBar !

Messagede didz le 25 Aoû 2007, 17:50

IL y a un pti bug dans le tuto a l'Etape 5 , voila se qui bug dans cette phrase tu a oublier de metre un c a hachures toi tu a mis a hacures :-( Créez un nouveau calque transparent nommé Hacures.
Image
Avatar de l'utilisateur
didz
Funny Plug'z
Funny Plug'z
 
Messages: 167
Inscription: 16 Mar 2007, 19:15
Points: 0


Re: Faire une UserBar !

Messagede boulledogue le 26 Aoû 2007, 19:12

Mais je ne vois pas d'erreur moi :-x
Maaah non hein Didz^^ j'ai modifié ! merci de le dire afin de rendre ce tuto parfait!^^ mdr
++
Boulledogue
Travaille actuellement sur www.restolity.be
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2254
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4455


Re: Faire une UserBar !

Messagede didz le 26 Aoû 2007, 19:19

de rien
Image
Avatar de l'utilisateur
didz
Funny Plug'z
Funny Plug'z
 
Messages: 167
Inscription: 16 Mar 2007, 19:15
Points: 0


Re: Faire une UserBar !

Messagede user-not le 30 Mar 2008, 16:38

j'ai un petit probleme je n'ai pas a coté de filtre "scritp-fu" comment l'avoir?
Avatar de l'utilisateur
user-not
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 12
Inscription: 30 Mar 2008, 16:36
Localisation: Devant mon PC!
Points: 0


Re: Faire une UserBar !

Messagede jeromecold le 30 Mar 2008, 16:41

C'est à cause de ta version de Gimp, les scripts-fou sont les filtres maintenant pour la plupart d'entre je crois
Arobase plus
Avatar de l'utilisateur
jeromecold
Plug'zien Pro
Plug'zien Pro
 
Messages: 3156
Inscription: 05 Sep 2007, 13:18
Points: 2915


Re: Faire une UserBar !

Messagede user-not le 30 Mar 2008, 16:44

Faut t-il que je change de version? Si oui pouvais vous me dire la quel prendre si non dite moi comment puis-je continuer ma userbar?S'il vous plait!

Merci d'avance
1ere userbar:
Image
2eme userbar:
Image
3eme userbar:
Image
Avatar de l'utilisateur
user-not
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 12
Inscription: 30 Mar 2008, 16:36
Localisation: Devant mon PC!
Points: 0


Re: Faire une UserBar !

Messagede jeromecold le 30 Mar 2008, 16:53

Oulà, je ne me suis jamais penché sur le sijet, je ne sais pas faire d'userbarre avec Gimp, tu as esseyé avec Photofiltre, c'est plus simple et le résultat est similaire!
Arobase plus
Avatar de l'utilisateur
jeromecold
Plug'zien Pro
Plug'zien Pro
 
Messages: 3156
Inscription: 05 Sep 2007, 13:18
Points: 2915


Re: Faire une UserBar !

Messagede user-not le 30 Mar 2008, 16:59

Merci mais je vais telecharger le nouvelle version je vairais bien ce que sa donne
1ere userbar:
Image
2eme userbar:
Image
3eme userbar:
Image
Avatar de l'utilisateur
user-not
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 12
Inscription: 30 Mar 2008, 16:36
Localisation: Devant mon PC!
Points: 0


Re: Faire une UserBar !

Messagede boulledogue le 30 Mar 2008, 17:48

jeromecold a écrit:Oulà, je ne me suis jamais penché sur le sijet, je ne sais pas faire d'userbarre avec Gimp, tu as esseyé avec Photofiltre, c'est plus simple et le résultat est similaire!

Salut! Oula je ne suis pas trop d'accord moi! Le résultat avec Gimp ne comporte quasiment aucun effet escalier et les raynures sont parfaites tandis qu'avec photofiltre... enfin chacun ses goûts :-)
Travaille actuellement sur www.restolity.be
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2254
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4455


Re: Faire une UserBar !

Messagede jeromecold le 30 Mar 2008, 17:59

Je sais que tu n'es pas d'accord, tu me l'as déjà beaucoup dit! Mais c'est plus simple à faire quand même
Arobase plus
Avatar de l'utilisateur
jeromecold
Plug'zien Pro
Plug'zien Pro
 
Messages: 3156
Inscription: 05 Sep 2007, 13:18
Points: 2915


Re: Faire une UserBar !

Messagede user-not le 30 Mar 2008, 21:46

j'ai reussi merci pour le tuto!
1ere userbar:
Image
2eme userbar:
Image
3eme userbar:
Image
Avatar de l'utilisateur
user-not
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 12
Inscription: 30 Mar 2008, 16:36
Localisation: Devant mon PC!
Points: 0


Re: Faire une UserBar !

Messagede boulledogue le 31 Mar 2008, 10:28

Super elle est parfaitement réussie! Bien joué en tout cas et j'espère t'avoir aidé!
Bravo à toi et merci
@+
Boulledogue
P.S.: MonSiteGratuit sera toujours pas la pour toi :-)
Travaille actuellement sur www.restolity.be
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2254
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4455


Re: Faire une UserBar !

Messagede user-not le 31 Mar 2008, 20:01

Lien mort pour le tuto faire une userbarre pour la version PDF
Voila je pense que c'est tous a+
1ere userbar:
Image
2eme userbar:
Image
3eme userbar:
Image
Avatar de l'utilisateur
user-not
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 12
Inscription: 30 Mar 2008, 16:36
Localisation: Devant mon PC!
Points: 0


Suivant

Retourner vers The Gimp

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités