15 mai 2008

Faire un bouton

Voici ce que nous allons réaliser.

Créer une image 600X600 pixel, l'image est grande c'est pour travailler plus facilement, il sera toujours temps de réduire le bouton plus tard.

Créer un calque nommé "bordure".

Choisir comme couleurs 13dc39 en arrière plan et 6bef84 en premier plan.

Positionner des guides horizontaux et verticaux à  200 et 400.

Avec l'outil selection elliptique, tracer une sélection circulaire tangente aux guides.

Réduire la sélection de 5 pixels menu sélection réduire.

Transformer la sélection en bordure menu sélection bordure choisir 5 pixels.

Vérifier que le calque bordure est bien actif et remplissez la sélection avec l'outil dégradé en choisissant le dégradé premier plan vers deuxième plan.

Créer une ombre portée menu filtre ombres et lumières ombres portées en laissant les réglages par défaut. Renommer le calque "drop shadow" en  "ombre bord"

Désélectionner pour obtenir ceci

Avec l'outil baguette magique sélectionner le centre du cercle à partir du calque "bord".

Créer un calque nommé "centre" et l'activer.

Remplir la sélection avec l'outil dégradé en cochant la case inverser.

Placer des guides horizontaux et verticaux à 270 et 330.

Choisir le noir en couleur de premier plan et le blanc en arrière plan

Sélectionner l'outil crayon et la brosse circle 19

En étant toujours sur le calque  "centre" cliquer une fois à chaque intersection pour obtenir quatre petit cercle de 19 pixels de diamètre.

Avec l'outil baguette de sélection par couleur sélectionner le noir et faire menu edition couper pour obtenir ceci.

Sélectionner avec l'outil baguette magique les 4 trous (maintenir la touche shift enfoncée pendant les sélections. Une fois les quatre trous sélectionnés, inverser la sélection menu sélection inverser.

Faire une ombre portée en choississant les valeurs suivantes : décalage x 1 décalage y 1 rayon du flou 3. renommer le calque "drop shadow" en "ombre trous".

Désélectionner tout.

Créer un calque "fils".

Mettre la couleur 2cab44 en premier plan.

Choisir l'outil crayon avec la brosse circle 1 et tracer deux traits entre les trous supérieurs du bouton en laissant un espace entre les deux.

Sélectionner les deux traits avec l'outil sélection par couleur

Faire une ombre portée avec les même valeurs que pour les trous. renommer le calque "drop shadow" en "ombre fils".

Fusionner le calque "fils" et le calque "ombre fils" (c'est le calque le plus haut, il faudra le redescendre sous le calque fils)

Dupliquer le calque et déplacer le calque dupliqué pour que deux fils viennent au niveau des trous du bas.

C'est terminé, enregistrer au format XCF de gimp pour retravailler le bouton si nécessaire.

Supprimer le calque arrière plan  avant de l'enregistrer au format png pour utiliser le bouton sur des papiers de différentes couleurs.

En supprimant le calque "ombre bord" on obtient un effet différent comme ceci :