Abran un nuevo documento de 800×600px y rellenen el fondo con el color #1b1b1b.

Seleccionen ((Rectangular Marquee Tool)) y dibujen una selección rectangular como la que ven abajo.

Crean una ((New Layer)).

Rellenen el fondo de esta selección con el color #232323.

Hagan doble clic sobre la capa del rectángulo para abrir ((Layer Styles)) y aplicarle ((Stroke)).

Acepten los cambios.

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

Ahora con ((Rectangular Marquee Tool)) de tipo ((Subtract From Selection)) resten la mitad de la selección del rectángulo. Vean la siguiente imagen.

Abran un nuevo documento de 750×120px con fondo negro.

Crean una ((New Layer)).

Seleccionen ((Rounded Rectangle Tool)) con un radio de 15px y tracen un rectángulo curvo con el color #af005f. Vean la siguiente imagen.

Hagan doble sobre la capa del rectángulo para aplicarle los siguientes ((Layer Styles)).

((Drop Shadow)).

((Outer Glow)).

((Inner Glow)).

Abran un nuevo documento de 540×220px.

Rellenen el fondo con el color #0d0d0d.

Crean una ((New Layer)).

Seleccionen ((Rounded Rectangle Tool)) con 5px de radio y dibujen una barra blanca como la que ven abajo.

Hagan doble clic sobre su capa para aplicarle los siguientes ((Layer Styles)).

((Outer Glow)).

((Gradient Overlay)). Para este degradado usen los colores #151515 y #050505.

Antes de empezar descarguen la imagen de fondo haciendo clic ACÁ y la abrimos en Photoshop.

Creamos una ((New Layer)).

Seleccionamos ((Rectangular Marquee Tool)) y dibujamos una selección como la que vemos abajo.

La rellenamos de blanco.

Hagan doble clic sobre la capa para aplicarle ((Inner Shadow)).

((Gradient Overlay)). Para este degradado usaremos los colores #36691a y #7dba1b.

((Stroke)).

Acepten los cambios.

Crean una ((New Layer)).

Seleccionen ((Gradient Tool)) de tipo ((Radial Gradient)) y tracen un degradado de blanco a transparente en el costado izquierdo del botón como aparece en la siguiente imagen.

Cambien el modo de capa a ((Overlay)).

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

Luego con ((Rectangular Marquee Tool)) de tipo ((Subtract From Selection)) resten la mitad de la selección total del botón. Observen la siguiente imagen.

Crean una ((New Layer)).

Esta nueva selección la rellenan de blanco y le reducen la ((Opacity)) a un 20%.

Dupliquen el botón unas cuatro veces más. Para ello primero arrastren todas las capas hacia el botón de ((Create a New Layer)) y luego con las capas duplicadas seleccionadas apreten Ctrl + E para unirlas en una capa independiente. Esta capa la duplican tres veces más.

Ahora le colocan el título a los botones. Utilicé la fuente verdana.

Por último seleccionen ((Shape Tool)) y en su barra de opciones elijan formas para colocarle a los botones.

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

Rellenamos el fondo con el color b1c2e0.

Creamos una nueva capa.

Seleccionamos ((Rectangular Marquee Tool)), creamos un rectángulo de lado a lado del documento y lo rellenamos de color 52a1c4.

Hacemos doble clic sobre la capa para que se nos abra ((Blending Options)). Marcamos ((Gradient Overlay)) y usen estos valores y colores.

Luego apretamos Ctrl + Clic sobre la capa para activar la selección de la barra y con la ((Herramienta degradado)) trazamos una gradiente de blanco (superior) a transparente (inferior).

Ahora le bajamos la ((opacidad)) a 70% y cambien el modo de la capa a ((Overlay)).

Escribimos el texto que usaremos para los botones. Seleccionen la fuente Verdana. Ahora vayan a ((Layer))-((Layer Style))-((Drop shadow)).

Una vez terminado este paso tendremos finalizado la barra de navegación.

Abrimos un nuevo documento de 470×130px con fondo blanco.

Seleccionamos ((Rounded Rectangle Tool)) y creamos un rectángulo con un ((Radio)) de 20px y fondo gris. Guíense por la imagen que aparece abajo.

Encima de la capa del rectángulo gris, vamos a ((Layer))-((Layer Style))-((Blending Options)).

Escriban tres títulos a sus botones. Esto va en cada uno, si quieren poner 4, 5, 6 están en todo su derecho!

Ahora crearemos unas líneas para separar los botones. Primero debemos hacer un zoom en los botones para trabajar más fácil. Creamos una ((nueva capa)) y trazamos una línea blanca de forma vertical como vemos en la imagen, le damos 1px de ((desenfoque gausseano)). Duplicamos la capa y la colocamos en el otro extremo. Nos van a quedar 2 líneas.

A estas líneas le aplicamos un degradado oscuro a claro. ((Layer))-((Layer Style))-((Blending Options)).

Ya tendremos creada nuestra barra de navegación. Yo le apliqué un fondo degradado para darle más elegancia a los botones.

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

Empezaremos por crear un fondo aplicando algunos filtros.

Rellenamos el fondo con un color verde oliva.

Ahora apliquen ((Filter))-((Noise))-((Add Noise)), el valor lo colocan ustedes.
También podrían aplicarle ((Filter))-((Brush Strokes))-((Splatter)), etc.

Crean una ((New Layer)).

Seleccionen ((Polygonal Lazo Tool)) y dibujen un cuadrado deformado similar al que aparece en la siguiente imagen.

Lo rellenan con el color #903e28.

