27 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto TheGimp] Bouton II

 
n°14710
dimebag_hammett
Un type cynique et chiant
Profil : Big Penguin
Avatar
profil
Posté le 05-07-2006 à 17:45:53  
 

Bon, conscient du fait que mes premier bouton n'etait pas fameux (merci a ceux qui me l'ont fait remarqué :smile: )  
je vous propose une seconde version, rectangulaire, de cet aspect la :
 
http://www.tmdwebsite.info/bouton2.png
 
1- Creer un nouveau document 400X400 transparent
 
2- Faites une selection rectangulaire de 240 pixels de largeur et de 80 pixels de hauteur
 
3-Faites un dégradé avec comme couleurs "71c6de" et "007b9a" (ces codes doivent etre entrés dans la partie notations HTML lorsque vous choisissez votre couleur)
 
4-Tracez le dégradé de la droite vers la gauche
 
Vous devez avoir ca
 
http://tmdwebsite.info/etape1.png
 
bon quand vous en etes la :
 
Déselctionnez le rectangle (Ctrl+shift+A)
 
5-Creez un nouveau calque et placez le sous le 1er calque
 
6-Tracez une selection relectangulaire quoi doit etre superposée et de la meme taille que celle contenant le dégradé.
 
7-Remplissez la avec "007b9a"
 
8-Selectionnez le calque Arriere plan, qui se trouve au-dessus
 
9-Faites une selections élliptique de cette facon la :
 
http://tmdwebsite.info/etape9.png
 
Surtout ne la déselectionnez pas !!! Mettez votre souris au milieu faite clic gauche et gardez enfoncé et deplacé la hors du rectangle, apparait alors une selections elliptique bleu foncé : vous avez un trou dans le calque du dessus. Dans les calques est apparu "Selection Flottante (Calque Flottant)" Faites clique droit et supprimez le calque, la sphere bleu clair a disparu et vous avez ca :
 
http://tmdwebsite.info/etape10.png
 
11- Creez un nouveau calque que vous placerez tout en dessous.
 
12-Faites une selections rectangulaire legerement plus grande que les autres et remplissez la de "e1e1e1"
 
http://tmdwebsite.info/etape12.png
 
13-Selectionnez le calque contenant la selection rectangulaire grise, puis allez dans Script-Fu / Decor / Ajouter un Biseau et entrez comme valeur 16 puis validez.
 
14-Pour ecrire un texte ou un mot de dans, selectionnez le calque contenant le dégradé de depart, si vous etes intéréssés par la police que j'ai choisi allez sur http://www.dafont.com/fr/alpha.php?lettre=a&page=3 est choisissez la troisieme policé.
 
Voila, pour mon troisieme tuto, j'espere que le resultat est mieux que mon ancien bouton web  :lol:  , j'attends vos critiques avec impatiences, qu'elles soient bonnes ou mauvaises


Message édité par Fagoon le 24-06-2009 à 14:29:03
answer
mood
GoogleAds
profil
Posté le 05-07-2006 à 17:45:53  
 

answer
n°14712
Dresdof
Profil : New Penguin
Avatar
profil
Posté le 05-07-2006 à 19:10:05  
 

Style assez simpliste mais rendu pas mal.  :smile:
Je le verrai bien sur des boutons plus fins en hauteur.

answer
n°14713
MasterCloud
Youkaïdi, youkaïda.
Profil : Animateur
Avatar
profil
Posté le 05-07-2006 à 19:17:55  
 

Ha j'aim bien ! Simple maais efficace comme dirait l'autre :he:

answer
n°14714
Komm
Profil : Penguin Pro
Avatar
profil
Posté le 05-07-2006 à 19:38:03  
 

MasterCloud a écrit :

Ha j'aim bien ! Simple maais efficace comme dirait l'autre :he:


+1, c'est pas mal et le rendu est bon :he:

answer
n°14715
dimebag_hammett
Un type cynique et chiant
Profil : Big Penguin
Avatar
profil
Posté le 05-07-2006 à 20:37:14  
 

Merci^^, par contre ca veut dire quoi quand vous mettez +1 ???

