Commençons par créer un nouveau document possédant les propriétés suivantes :
- Largeur : 125 px
- Hauteur : 30 px
- Résolution : 72 pixels/pouce
- Contenu de l'arrière plan : Transparent

La taille définie ici est adaptée à l'exemple mais vous pouvez bien sur créer des boutons aux dimensions que vous souhaitez. La méthode pour obtenir cet effet reste la même quelle que soit la taille.

Choisissez l'outil "rectangle arrondi" et tracez la forme sur le calque.

Pour obtenir une forme plus arrondie, cliquez sur un point d'ancrage jaune et déplacez votre souris en maintenant le clic enfoncé : vous remarquerez que l'arrondi change selon les déplacements de votre pointeur.

Appliquons maintenant quelques paramètre afin d'obtenir quelque chose de plus coloré :
- dégradé linéaire allant de la couleur #0000FF à la couleur #00FFFF.
Placez le côté le plus sombre sur la partie supérieure du bouton.
- bordure linéaire de 1 pixel et de couleur #0000FF

Pour donner du volume à ce bouton nous allons lui appliquer un effet "rayonnement interne" avec les paramètres suivants :
- couleur : #000000
- Décalage du halo : 4
- Opacité : 50 %
- Adoucissement : 4
- Décalage : 0

Pour accentuer le volume, vous pouvez aussi lui appliquer une ombre porté.
Je vous laisse juger des paramètre selon l'intensité de l'ombre que vous voulez obtenir.

Vous remarquerez que pour ces deux nouveaux rectangles arrondis j'ai appliqué un dégradé linéaire du noir vers le blanc; le côté le plus sombre est tourné vers l'intérieur du bouton.
Il est aussi à noter que ces rectangles n'ont pas de contours.

Pour achever le rendu de notre bouton nous allons le mettre en mode "écran" et lui attribuer une opacité de 65 %