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

Crear interface web metálica

Publicado por Luch el Miércoles, 3 Diciembre 2008Sin Comentarios

Este tutorial es para los interesados en crear interfaces web. Utilizaremos ((Rectangular Marquee Tool)), ((Dodge Tool)), modos de capa, ((Noise)), ((Inner Shadow)) y ((Bevel and Emboss)).

Ya les tengo preparado el fondo. Pueden descargarlo haciendo clic AQUÍ.

Abran la imagen en Photoshop.

Seleccionen ((Rectangular Marquee Tool)) y tracen un rectángulo como el que ven abajo.

Crean una ((New Layer)).

Ahora vayan a ((Edit))-((Stroke)).

Luego seleccionen ((Dodge Tool)) de tipo Midtones con Exposure: 100% y pasar pinceles de diferentes tamaño sobre los bordes del rectángulo para darle un aspecto metálico.

Crean otra ((New Layer)).

Con ((Rectangular Marquee Tool)) tracen un rectángulo menor dentro del primero.

Lo rellenan con el color #494949.

Ahora a este nuevo rectángulo le aplican un pequeño ruido. ((Filter))-((Noise))-((Add Noise)).

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

((Inner Shadow)).

((Bevel and Emboss)).

Acepten los cambios.

Dupliquen esta capa (Ctrl + J).

Le quitan los ((Layer Styles)).

Ahora seleccionen ((Dodge Tool)) y pasaen el pincel unas cuantas veces sobre la parte superior izquierda del rectángulo.

Le cambian el modo de capa a ((Overlay)).

Reduzcan la ((Opacity)) a 20%.

Agregando algunos detalles de texto logré este resultado.