answer
n°14716
Vahiny
Profil : Big Penguin
Avatar
profil
Posté le 05-07-2006 à 23:21:23  
 

ça veut dire "pareil pour moi". En général, ça concerne le message précédent, sinon, on fait une citation de la remarque avec laquelle on est d'accord.

 

J'aime bien aussi ce bouton.
Pour ce qui est de la rédaction du tuto, tu m'as l'air d'avoir choisi un moyen assez long pour faire l'arrondi de gauche, à première vue. Je me demande s'il n'y aurait pas plus simple et plus rapide.

answer
n°14717
dimebag_hammett
Un type cynique et chiant
Profil : Big Penguin
Avatar
profil
Posté le 05-07-2006 à 23:35:34  
 

Je n'en ai pas trouvé malheuresement, et pis j'avais pas le choix, c'etait ca ou rien donc j'ai préféré faire ca, meme si je devais me compliquer la vie pour arriver au resultat que j'attendais

 

Je me suis trompé a l'etape du biseau, il faut entrer comme valeur 20 (enfin il me semble..^^';)

answer
n°14747
piero_56
Profil : Penguin
Avatar
profil
Posté le 12-07-2006 à 22:22:47  
 

J'aime bien le rendu.

 

J'ai juste une question de noob : quand on a téléchargé la police on fait comment pour pouvoir comme choix dans The Gimp ^^''..?

 

Merci d'avance :smile:

answer
n°14748
Whidou
Profil : New Penguin
Avatar
profil
Posté le 13-07-2006 à 11:10:42  
 

Citation :

J'aime bien le rendu.

 

J'ai juste une question de noob : quand on a téléchargé la police on fait comment pour pouvoir comme choix dans The Gimp ^^''..?

 

Merci d'avance :smile:


Il faut mettre ta police dans le répertoire "Fonts" situé dans /home/ton_nom/.gimp-2.2/fonts sous linux ou dans C:\Documents and Settings\ton_nom\.gimp-2.2\fonts sous Windows. Si gimp est déjà lancé, il faut actualiser les polices.

answer
n°14751
piero_56
Profil : Penguin
Avatar
profil
Posté le 13-07-2006 à 13:40:47  
 

Merci beaucoup Whidou :he::smile:

answer
n°17126
Kazee
Profil : Penguin
Avatar
profil
Posté le 20-06-2007 à 23:15:49  
 

J'aime bien le rendu !!! Jolie tuto !

answer
n°17127
-ToTo-
Profil : Big Penguin
Avatar
profil
Posté le 21-06-2007 à 09:43:54  
 

vraiment sympatoche cette ptite signature !! bravo :wink:

answer
n°17128
Leskimo
Profil : Penguin Pro
Avatar
profil
Posté le 21-06-2007 à 09:47:28  
 

Ca servirait plutôt de bouton pour un site :smile: :wink:

answer
n°17129
-ToTo-
Profil : Big Penguin
Avatar
profil
Posté le 21-06-2007 à 10:03:41  
 

oué aussi mais bon si tu modifie quelques truc tu pourrais en faire une signature ( surtout je suis le tuto sous phototoshop )

answer
n°18188
Melvina
Profil : New Penguin
Avatar
profil
Posté le 02-07-2008 à 23:44:03  
 

bouh..; j'arrive pas à effacer le rond qui dépasse
du coup j'ai fait comme ceci :

 

http://img371.imageshack.us/img371/4322/boutoniidc6.png

answer
n°22623
hawk2b
Sobre**
Profil : Penguin
Avatar
profil
Posté le 21-02-2009 à 09:29:05  
 

Simpa +1 ;)


---------------
http://www.noelshack.fr/voir/010309/Quadrature_black-out_HADOPI_234x60px083654.gif
Black Out du Web Francais .
answer
n°23175
Fagoon
2518
Profil : Contributeur
Avatar
profil
Posté le 24-06-2009 à 14:30:04  
 

Ce tuto n'a plus d'images, merci d'y remédier en les hébergeant directement sur le forum. ;)


---------------
http://img44.imageshack.us/img44/8651/contributeursign.png
..::Site::..::DeviantArt::...::Les très belles photos de Christian Consoli::.
answer

Aller à :
Ajouter une réponse