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 » Avanzados, Dibuja, Variados, Web

Crear un Icono Termómetro

Publicado por Luch el Domingo, 16 Noviembre 20084 Comentarios

Pasaré a explicarles como crear este fabuloso ícono de un termómetro. La verdad me divertí mucho haciendo este tutorial y me sorprendí por el buen resultado que tuvo.

Abrimos un nuevo documento de 450×450px con fondo con fondo transparente.

La rellenamos de color #bdbfbe.

Creamos una ((nueva capa)).

Luego con ((Elliptical Marquee Tool)) dibujamos un círculo como el que vemos abajo y lo rellenamos de blanco.

Creamos otra ((New Layer)).

Seleccionamos ((Rounded Rectangle Tool)) con un ((Radius)) de 40px y dibujamos un rectángulo vertical blanco para completar la figura del termómetro.

Apretamos Ctrl + E para unir las capas.

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

((Drop Shadow)).

((Inner Glow)).

((Gradient Overlay)). Para el degradado usamos los siguientes colores: #f4f4f4 y #c4c6c5.

((Stroke)).

Luego de aplicados estos ((Layer Styles)) nos estaría quedando así.

Creamos una ((New Layer)) y repetimos los primeros pasos pero esta vez la figura del termómetro debe ser menor.

La rellenamos de rojo.

Volvamos a entrar a ((Blending Options)).

((Inner Glow)).

((Stroke)).

Acepten los cambios. Les tendría que estar quedando como muestra la imagen de abajo.

Creamos otra ((New Layer)).

En los próximos dos pasos vamos a dibujar los reflejos. Seleccionamos ((Elliptical Marquee Tool)) y dibujamos una circunferencia en la parte superior del termómetro. Con ((Gradient Tool)) apliquen un degradado de blanco a transparente. Observen la siguiente imagen.

Luego, con ((Pen Tool)) dibujen en la parte de abajo del termómetro otro reflejo. Aumenten la siguiente imagen para que vean correctamente lo que les estoy explicando.

Crean otra ((New Layer)).

Elijan el color blanco como color frontal.

Con ((Rounded Rectangle Tool)) dibujen los valores del termómetro.

Por último si quieren pueden dibujarle un marco al termómetro para que nos quede 100% Icono.

En una ((new layer)) dibujen un rectángulo curvo.

Copien los ((Layer Styles)) del primer termómetro y lo pegan en este marco.

Y listo!