Boton circular 3D en photoshop

Esto es muy sencillo pan comido primero que nada creamos un documento 300x300 pixeles luego creamos una nueva capa para eso Ctrl + Shit + N y en esta capa creamos un circulo con
la herramienta Marco Eliptico.

  Luego este circulo lo rellenamos con la herramienta Degradado esto lo hacemos con el mouse hacemos clic en la parte superior izquiero del circulo y sin soltar jalamos hacia abajo:

Luego vamos a Seleccion > Modificar > Contraer y pondremos la cantidad de 20 enseguida vamos otra vez a Seleccion > Modificar > Redondear tambien pondremos 20. Ahora en esta seleccion que es mas pequeña haces todo igual :

Empezamos con el degradado aplicamos pero esta vez de direcion lo contrario al primer circulo y luego otra vez vamos a Seleccion > Modificar > Contraer y esta vez pondremos solamente 8 y en esta seleccion que es aun mas pequeño hacemos otravez el degradado pero esta vez sera la direccion lo contrario al segundo circulo. asi tenemos tres circulos diferentes.

Ahora solamente daremos color primero empezamos con el ultimo circulo que esta seleccionado apretamos Ctrl + U ahi activamos la opcion colorear y pondremos los siguientes valores:
Tono : 0
Saturacion : 80
Luminosidad : 0

Ahora invertimos la seleccion para eso apretamos Ctrl + Shit + I . otra vez daremos color para eso apretamos Ctrl + U y esta vez lo valores son:
Tono : 0
Saturacion: 60
Luminosidad: 0

siempre activando la opcion colorear: Ahora si Cntrl + D para quitar la seleccion: