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

Menu de navegación estilo rústico

Publicado por Luch el Miércoles, 19 Noviembre 2008Sin Comentarios

Vamos a crear un diseño muy creativo de un menu navegación con un estilo rústico. Es muy frecuente encontrar este estilo en plantillas de TemplateMonster. Vamos a aplicar ((Layer Styles)) como: ((Drop Shadow)), ((Inner Glow)), ((Pattern Overlay)) y ((Satin)). Para crear la textura del menu les voy a proporcionar una ((Pattern)). ¿Comenzamos?

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!