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, Web

Diseñar parlante elegante

Publicado por Luch el Domingo, 16 Noviembre 2008Sin Comentarios

Tutorial de un elegante parlante de audio. Tiene un diseño tan limpio que realmente se los quería mostrar. Para crearlo usarán ((Elliptical Marquee Tool)) y unas cuantas ((Layer Styles)). Que lo disfruten!

Abrimos un nuevo documento de 200×300px.

Rellenamos el fondo con el color #b0b0b0.

Crean una ((New Layer)).

Seleccionamos ((Elliptical Marquee Tool)) y dibujamos un círculo como el que vemos abajo.

Luego lo rellenan de negro.

Ahora le aplica ((Filter))-((Blur))-((Gaussean Blur)).

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

((Gradient Overlay)). Para el degradado usaremos los colores: #ecf0ef y #898989.

Acepten los cambios.

Creamos una ((New Layer)).

Volvemos a crear una selección circular pero esta vez más chica que la anterior.

La rellenan de negro. Observen la siguiente imagen.

Ahora hagan doble clic sobre esta capa para entrar a ((Layer Styles)).

((Inner Shadow)).

((Color Overlay)).

((Gradient Overlay)).

((Stroke)).

Luego de aceptar los cambios tendremos este resultado.

Crean otra ((New Layer)).

Vuelvan a crear otra selección circular menor a la última que creamos.

La rellenan de negro.

A esta selección también le aplicaremos ((Layer Styles)).

((Inner Shadow)).

((Gradient Overlay)). Para este degradado deberán usar los colores: #a2abaa y #5d6663.

Acepten los cambios. Obtendrán este resultado parcial.

Por última vez creamos una ((New Layer)).

Crean otra selección circular. Esta vez va a ser mucho más chica que la anterior. Observen la imagen de abajo.

Entren a ((Layer Styles)).

((Inner Shadow)).

((Outer Glow)).

((Inner Glow)).

((Gradient Overlay)). Para el degradado usen los siguientes colores: #5b6660 y #bccccc.

Este será el resultado parcial, un elegante y atractivo parlante de audio.