(Ce tutoriel est traduit avec l'aimable autorisation de Richie Dumlao)

1. Ouvrir un nouveau document de 150x150 pixels, avec arrière plan blanc.

2. Avec le pot de peinture , remplir le document avec un dégradé linéaire et les paramètres suivants:

Foncer un peu l'image: Couleurs - Ajuster - Correction Gamma - RGB: 0.56

3. Ajouter un nouveau calque (Calques - Nouveau calque bitmap)

Dessiner une ligne épaisse à bords arrondis, en mettant la couleur blanche en avant plan

<img src="boutgrav/boutc.jpg" width="151" height="51"

4. Choisir l'outil Sélection et presser [Ctrl+A] puis cliquer n'importe où dans l'image pour activer la ligne blanche.

Enregistrer la sélection sur une couche alpha (Sélections - Enregistrer sur une couche alpha) et l'appeler "bouton".

5. Remplir avec un dégradé linéaire, avec les mêmes paramètres qu'au-dessus, mais l'angle à 0.

Foncer un peu la sélection: Couleurs - Ajuster - Correction Gamma - RGB: 0.50

Désélectionner (Sélection - Désélectionner)

6. Ajouter un nouveau calque (Calques - Nouveau calque bitmap)

Charger la sélection "bouton" (Sélections - Charger depuis une couche alpha)

Contracter la sélection de 5 pixels (Sélections - Modifier - Contracter - Pixels:5)

Enregistrer la sélection sur une couche alpha (Sélections - Enregistrer sur une couche alpha) et la nommer "bouton interieur".

Remplir la sélection avec un dégradé linéaire, avec les mêmes paramètres qu'au paragraphe 5 (angle: 0).

7. Ajouter un nouveau calque (Calque - Nouveau calque bitmap)

Agrandir l'image avec le zoom .

Pendant que la sélection est active, appliquer un flou gaussien (Effets - Flou - Flou gaussien - rayon: 2.5)

8. Ajouter un nouveau calque (Calques - Nouveau calque bitmap).

Couleur de l'ombre: noir

Opacité: 90

Flou: 10

Décalage vertical: 3

Décalage horizontal: 0

9. Si vous souhaitez ajouter du texte, il suffit d'ajouter un nouveau calque bitmap et d'utiliser l'outil texte

Les boutons peuvent également être accolés pour créer une barre de navigation