Menú con Estilo - Tutorial Photoshop

Artículos de Libre Reimpresión

Te invitamos a publicar este artículo en tu propio sitio web, boletín o publicación. Al hacer esto acuerdas mantener todos los enlaces activos, no hacer cambios sin el permiso de los autores originales del artículo, incluir la reseña del autor y respetar que todos los artículos tienen los derechos reservados. Los autores también apreciarán que les hagas saber si publicas sus artículos

Tutorial Photoshop: Menú con Estilo

Esta es una técnica muy sencilla que te ayudará a diseñar un menú básico elegante.

Iniciamos creando un documento nuevo de 150 * 180 px con fondo color 393939. Usa las reglas y guías para simular una separación de 10 px entre el documento y lo que serán nuestros botones. Cada botón del menú será 40 px de alto, por lo que hay que colocar una segunda guía horizontal en el px 50 de nuestro documento. Justo como se ve en la imagen.

Ahora marca una selección en el rectángulo principal formado por las guías.

Crea una Nueva Capa y rellénala usando un degradado que va de 545454 a 171717.

Luego aplica un contorno de 1 pixel con color negro.
Edición >> Contornear

Ahora reduce la selección 1 pixel.
Selección >> Modificar >> Contraer

Y aplica nuevamente un Contorno de color gris (666666).

Deselecciona.

Duplica la capa del botón y acomoda cada una en su sitio para crear el menú.

El resto corre por tu cuenta. Estos botones pueden estar en un orden Vertical como lo vemos en la imagen u Horizontal, según sean tus necesidades.

El Autor
Francisco Delgado Bautista, webmaster desde hace 8 años especializado en el desarrollo de Tutoriales Photoshop en su sitio www.SoloPhotoshop.com Visítalo para conocer su amplia gama de tutoriales básicos y avanzados, Photoshop y Flash.

Tutoriales de Libre Reimpresión: www.SoloPhotoshop.com