On commence avec un nouveau document de 200 pixels de côté.
On sélectionne l'Outil "Ellipse" avec une couleur noire.
On dessine ensuite la forme voulue.
Faites "calque","pixellisation","forme"
Renommez votre calque "Base"

On sélectionne le contenu de notre calque (CTRL + Base) et on lui applique un dégradé vertical ( en utilisant la touche MAJ).
Les couleurs utilisé sont du #636362 pour le gris foncé et du #C7C7C7 pour le gris clair

Créez un nouveau calque nommé "Effet Haut".
Définissez la couleur de 1er plan sur le blanc
Récupérez la sélection du calque "Base" et appliquez un dégradé vertical blanc

Ce dégradé part du haut vers le 1/3 inférieur de notre forme

Modifions maintenant ce dégradé pour lui donner l'aspect d'un
reflet sur le bouton.
Nous sommes sur le calque "Effet Haut", CTRL + T et on rétrécie notre forme de
moitié à l'aide de la poignée centrale du bas.

Encore une petite modification, on rétrécie maintenant de
manière symétrique la largueur de "Effet Haut".
Pour cela, CTRL+T et on utilise la poignée du milieu à droite en maintenant la
touche ALT enfoncée (pour que notre forme rétrécisse d'autant de pixels à droite
et à gauche).
On appuie sur Entrée, notre reflet est modifié.

Déplaçons maintenant notre calque "Effet Haut" de quelques
pixels vers le bas à l'aide de l'outil Déplacement (raccourci V).
Notre
premier reflet est fait, attaquons nous au second.

On crée un autre calque nommé Effet Bas. On récupère la sélection de Base que l'on rétrécie de 2 pixel (Sélection / Modifier /Contracter / 2 pixels).

On applique ensuite sur notre nouvelle sélection, mais toujours sur le calque "Effet Bas", un dégradé blanc vers transparent, du bas vers le milieu du bouton.
On désélectionne le calque "Effet Bas" (CTRL+D).
On
applique ensuite un très léger flou gaussien à ce calque (Filtre / Atténuation /
Flou Gaussien / Rayon : 1 pixel).

Pour finir, nous revenons à notre calque Base auquel nous allons appliquer un effet de style.

Voici les effets à appliquer :
Ombre Portée : Opacité 40 %, Décocher Utiliser
l'éclairage global et mettez un Angle de 90°, Distance 4 , Grossi 0 , Taille 5.
Ombre Interne : Opacité 90 %, Décocher Utiliser
l'éclairage global et mettez un Angle de 90°, Distance 0 , Grossi 0 , Taille 16.
Incrustation Couleur : Mode de fusion Couleur, et
choisissez la couleur que vous voulez.
Désélectionner votre arrière plan.

Voila, c'est fini, maintenant, libre a vous d'agrémenter ce bouton avec du texte ou autre. ;)

Design by Guibleu | zone-infograph v.3 | Creative Commons License