| Tutur Profil : New Penguin | Bonjour,
Nouveau sur ce forum, j'apprécie la qualité des tutos prososés ici, je vous propose mon premier en espérant qu'il soit assez clair...
L'objectif est de réaliser une Userbar avec Gimp. On trouve souvent ces barres dans les signatures des forums, elles servent à exprimer les goûts des gens de façon graphique.
Ce tuto est certainement perfectible, dites moi ce que vous en pensez.
Attention, si vous appliquez ce tuto pour faire une signature destinée à être utilisé sur ce forum, ne dépassez pas 250 pixels de largeur.
-----------------------------------------
- Créer un document de 450 x 60 avec fond transparent. (350x60 si destiné au forum CrystalXP)
- Mettez des guides horizontaux à 50 et 400, et verticaux à 20 et 39 (50 et 300 horizontalement si destiné au forum CrystalXP)
Pour faire ces guides commencer par afficher les règles (menu Affichage > Afficher les règles, puis Afficher les guides). Pour créer un guide, cliquer sur la règle et glisser jusqu'à l'endroit désiré.
- Faites une sélection de la barre au milieu (sur tout la longeur) et remplissez-la avec un dégradé.
- 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)
- Effacez les extrémités
- Créez un nouveau calque transparent nommé Trait.
- Sélectionnez la barre et 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
- Changez le mode du Calque en Multiplier, Opacité : 30
- Créez le texte 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.
- Cliquez sur le calque du texte, puis Alpha vers Sélection.
- Créez un nouveau calque.
- Agrandissez la sélection de 1 pixel et replissez là en noir.
- Mettez se claque en dessous du claque de texte, et fusionner ces deux calques.
- Ajoutons maintenant une petite image Wilbert (la mascotte de Gimp) http://www.gimp.org/images/news-icons/wilber_wizard.png
- Ouvrez cette image en tant que calque
- Re-dimensionnerez ce calque à 55 x 48
- Déplacez-le vers la gauche.
- Effacez les parties hautes est basses.
- Créez un nouveau claque nommé Reflet.
- Faites une sélection elliptique du haut vers le milieu de la barre, sur toute la largeur.
- Remplissez-la avec du blanc.
- Réglez l' Opacité à 30.
- Créez un nouveau calque nommé Cadre.
- Faites une sélection rectangulaire de la barre.
- Tracer la sélection en noir. (Épaisseur 1 pixel).
- Découpez (Shift+C) l'image en sélectionnant la barre.
- Aplatissez l'image.
- Sauvez en PNG, voilà, c'est terminé
On peut obtenir de nombreux effets différents avec Gimp, donc à la place d'ajouter un biseau au début, il est possible changer par d'autres scripte-fu histoire de varier vos barres
Version PDF ce tuto Message édité par Tardio le 19-07-2010 à 17:25:22
| |
Narco Voodoo child Profil : Modo | Ah... la bordure est coupée a droit et en bas  | |
Tutur Profil : New Penguin | Ah oui, étrange ça, pourtant l'utilisaiton des repère devrait éviter justement de depasser  Sinon, découpes l'image avant et sélectionne tout, trace le contour en noir et ça devrait être bon là. | |
frearnaud Profil : Top Penguin | Merci pour ce petit tuto bien pratique !  | |
Cybermencool Profil : Top Penguin | Bienvenue et merci ! un petit kit avatar signature rien que pour toi Bienvenue ! | |
ShAm. Profil : New Penguin | Est t il obligatoire d avoir Gimp pour ce tuto? je veux dire par la: Existe t il une version de ce tuto pour Photoshop? [Edit] Mirci K millio [/Edit] | |
k_millio Profil : Penguin Pro | Bah si tu utilises photoshop, pourquoi tu veut te faire une baniere Gimp User ? (Ok, ok, je sors ===>[] ) Sinon, il m'a l'air assez simple a retranscrir sur Photoshop. Donc si tu cherche un peu sous toshop, tu devrais pouvoir arriver a ce resultat ou a un resultat similaire PS: et bienvenue sur Crystal XP Sham  | |
Frana Profil : Penguin Pro | pas mal ce tuto Tutur merci  | |
Tutur Profil : New Penguin | Merci  C'est un debut, comme je l'ai dit, sûrement perfectible dans la réalisation. Pour faire le contour noir du texte par exemple, j'aimerai bien trouver quelque que chose de plus simple et de plus rapide... Les effets sur les calques comme sur Photoshop manquent cruellement à Gimp  | |
Sheepman Profil : New Penguin | Voilà la mienne J'ai juste changer GIMP USER en CRYSTALXP USER (c'est plus classe B) ) et la couleur . | |
Flashouille Profil : Top Penguin | | |
Tutur Profil : New Penguin | Sympa ta barre Sheepman J'en ai fait quelques-unes de plus, en variant les effet (Eblouissement en plus, ou une couche de dégradé vertical supplémentaire par exemple). En, définitive les possibilités sont grandes, inutile de rester sur un seul design.    Le fichier source (format xcf donc) de la barre Free > Free.xcf | |
Frana Profil : Penguin Pro | je vais essayer merci tutur  | |
Fazz Il jouait du piano debout... Profil : Penguin Pro | C'est joli Sheepman mais les yeux du Tux sont bleus... Simpa le tuto ! | |
Valdrin Profil : Big Penguin | | |
Tutur Profil : New Penguin | Elle sont très chouettes tes barres Valdrin  bonne variante et beaux effets  | |
Didas le soleil se lève avant moi, je me couche après lu Profil : God of Penguins | dois-je à nouveau rappeler les règles du forum quant à la taille des signatures? | |
Tutur Profil : New Penguin | Oups , désolé Changement effectué. J'ai mis des petits commentaires au tuto.... | |
Sheepman Profil : New Penguin | livan a écrit :
C'est joli Sheepman mais les yeux du Tux sont bleus... Simpa le tuto !
|
Normal ,c'est moi qui est fait le tux et j'avais envie de changer de l'ordinaire (même si c'est moche ) . Et puisque je n'avais pas l'image "de base" j'ai fait avec les moyens de bord (vive la flemme ). Pendant que j'y suis voilà une autre signature plus petite et très différente de l'original : Signature_tux.png EDIT : Erf ,j'ai ratter la bordure  | |
Didas le soleil se lève avant moi, je me couche après lu Profil : God of Penguins | ce n'était pas spécialement en rapport à ta signature, Tutur  (joli tuto, d'ailleurs, j'aime beaucoup ) je vais voir avec la Team pour autoriser une dimension précise... genre, la 350x20px. | |
Samoss13 Profil : Penguin | error firefox, pls delete me dude  | |
imacos Profil : Top Penguin | SUPER CE TUTO!!!!!! je lai fais car je debute dans GIMP et des tuto aussi bien expliquer sa aider beaucoup voila ce que j'ai obtenu a part que j'ai pas trouver Alpha vers selection. | |
Sheepman Profil : New Penguin | Pas mal pour un début Et pour que tu puisse l'améliorer, alpha vers séléction se trouve dans calque > transparence  | |
k-net Profil : Penguin Pro | Cool ce tuto Tutur  Valdrin : J'aime beaucoup tes barres "Addict"  | |
Fazz Il jouait du piano debout... Profil : Penguin Pro | Bonjour. Comment fait-on des repères avec The Gimp ? Merci d'avance P.S : Est ce que je peux créer des barres comme ça et les utiliser pour d'autres sites ? | |
| |