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

Diseñar simple etiqueta

Publicado por Luch el Jueves, 20 Noviembre 2008Sin Comentarios

Como bien lo dice el nombre, vamos a diseñar una simple etiqueta web que puede ser de mucha utilidad a la hora de crear un sitio web. Nos puede servir para marcar imágenes u otra cosa que ustedes deseen. Yo hasta utilicé una etiqueta similar a esta como marca.

Abrimos un nuevo documento de 200×200px con fondo blanco.

Crean una ((New Layer)).

Con ((Polygonal Lazo Tool)) dibujen la etiqueta y luego la rellenan de negro.

Hagan doble clic sobre la capa para abrir la ventana de ((Blending Options)).

((Drop Shadow)).

((Gradient Overlay)). Para el degradado usé los colores #efeeee y #ffffff.

((Stroke)).

Nos quedará así.

Ahora crean una ((New Layer)).

Con ((Rectangle Tool)) dibujén un retángulo y con ((Free Transform)) (Ctrl + T) lo rotan hasta que coincida con la capa inferior.

Luego hagan doble clic sobre esta misma capa para aplicarle los siguientes ((Blending Options)).

((Inner Shadow)).

((Gradient Overlay)). Para este degradado usen los colores #f29193 y #ee0022.

((Stroke)).

Aceptamos los cambios para obtener este resultado.

Finalmente le agregan el texto a la etiqueta. Una vez que lo escribieron con ((Free Transform)) (Ctrl + T) roten el texto hasta que coincida con la posición de las demas partes.