Tutorial n° 2 : Réaliser un bouton style Métallique / Néon Vert

(~2 ko)

Mise en place du "Fond du bouton"

Etape 1

- Créez une nouvelle image de la taille de votre bouton (Fichier > Nouveau...)
Largeur : 145 pixels
Hauteur : 24 pixels.

- Sélectionnez tout (Sélections > Sélectionner tout).

Etape 2

- Remplissez cette sélection de noir à l'aide de l'outil "Pot de peinture".
- Contractez la sélection (Sélections > Modifier > Contracter...).
Nombre de pixel : 2
- Remplissez cette sélection avec cette couleur : #00FF00.
- Déselectionnez

Etape 3

;

- Créez un effet de flou (Effets > Flou > Flou Gaussien...).

Etape 4

- Créez un nouveaux calque bitmap (Calques > Nouveau calque bitmap...).
- Cliquez sur "OK"
- Sélectionnez tout (Sélections > Sélectionner tout).
- Contractez la sélection (Sélections > Modifier > Contracter...).
Nombre de pixel : 2
- Intervertissez la sélection (Sélections > Intervertir).

Etape 5

- Remplissez cette sélection avec le dégradé "Métallique" avec la configuration ci-dessous, à l'aide de l'outil "Pot de peinture".

- Déselectionnez

A cette étape, le fond du bouton est fini, je vous conseil de sauvegarder maintenant pour ne pas avoir à la recommencer si vous faites plusieurs boutons avec des intitulés différents.
Sauvegardez au format .psp pour conservé toute la qualité de l'image

Mise en place du "Texte du bouton"

Etape 1

- A l'aide de l'outil "Texte", tapez l'intitulé du bouton. En utilisant la configuration ci-dessous.
Ici on tape "Un test".

- Appliquez l'effet Ombre Portée (Effets > Effets 3D > Ombre Portée...)

- Déselectionnez (Sélections > Déselectionner).

Et voilà, c'est fini, il ne vous reste plus qu'à exporter le bouton. Je vous conseil de le faire au format gif qui n'est pas très lourd pour ce type de fichier.

PourTaPageWeb - Copie interdite