El MOCKUP es la presentación de la marca en diversos productos mediante el fotomontaje. Debe dar la idea de la usabilidad gráfica de la misma y de las posibilidades asociadas a estética y funcionalidad.
Para trabajar un MOCKUP iniciaremos el software Adobe Photoshop, seleccionaremos Archivo nuevo, formato carta vertical en resolución 150 ppp (pixeles por pulgada) más las indicaciones de la siguiente imagen.
Posteriormente buscaremos algunas imágenes base de productos en blanco para aplicar nuestra marca (Términos de búsqueda en navegadores : Mockup, merchandising mockup). Las descargaremos y las colocaremos en nuestro archivo en Adobe Photoshop recién creado. Tenemos entonces en la Capa 01 el fondo y en la Capa 02 el producto en blanco.
Ahora colocamos nuestra marca con buena resolución y con fondo transparente en la Capa 03. Posiblemente sea reconocida como un OBJETO INTELIGENTE y se verá con un pequeño icono en la esquina inferior derecha de la capa. Para dejar la capa editable aplicaremos botón derecho y seleccionaremos RASTERIZAR CAPA.
Procedemos ahora a cambiar el tamaño y formas de nuestra marca para acoplarla al producto en blanco base. Para ello nos dirigimos a pestaña Edición / Transformación libre, en el caso de atajos de teclado es Ctrl + T…
La marca será delimitada en una figura que podrá ser reducida y ampliada para controlar el tamaño y su aplicación en el producto en blanco.
También se puede aplicar botón derecho sobre la imagen y seleccionar otras opciones que ayudarán a posicionar la marca en perspectiva, deformada o distorsionada acorde a la superficie del producto en blanco. Las opciones son ESCALA, ROTAR, SESGAR, DISTORSIONAR, PERSPECTIVA y DEFORMAR. Un pequeño testeo no está demás para familiarizarse con las herramientas.
Finalmente y ya teniendo la marca aplicada al producto en blanco procedemos a guardar una copia de la imagen final en formato PNG. Para ello vamos a pestaña Archivo / Guardar una copia… y seleccionamos el formato PNG y la carpeta de destino.
A continuación dejo otros recursos webs para descargar MOCKUPS en formato PSD (Adobe Photoshop).
- Unblast
- Pixelbuddha
- The Designest
- Creative Market
- Envato Elements
- Graphic Burger*
- Free Design Resources
