Entraide Graphique : Veracocha et 24 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18
Page Précédente 
Auteur
 Sujet :

[Tuto TheGimp] Faire une Userbar

 
n°13539
Tutur
Profil : New Penguin
Avatar
profil
Posté le 19-12-2005 à 11:47:31  
 

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é.

 

http://wiltur.free.fr/USERBARS/Barres/01-repère.jpg

 

- 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

 

http://wiltur.free.fr/USERBARS/Barres/02-Biseau.jpg

 

- 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

 

http://wiltur.free.fr/USERBARS/Barres/03-Traits.jpg

 

- Changez le mode du Calque en Multiplier, Opacité : 30

 

http://wiltur.free.fr/USERBARS/Barres/04-calque.jpg

 

- 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.

 

http://wiltur.free.fr/USERBARS/Barres/05-TextBlanc.jpg

 

- 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.

 

http://wiltur.free.fr/USERBARS/Barres/06-TextFini.jpg

 

- 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.

 

http://wiltur.free.fr/USERBARS/Barres/07-Logo.jpg

 

- 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.

 

http://wiltur.free.fr/USERBARS/Barres/08-Reflet.jpg

 

- Créez un nouveau calque nommé Cadre.
- Faites une sélection rectangulaire de la barre.
- Tracer la sélection en noir. (Épaisseur 1 pixel).

 

http://wiltur.free.fr/USERBARS/Barres/09-Cadre.jpg

 

- Découpez (Shift+C) l'image en sélectionnant la barre.
- Aplatissez l'image.
- Sauvez en PNG, voilà, c'est terminé :wink:

 

http://wiltur.free.fr/USERBARS/Barres/GimpUser.png

 


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

 

Version PDF ce tuto

answer
mood
GoogleAds
profil
Posté le 19-12-2005 à 11:47:31  
 

answer
n°13540
Narc0
Voodoo child
Profil : Top Penguin
Avatar
profil
Posté le 19-12-2005 à 12:06:33  
 

:he:

http://www.crystalxp.net/forum/uploads/sm/post-3292-1134990361_thumb.jpg

 

Ah... la bordure est coupée a droit et en bas  :err:

answer
n°13542
Tutur
Profil : New Penguin
Avatar
profil
Posté le 19-12-2005 à 13:15:04  
 

Ah oui, étrange ça, pourtant l'utilisaiton des repère devrait éviter justement de depasser :frown:
Sinon, découpes l'image avant et sélectionne tout, trace le contour en noir et ça devrait être bon là.

answer
n°13543
frearnaud
Profil : Top Penguin
Avatar
profil
Posté le 19-12-2005 à 15:49:46  
 

Merci pour ce petit tuto bien pratique ! :great:

answer
n°13544
Cybermencool
Profil : Top Penguin
Avatar
profil
Posté le 19-12-2005 à 18:01:21  
 

Bienvenue et merci !

 

un petit kit avatar signature rien que pour toi  :happy2:  Bienvenue !

answer
n°13545
ShAm.
Profil : New Penguin
Avatar
profil
Posté le 19-12-2005 à 18:48:53  
 

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  :mdr: [/Edit]

answer
n°13546
k_millio
Profil : Modo
Avatar
profil
Posté le 19-12-2005 à 19:02:09  
 

Bah si tu utilises photoshop, pourquoi tu veut te faire une baniere Gimp User ? :he:
(Ok, ok, je sors :he: ===>[] )

 

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

 

PS: et bienvenue sur Crystal XP Sham :jap:

answer
n°13547
Franatix
Certe, Tout est relatif ..
Profil : Penguin Pro
Avatar
profil
Posté le 20-12-2005 à 00:41:30  
 

pas mal ce tuto Tutur merci  :great:

answer
n°13548
Tutur
Profil : New Penguin
Avatar
profil
Posté le 20-12-2005 à 07:59:14  
 

Merci :smile:
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 :frown:

answer
n°13549
Sheepman
Profil : New Penguin
Avatar
profil
Posté le 20-12-2005 à 11:21:22  
 

http://www.crystalxp.net/forum/uploads/sm/post-5591-1135073951_thumb.jpg

 

Voilà la mienne  :tongue:

 

J'ai juste changer GIMP USER en CRYSTALXP USER (c'est plus classe  B) ) et la couleur .

answer
n°13550
Flashouille
Profil : Top Penguin
Avatar
profil
Posté le 20-12-2005 à 11:37:21  
 

