Botón web con Photoshop

1) Creamos un archivo nuevo y lo rellenamos del color 131, 131, 131. Y a continuación, creamos una nueva capa con una selección ovalada y la rellenamos con el color 161,161,161.

2) Con la selección de la capa anterior, calamos aplicando 4 píxeles de valor. Después, contraemos la selección otros 4 píxeles. Invertimos la selección y la rellenamos de color negro. 

3) Cargamos la capa de la selección del óvalo, la invertimos y borramos con esa selección la capa que rellenamos de negro.

4) Creamos una capa nueva y cargamos la selección del óvalo, la movemos 10 píxeles abajo y 10 píxeles a la derecha e invertimos la selección. Con esa selección, mantenemos presionado Shift+Ctrl+Alt haciendo clic en la capa del óvalo para obtener la intersección. Ahora contraemos la selección 4 píxeles y calamos con un valor de 2 píxeles y rellenamos con blanco.

5) Creamos otra capa y aplicamos Nubes y Nubes de diferencia. Cambiamos el modo de la capa a sobreexponer color. Cargamos la selección del óvalo, invertimos y suprimimos los que sobra.

6) Cargamos la selección del óvalo y elegimos el color frontal blanco y contorneamos por fuera a 2 píxeles. Para finalizar, activamos la casilla colorear y modificamos el tono y la saturación.