Bouton style web 2.0 avec The Gimp

Ou comment créer l'image d'un bouton pour un site web avec notre logiciel libre de création d'image préféré : The Gimp.


Dans le menu : Fichier / Nouveau

Largeur : 130px, Hauteur 30 px, fond transparent.




















Clic droit sur l'image
Selection / Tout

Re clic droit
Selection / Rectangle arrondi

Sélectionner une couleur dans la fenêtre "Boîte à outils"

Re clic droit sur l'image
Outils / Outils de peinture / Remplissage

Clic gauche dans la sélection puis dupliquer le calque :
clic droit Calque / Dupliquer le calque.


Sélectionner l'outil de sélection
Tracer un rectangle ayant 3 pixels de moins sur chaque bord

Clic droit
Selection / Rectangle arrondi

Re clic droit sur l'image
Outils / Outils de peinture / Dégradé

Tracer une ligne dans la sélection active de bas en haut




Clic droit
Sélection / Tout

Re clic droit
Selection / Rectangle arrondi

Re clic droit
Filtres / Flou / Flou Gaussien
Rayon de flou de 8 pixels.

Fusionner les calques et le tour est joué.




Et voila notre beau bouton fini, il ne reste plus qu'à le sauvegarder
clic droit : Fichier / Enregistrer