Blog

El blog de CaminoCreativo.com con lo ultimo y mas destacdo sobre el diseño.

Efectos

Los mejores tutoriales para Photoshop enfocado sobretodo a crear efectos especiales.

Noticias

Importantes noticias para diseñadores. Tambien algunas novedades de nuestra area.

Recursos

Todos los recursos para poder hacer de tus diseños algo completamente profesional.

Varios

No solo de Photoshop vive el diseñador. Dreamweaver, Illustrator, incluso otros recursos!

Home » Basicos, Dibuja, Web

Barra de navegación moderna

Publicado por Luch el Sábado, 25 Octubre 2008Sin Comentarios

Pasaremos a crear una barra de navegación moderna y con buenos resultados ideal para poner en un sitio web.

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!