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

Mini Monitor LCD en Photoshop

Publicado por Luch el Lunes, 8 Diciembre 2008Sin Comentarios

Soy un gran fanático de los mini monitores LCD, es por eso que quiero compartir este tutorial. Para diseñarlo tendremos que usar ((Rectangular Marquee Tool)), ((Drop Shadow)), ((Gradient Overlay)), ((Stroke)), ((Bevel and Emboss)), ((Rounded Rectangle Tool)), ((Color Overlay)), ((Free Transform)) y ((Brush Tool)).

Abran un nuevo documento de 400×400px con fondo blanco.

Crean una ((New Layer)).

Seleccionen ((Rectangular Marquee Tool)) para trazar una selección como la que vemos abajo.

La rellenan de negro.

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

((Drop Shadow)).

((Gradient Overlay)). Para este degradado usen los colores: #adadad y #ffffff.

((Stroke)).

Acepten los cambios.

Crean otra ((New Layer)).

Vuelvan a seleccionar ((Rectangular Marquee Tool)) y dibujen otra selección rectangular encima de la primera.

La rellenan de negro.

Entren a ((Layer Styles)) y le aplican:

((Gradient Overlay)). Para este degradado usen los colores: #adadad y #ffffff.

((Stroke)).

Acepten los cambios.

Crean otra ((New Layer)).

Elijan el color negro como frontal.
Seleccionen ((Rounded Rectangle Tool)) con un radio de 15px y dibujen el siguiente rectángulo.

Ahora hagan doble clic sobre la capa para aplicarle los siguientes ((Layer Styles)).

((Bevel and Emboss)).

((Bevel and Emboss)) – ((Contour)).

((Color Overlay)).

Acepten los cambios.

Crean otra ((New Layer)).

Elijan el color blanco como frontal.

Seleccionen ((Rounded Rectangle Tool)) con radio de 10px y luego dibujen el siguiente rectángulo.

Antes de pasar al siguiente paso descargen el papel tapiz del mini monitor haciendo clic ACÁ.

Abran esta imagen en Photoshop y con ((Free Transform)) (Ctrl + T) la adaptan de la siguiente manera.

Apreten Ctrl + Clic sobre la capa del rectángulo blanco para activar su selección.
Invertimos la selección. ((Select))-((Inverse)).

Se paran encima de la capa donde se encuentra la imagen del papel tapiz y apretan la tecla Suprimir.

Crean otra ((New Layer)).

Como verán en la imagen de abajo añadí un botón y la marca del monitor

Apreten Ctrl + Clic sobre la capa del papel tapiz para activar su selección.

Crean una ((New Layer)) y con ((Brush Tool)) de tamaño 300px y ((Hardness)) del 0% pinten un pequeño brillo blanco en la parte superior de la pantalla.

Hemos finalizado con la creación del Mini Monitor LCD. Espero que les halla gustado. Nos vemos la próxima!