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, Efectos, Web

Barra de navegación estilo celeste

Publicado por Luch el Lunes, 24 Noviembre 2008Sin Comentarios

Simple pero moderna barra de navegación celeste para que puedan utilizar en su sitio web. Solo tendrán que aplicar un simple degradado y cambiar el modo de una capa.

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.