Créer son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
[Rapide] Bouton bleu[Rapide] Bouton bleu
 
[Rapide] Bouton bleu

The Gimp | [Rapide] Bouton bleu

Tutoriel crée par Zeepix le 28-02-2009.

SocialTwist Tell-a-Friend

Loulou nous explique comment réaliser à l'aide de l'outil gratuit qu'est The Gimp, un bouton en forme de gellule, très utile pour tout webmasters.

Bonjour tout le monde ! J'ai pensé que de savoir déssiner un petite gelule pourrait être utile, alors j'ai fait pour vous, ce tuto. :-D

Rendu final
http://stocks.monsitegratuit.com/upload_membre/upload/msg1235854498_f9b9.png


Le tuto

Avant de commencer

Tout d'abord, créez un image assez large (a peu près 250 × 90) avec un fond transparent.

La forme de la gelule

Si vous ne voulez pas un gelule rectangulaire, ce chapitre est important ! :lol:

Pour commencer, faites "séléction (le menu) > rectangle arrondi...", réglez le rayon à 95% et validez.

Cette partie est très courte non ? Si vous avez pas suivi ce qui fallait faire, c'est grave...

La couleur

Ce morceau du tuto concerne la couleur de votre gelule. Et pas celle de votre culotte ! ;-) :lol:

Alors, pour obtenir un belle couleur, il va falloir faire un dégradé ! ;-) Pour ce faire, prenez du bleu marrine (#00335e) comme couleure de AP (arrière-plan) et un autre bleu, celui-ci un peu plus claire (#008bff) en couleur d'PP (premier plan). Allez dans l'outil dégradé et configurez-le comme ceci :
http://stocks.monsitegratuit.com/upload_membre/upload/msg1235852285_57b0.png

Puis, pour clore cette étape, faites un dégradé n'importe comment (de tout façon, ça change rien...). ;-)

Effet de reflet

Pour créer l'effet de reflet de votre gelule, faites une séléction comme sur cette copie d'écran :
http://stocks.monsitegratuit.com/upload_membre/upload/msg1235852714_94c3.gif

Maintenant, appliquez le filtre "rectangle arrondi..." avec les mêmes options que précedemment. Ensuite, séléctionnez du blanc (#FFFFFF) comme couleure de PP et réglez l'outil Dégradé comme ceci :
http://stocks.monsitegratuit.com/upload_membre/upload/msg1235853031_4df6.jpg

Pour finir faites un petit dégradé comme là : http://stocks.monsitegratuit.com/upload_membre/upload/msg1235853574_2ee4.jpg

L'ombre

Pour l'ombre, c'est tout simple ; allez dans "Filtres > Ombres & lumières > Ombre portée" et mettez les options comme ça :
http://stocks.monsitegratuit.com/upload_membre/upload/msg1235853872_b97e.jpg Puis validez !

??????????????????????????
http://stocks.monsitegratuit.com/upload_membre/upload/msg1235854404_0a7a.png


Ouf, c'est fini ! ;-) J'allais m'endormir devant mon PC à écrire ce tuto ! :zzz: Si vous avec des questions, n'hésitez pas !

http://stocks.monsitegratuit.com/upload_membre/upload/msg1235854498_f9b9.png


@+
Loulou-du-57


Poster un commentaire

Commentaire :

*Vous devez être connecté pour pouvoir poster un commentaire
Si vous n'êtes toujours pas inscrit, cliquez ici !

Commentaires

Mong ? Ah bon...

Zeepix

mong

antoine-martin

merci !

Zeepix

wow

très beau résultat !!!

elition

non, Ubuntu !! Je l'ai déguisé mais regardes bien la barre de mes fenêtres, elle est dans l'autre sens sur les Mac !
Ah oui

zorlig

non, Ubuntu !! Je l'ai déguisé mais regardes bien la barre de mes fenêtres, elle est dans l'autre sens sur les Mac !

Zeepix

Tu es avec Mac ?

zorlig

Soumettre un tutoriel The Gimp

*Vous devez être connecté pour pouvoir soumettre un tutoriel
Si vous n'êtes toujours pas inscrit, cliquez ici !