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

Crear Sticker Web 2.0

Publicado por Luch el Jueves, 6 Noviembre 2008Sin Comentarios

El estilo Web 2.0 nos ha traído una gran variedad de cosas. En este tutorial usted aprenderá a crear un Sticker con el efecto 2.0.

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

Creamos una ((New Layer)).

Elegimos el blanco como color de frente.

Con ((Rounded Rectangle Tool)) de unos 10px de radio, vamos a dibujar el Sticker.

Hacemos doble clic sobre la capa para entrar a ((Blending Options)).

((Stroke)).

Hacemos clic derecho sobre el nombre de la capa y en el menu que se despliega elijan “Convert To Smart Object”.

Vuelvan a hacer clic derecho y seleccionen “Rasterize Layer”.

Nuevamente entren a ((Blending Options)).

((Drop Shadow)).

((Outer Glow)).

((Stroke)).

Luego de aceptar los cambios vamos a tener este resultado.

Escriban el texto con la fuente Arial dentro del Sticker.

Ahora seleccionen la capa de texto y la del Sticker, luego apreten Ctrl + T para activar ((Free Transform)). En la barra de opciones más exactamente en “Rotate” ingresen el valor 30º (observen la flecha roja en la siguiente imagen).

Todavía no apreten Enter.

Lo que haremos en este paso será doblas la esquina del Sticker.

Hagan clic derecho, luego seleccionen transformación “Warp” y vean lo que hice en la imagen de abajo, moví el deslizador inferior derecho hacia arriba.

Ahora sí apreten Enter.

Seleccionen nuevamente la capa de texto y del Sticker. Apreten Ctrl + E para unir las capas.

Crean otra ((New Layer)).

Hacen clic derecho sobre el nombre de esta nueva capa y elijan Create Clipping Mask.

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

Elegimos ((Gradient Tool)) de tipo “Lineal Gradient” y para el degradado usen los colores: negro-blanco-negro.

Entonces tracen un pequeño degradado en la parte inferior del sticker. Prueben unas cuantas veces hasta encontrar el indicado.

Hagan doble clic sobre la capa para entrar a ((Blending Options)).

((Drop Shadow)).

Ahora si terminamos de crear el Sticker estilo 2.0.

Este es el resultado.