Aprenderemos algunos trucos con ((Rounded Rectangle Tool)) y usando ((Rectangular Marquee Tool) les enseñaré a crear un menu de navegación estilo Dark.

Abrimos un nuevo documento de 500×400px con fondo transparente.

Seleccionamos ((Gradient Tool)) de tipo radial y trazamos el degradado usando los colores: #cdc5ae y #eae3d4.

Crean una ((New Layer)).

Con ((Rounded Rectangle Tool)) de radio 10px dibujen un rectángulo de 250×300px con fondo blanco.

Hagan doble clic sobre la capa para aplicarle ((Layer Styles)).

((Outer Glow)).

Acepten los cambios y tendrán este resultado.

Apreten Ctrl + Clic sobre la capa del rectángulo blanco para activar su selección.

Crean una ((New Layer)) y rellenan la selección con #161614.

Ubiquen esta capa debajo de la capa del rectángulo blanco.

Se paran sobre la nueva capa del rectángulo oscuro y luego apreten Ctrl + Clic sobre su capa y muevan la capa del rectángulo blanco hacia abajo unos 10 o 15 píxeles.

Después se paran sobre la capa del rectángulo blanco y apretan suprimir.

Repiten los dos últimos pasos pero esta vez en una capa nueva que se encontrará entre medio de las otras dos capas, con un rectángulo relleno de verde y la separación de píxeles es menor. Observen la siguiente imagen.

Con la fuente Helvetica colocamos el título del menu.

Ahora vamos a aplicarle ((Gradient Overlay)) al título. Vayan al menu ((Layer))-((Layer Style))-((Gradient Overlay)). El degradado es de blanco a transparente.

Acepten los cambios.

Pasaremos a colocar los títulos de los botones. Seleccionamos la fuente Verdana y escribimos los títulos.

Creamos otra ((New Layer)).

Como color frontal elegimos el #ebebeb.

Ahora con ((Line Tool)) de 1px de grosor trazamos los renglones del menu.

Apretando Ctrl + J duplicamos el botón.

Luego con ((Free Transform)) (Ctrl + T) muevan el renglón 30px hacia abajo. Esto lo hacemos apretando 3 veces la tecla Shift + la flecha hacia abajo y asi sucesivamente hasta completar todos los renglones.

En una ((New Layer)) y con ((Rectangular Marquee Tool)) dibujamos una selección que ocupe el renglón entero del título “Tutorials”. Esta nueva selección la rellenan con el color #f7f7f7. Si tienen dudas vean la siguiente image.

Duplicamos la capa del marco verde (Ctrl + J) y vayan al menu ((Edit))-((Transform))-((Rotate 180º)). Luego la ubicarán en la parte inferior del menu. Observen la siguiente imagen.

Este es el resultado final de este fantástico menu de navegación.