Un buen mockup vende el diseño antes de que tengas que explicarlo. El cliente no se imagina su logotipo en un PDF: se imagina su producto en la estantería, su cartel en la calle o su caja en la mano. Por eso la forma de presentar un proyecto pesa casi tanto como el propio diseño.
En este artículo tienes 3 webs de mockups gratis (o con una buena parte gratuita) que merece la pena tener en favoritos, qué ofrece cada una, cómo fijarte en la licencia y cómo usar un mockup PSD paso a paso.
Qué es un mockup y por qué importa
Un mockup es una imagen, normalmente un archivo PSD de Photoshop, en la que puedes colocar tu diseño para verlo aplicado a un objeto real: una botella, una caja, una camiseta, un cartel o una pantalla. Suelen usar objetos inteligentes: haces doble clic, pegas tu diseño y la perspectiva, las sombras y los reflejos se aplican solos.
Sirven para presentar propuestas a clientes, para el portfolio, para redes sociales y para validar un diseño antes de producirlo: muchas veces descubres que un texto es demasiado pequeño o que un color no funciona cuando lo ves aplicado.
1. Bendito Mockup
Web: benditomockup.com
Bendito Mockup es probablemente la web con más dirección de arte de las tres. Sus mockups están fotografiados en colaboración con fotógrafos seleccionados y tienen un estilo editorial muy cuidado, lejos de las escenas genéricas de banco de imágenes. Además de mockups sueltos, venden colecciones temáticas y fotografías de stock.
- Precio: la mayoría del catálogo es de pago, pero tiene una sección de Freebies con mockups gratuitos.
- Formato: PSD para Photoshop.
- Lo mejor: escenas con personalidad que hacen que un proyecto de branding parezca de estudio grande.
- Ideal para: presentaciones de branding, portfolio y propuestas en las que la imagen tiene que impresionar.
2. Mockups Design
Web: mockups-design.com
Mockups Design ofrece mockups gratuitos que, según indica la propia web, se pueden usar tanto en proyectos personales como comerciales. Es especialmente completa en packaging: botellas, tarros, cajas, bolsas, latas, tubos o velas. También tiene papelería, carteles, ropa, dispositivos y una sección de escenas urbanas.
- Precio: gratis.
- Licencia: uso privado y comercial.
- Extras: kits para montar tu propia escena y mockups de estudio con varias escenas en un mismo PSD.
- Ideal para: packaging y propuestas rápidas para clientes.
3. Mockup Free
Web: mockupfree.co
Mockup Free es un catálogo muy amplio de plantillas PSD para Photoshop, organizado por categorías: publicidad, ropa, bolsos, branding, tazas, alimentación y bebidas, marcos, gadgets, packaging o impresos. Indica que sus mockups gratuitos se pueden usar en proyectos comerciales; algunas plantillas están marcadas como premium.
- Precio: gratis, con algunos mockups premium.
- Formato: PSD para Photoshop.
- Lo mejor: la variedad: es fácil encontrar casi cualquier objeto en pocos minutos.
- Ideal para: cuando necesitas un objeto concreto y no quieres perder tiempo buscando.
Cómo usar un mockup PSD paso a paso
- Descarga el mockup y ábrelo en Photoshop.
- Busca en el panel de capas la capa marcada como objeto inteligente (suele llamarse «Your design here» o similar).
- Haz doble clic en su miniatura: se abrirá un archivo nuevo con las medidas exactas.
- Pega tu diseño, ajústalo a la mesa de trabajo y guarda (Cmd/Ctrl + S).
- Vuelve al mockup: tu diseño aparecerá con la perspectiva, la luz y las sombras de la escena.
- Ajusta color, fondo y sombras si el mockup lo permite, y exporta.
Cuatro reglas antes de usar un mockup
- Lee la licencia. «Gratis» no siempre significa «uso comercial». Revisa si puedes usarlo para clientes, si pide atribución y si prohíbe revenderlo.
- Elige la escena por la marca, no por lo bonita que sea la foto. Un mockup de lujo para una marca low cost confunde más que ayuda.
- Ajusta luz, color y textura para que el diseño parezca impreso de verdad: un logotipo perfectamente plano sobre una superficie con relieve delata el montaje.
- Uno bueno vale más que diez seguidos. En una presentación, tres o cuatro mockups bien elegidos funcionan mejor que una galería interminable.
¿Y si el mockup que necesitas no existe?
A veces el producto es demasiado específico (un envase con una forma concreta, un mueble, una prenda) y ningún mockup encaja. Hoy también se puede resolver con IA: partiendo de fotos reales del producto, se generan escenas a medida sin necesidad de sesión de fotos.
Es lo que hago en mis sesiones de fotografía de producto con IA: tu producto real, en la escena que necesites. Si quieres ver más recursos para diseñadores, en el blog tienes 5 webs que todo diseñador debería tener en favoritos y estas 10 combinaciones tipográficas gratuitas.
Preguntas frecuentes
¿Los mockups gratis se pueden usar en proyectos de clientes?
Depende de la licencia de cada web y de cada archivo. Mockups Design y Mockup Free indican que sus mockups gratuitos admiten uso comercial, pero conviene leer siempre las condiciones antes de usarlos.
¿Necesito Photoshop para usar un mockup?
La mayoría son archivos PSD con objetos inteligentes, así que lo más cómodo es Photoshop. Algunos programas alternativos abren PSD, pero no siempre respetan los objetos inteligentes.
¿Qué diferencia hay entre un mockup gratis y uno de pago?
Los de pago suelen tener fotografía propia, más resolución, más escenas por archivo y más opciones de personalización. Los gratuitos son perfectos para propuestas y presentaciones rápidas.
¿Se puede crear un mockup con IA?
Sí. Con fotografías reales del producto se pueden generar escenas a medida, algo útil cuando el objeto no existe en ningún banco de mockups.