Hagan doble clic sobre su capa para aplicar los siguientes ((Layer Styles)).

((Drop Shadow)).

((Inner Glow)).

((Pattern Overlay)). Descaguen e instalen el siguiente PATTERN .

((Satin)).

Acepten los cambios y obtendrán el siguiente resultado.

Crean una ((New Layer)) y le cambian el modo a ((Soft Light)).

Descarguen algún pincel de PhotoshopBrushes para darle un aspecto sucio a la caja.

Antes de aplicar el pincel apreten Ctrl + Clic sobre la capa de la caja para activar su selección y así lograr que las pinceladas no salgan para afuera ni toquen el fondo. Observen el resultado en la siguiente imagen.

Crean otra ((New Layer)).

Seleccionen ((Rectangular Marquee Tool)) de tipo ((Fixed Size)) y dibujen 4 rectángulos de 160×22px con fondo blanco.

Con ((Free Transform)) (Ctrl + T) rotamos los botones unos pocos grados.

Hacemos doble clic sobre la capa de estos botones para pasar a aplicarle ((Layer Styles)).

((Drop Shadow)).

((Inner Shadow)).

Con ((Erase Tool)) y seleccionando los pinceles que descargaron también podrán crearles una textura sucia.

Por último colocamos los títulos a los botones, con ((Free Transform)) los rotamos unos grados y listo!

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

Rellenamos el fondo con el color #d8d1c4.

Ahora con ((Rectangular Marquee Tool)) dibujamos una selección como la que vemos en la imagen de abajo.

Creamos una ((New Layer)).

Seleccionamos ((Gradient Tool)) de tipo lineal y trazamos un degradado dentro de la selección de abajo hacia arriba usando los colores #E6DED0 y #C4BA9A.

Crean otra ((New Layer)).

Seleccionen ((Line Tool)) con 1px de grosor. En la base superior de la barra tracen dos líneas horizontales de lado a lado: una de color blanco y la otra negra.

En la base inferior de la barra tracen solo una línea horizontal pero de color negro.

Luego a esta capa le cambian el modo a ((Soft Light)).

Vuelvan a crear otra ((New Layer)).

Con ((Rectangular Marquee Tool)) dibujen una selección que ocupe la mitad de la barra. Observen la imagen de abajo.

Luego la rellenan de blanco.

A esta capa también le cambian el modo a ((Soft Light)) y le reducen la ((opacity)) a un 30%.

Ahora pasaremos a crear la zona activa de uno de los botones.

Con ((Rectangular Marquee Tool)) dibujen una selección como la que ven abajo y la rellenan de negro.

A esta capa le aplican lo mismo. Cambian el modo a ((Soft Light)) y redúzcanle la ((opacity)) a un 30%.

Solo nos queda agregar los títulos a los botones.

Elijan el color negro como frontal.

Seleccionen la fuente Times New Roman y escriban el título del botón con la zona activa.

Ahora le aplicaremos un pequeño ((Drop Shadow)). ((Layer))-((Layer Style))-((Drop Shadow)).

Repitan el paso anterior para los demás titulos de los botones y listo!

Abrimos un nuevo documento de 250×400px con fondo blanco.

Creamos una ((New Layer)).

Ponemos el color negro como color frontal.

Seleccionamos ((Rectangle Rounded Tool)) con un ((Radius)) de 8px y dibujamos el botón.

Hacemos doble clic en la capa para entrar a ((Blending Options)).

((Drop Shadow)).

((Gradient Overlay)). Para el degrado usaremos los colores #dcdcdc y #f6f6f6.

((Stroke)).

Luego de aceptar los cambios tendremos este resultado.

Creamos una ((New Layer)).

Con ((Rounded Rectangle Tool)) y un ((Radius)) de 8px dibujamos un pequeño cuadrado que será el ícono del botón

Hacemos doble clic sobre esta capa para editar ((Blending Options)).

((Drop Shadow)).

((Gradient Overlay)). Para este degradado usaremos los colores: #d39100 y #f1ab00.

El ícono del botón nos quedará así.

Ahora con ((Shape Tool)) aplicaremos un identificativo del botón. Este botón se llamará “Contact Us” así que en la barra de opciones de ((Shape Tool)) buscamos el dibujo de una carta. Antes de aplicarlo seleccionamos el color blanco en la paleta de colores.

Como verán abajo ya coloque el título del botón (Fuente Tahoma), el Shape y agregue otro botón

Abrimos un nuevo documento de 700×300px con fondo blanco.

Creamos una ((nueva capa)).

Seleccionamos ((Rounded Rectangle Tool)) con un ((Radius)) de 20px y dibujan la barra con el color #001735.

Hagan doble clic sobre la capa para entrar a ((Blending Options)).

((Gradient Overlay)).

Les quedará así.

Volvemos a ((Blending Options)).

((Bevel and Emboss)).

((Drop Shadow)).

Acepten los cambios.

Dupliquen la capa de la barra (Ctrl + J).

Quiten los ((Blending Options)) arrastrando ((Effects)) a la ((Delete Layer)).

Vamos a aplicarle ((Blending Options)), así que haremos doble clic sobre ella.

((Gradient Overlay)). Usen estos colores: #DDE8F4 y #7C8B9D.

((Bevel and Emboss)).

((Drop Shadow)).

Una vez que acepten los cambios les quedará así.

Con ((Ellipse Tool)) de tipo ((Path)).

Apreten Ctrl + T para rotarlo.

Lo transforman en selección y apreten la tecla ((Suprimir)).

Repetimos los últimos dos pasos para crear los botones restantes.

Agreguen los títulos a los botones y listo!