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

Caja de contenido estilo verde

Publicado por Luch el Viernes, 12 Diciembre 2008Sin Comentarios

Útil recurso para nuestro sitio web. Vamos a crear una caja de contenido de estilo verde. Utilizaremos ((Rectangular Marquee Tool)), ((Inner Glow)), ((Gradient Overlay)) e ((Inner Shadow)).

Abran un nuevo documento de 300×230px con fondo transparente.

Rellenen esta capa con el color #F4FFE0.

Hagan doble clic sobre esta capa para abrir y aplicarle ((Layer Styles)).

((Inner Glow)).

((Gradient Overlay)).

Acepten los cambios.

Crean una ((New Layer)).

Ahora selecionen ((Rectangular Marquee Tool)) de tipo ((Fixed Size)) con un tamaño de 295×32px.

Simplemente hagan clic en el documento y automáticamente se creará la selección con el tamaño que le indicamos.
La colocan en la parte superior del documento y lo rellenan con el color #DEFF9E.

Hagan doble clic sobre la capa de esta barra para aplicarle ((Layer Styles)).

((Inner Shadow)).

((Gradient Overlay)).

Acepten los cambios.

Crean otra ((New Layer)).

Seleccionen ((Rectangular Marquee Tool)) de tipo ((Fixed Size)) y dibujen una selección rectangular de 30×14px.

Esta selección la rellenan con el color #DEFF9E .

Hagan doble clic sobre su capa para abrir ((Layer Styles)) y aplicarle ((Gradient Overlay)).

Acepten los cambios.

Escriban el título de la caja con los valores que aparecen abajo.

Finalmente escriban un texto dentro de la caja.