En este tutorial crearemos un menu de navegación con botones estilo píldoras. Para crearlos aplicaremos unos cuantos ((Layer Styles)) per al final tendremos un gran resultado.

Abrios un nuevo documento de 300×400px con fondo blanco.

Creamos una ((nueva capa)).

Elegimos el color negro como frontal en la paleta de colores.

Seleccionamos ((Rounded Rectangle Tool)) con un ((Radius)) de 12px para dibujar el botón

Apretamos Ctrl + Clic sobre la capa del botón para activar la selección.

Luego con ((Recangular Marquee Tool)) + Alt apretados resten la selección un 80%.

La nueva selección debería quedarles así.

La rellenan de rojo.

Con la selección todavía activa apreten Ctrl + J para copiar en una capa nueva.

Apreten Ctrl + Clic en la nueva capa para activar la selección.

Sobre esta nueva capa hagan doble clic para abrir ((Blending Options)).

((Bevel and Emboss)).

((Stroke)).

Les debería haber quedado así.

Apreten Ctrl + Clic sobre la primera capa para activar toda la selección del botón.

Con ((Rectangular Marquee Tool)) + Alt apretado resten la selección para que les quede como muestra la siguiente imagen. Luego la rellenan de rojo.

Con Ctrl + J dupliquen la selección para colocarla en una nueva capa.

Hagan doble clic sobre la capa duplicada para abrir la ventana de ((Blending Options)).

((Drop Shadow)).

((Inner Shadow)).

((Inner Glow)).

((Bevel and Emboss)).

((Contour)).

((Color Overlay)).

((Satin)).

((Stroke)).

Acepten los cambios. Así les quedará el botón.

Podrán cambiarles el color al botón mediante ((Hue/Saturation)) (Ctrl + U).