Crea tus propios Mockups con Adobe Photoshop

Por: Andrea Galecio

En este tutorial aprenderemos como hacer un mockup en photoshop de manera fácil a través de una fotografía.

Un mockup es un tipo de maqueta que sirve como modelo para representar nuestros productos a una escala “real”. Podemos hacer diversos mockups como tarjetas de presentación, camisetas, calendarios, sketchbooks y más.

¿Qué necesitamos?

Para este ejemplo, he utilizado pequeñas hojas o lienzos que tienen un soporte de madera y en esas hojas colocaremos diversas ilustraciones.

He utilizado para armar el fondo, una cartulina rosada y he tomado la fotografía con una cámara compacta. Puedes utilizar un celular que tome fotos de alta calidad, cámara compacta, semi-profesional o profesional, depende de lo que tengas.
Otra alternativa sería utilizar maquetas 3d, todo depende de la creatividad.

Vamos a seguir los siguientes pasos para armar nuestro mockup en Adobe Photoshop:

• Abrir la foto que hemos tomado, debe ser de alta calidad y podemos utilizar algunos ajustes de capa para empezar a dar luminosidad, sombras o saturación a la foto. Puedes utilizar curvas, niveles o el ajuste que más se te acomode.

• Utilizamos la pluma para poder trazar la forma que necesitamos, en este caso trazamos en la primera hoja un rectángulo. Se puede utilizar trazado como forma o simplemente trazo, depende de uno. En mi caso utilizo solo trazo.

• Vamos a ventana y buscamos Trazado para tener el panel y luego seleccionamos Cargar trazado como selección y rellenamos con bote de pintura, esto es para visualizarlo mejor.

• Luego en la capa que rellenamos con bote de pintura, hacemos clic derecho y colocar Convertir en Objeto Inteligente, esto nos ayudará a editar el contenido de la forma trazada.

• Clic en nuestra capa (Miniatura de capa + CTRL) para seleccionar la forma que está en la capa.

• Una vez seleccionada, añadimos una máscara de capa, que nos permite tener la forma seleccionada para colocar cualquier ilustración de acuerdo a el corte que hemos dado.

• Hacemos doble clic en nuestra capa de objeto inteligente y se abrirá un nuevo archivo o CAPA donde colocaremos una imagen o ilustración en este caso y luego guardamos.

• Automáticamente la ilustración se agrega al trazado que hemos realizado.

De esta manera con máscara de capa, trazados y selección podemos hacer el corte de forma que queremos para añadir ilustraciones, logos, diseños y más a cualquier objeto. Nunca olvidar convertir la capa en Objeto Inteligente.

https://www.youtube.com/embed/Cs34Hs5s_gQ?feature=oembed