Crea tus propios Mockups con Adobe Photoshop

Creative Cloud

Por: Andrea Galecio

En este tutorial aprenderemos a crear un mockup fácil a través de una fotografía y lo realizaremos en el programa de Adobe Photoshop que tiene muchas funciones para diseño, ilustración y 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.


Creative Cloud

Posted on 02-24-2020