Mais pas la police!

answer
n°13551
Tutur
Profil : New Penguin
Avatar
profil
Posté le 20-12-2005 à 12:27:55  
 

Sympa ta barre Sheepman  :smile:

 

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.

 

http://wiltur.free.fr/USERBARS/UGimp2.png

 

http://wiltur.free.fr/USERBARS/Mame.png

 

http://wiltur.free.fr/USERBARS/UFree.png

 

Le fichier source (format xcf donc) de la barre Free > Free.xcf

answer
n°13552
Franatix
Certe, Tout est relatif ..
Profil : Penguin Pro
Avatar
profil
Posté le 20-12-2005 à 12:53:18  
 

je vais essayer merci tutur  :great:

answer
n°13553
Fazz
Il jouait du piano debout...
Profil : Penguin Pro
Avatar
profil
Posté le 20-12-2005 à 21:40:00  
 

C'est joli Sheepman mais les yeux du Tux sont bleus...

 

Simpa le tuto !

answer
n°13554
Valdrin
Profil : Big Penguin
Avatar
profil
Posté le 20-12-2005 à 21:54:05  
 

Pas mal du tout le tuto :

 

http://modos.graphac.com/StarDust/minisigns/gimp.gif http://modos.graphac.com/StarDust/minisigns/firefox.gif http://modos.graphac.com/StarDust/minisigns/stargate.gif http://modos.graphac.com/StarDust/minisigns/potter.gif     http://modos.graphac.com/StarDust/minisigns/msn.gif http://val-design.info/images/sign.jpg

answer
n°13555
Tutur
Profil : New Penguin
Avatar
profil
Posté le 20-12-2005 à 23:36:19  
 

Elle sont très chouettes tes barres Valdrin :smile:
bonne variante et beaux effets :wink:

answer
n°13557
Didas
le soleil se lève avant moi, je me couche après lu
Profil : God of Penguins
Avatar
profil
Posté le 21-12-2005 à 00:36:58  
 

dois-je à nouveau rappeler les règles du forum quant à la taille des signatures?

answer
n°13558
Tutur
Profil : New Penguin
Avatar
profil
Posté le 21-12-2005 à 07:56:28  
 

Oups , désolé  :err:

 

Changement effectué.
J'ai mis des petits commentaires au tuto....

answer
n°13559
Sheepman
Profil : New Penguin
Avatar
profil
Posté le 21-12-2005 à 12:46:00  
 

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 :mdr: ) .
Et puisque je n'avais pas l'image "de base" j'ai fait avec les moyens de bord :smile: (vive la flemme :tongue: ).

 

Pendant que j'y suis voilà une autre signature plus petite et très différente de l'original :smile: :
Signature_tux.png

 

EDIT : Erf ,j'ai ratter la bordure :frown:

answer
n°13560
Didas
le soleil se lève avant moi, je me couche après lu
Profil : God of Penguins
Avatar
profil
Posté le 21-12-2005 à 13:17:48  
 

ce n'était pas spécialement en rapport à ta signature, Tutur :jap:

 

(joli tuto, d'ailleurs, j'aime beaucoup :great: )

 

je vais voir avec la Team pour autoriser une dimension précise... genre, la 350x20px.

answer
n°13565
Samoss13
Profil : Penguin
Avatar
profil
Posté le 21-12-2005 à 17:19:34  
 

error firefox, pls delete me dude :tongue:

answer
n°13572
imacos
Profil : Top Penguin
Avatar
profil
Posté le 22-12-2005 à 13:41:02  
 

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.

answer
n°13580
Sheepman
Profil : New Penguin
Avatar
profil
Posté le 22-12-2005 à 20:10:36  
 

Pas mal pour un début :smile:

 

Et pour que tu puisse l'améliorer, alpha vers séléction se trouve dans calque > transparence  :wink:

answer
n°13581
k-net
Profil : Penguin Pro
Avatar
profil
Posté le 22-12-2005 à 21:46:43  
 

Cool ce tuto Tutur :great:

 

Valdrin : J'aime beaucoup tes barres "Addict" :wink:

answer
n°13582
Fazz
Il jouait du piano debout...
Profil : Penguin Pro
Avatar
profil
Posté le 24-12-2005 à 15:13:26  
 

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 ?

answer
 Page :  1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18
Page Précédente 

Aller à :
Ajouter une réponse