Respuesta corta: Para hacer un mockup se prepara el diseño como PNG con fondo transparente, se elige una plantilla de mockup que muestre el producto vacío, se coloca el diseño en esa plantilla ajustándolo a los pliegues, la luz y el color del producto, y después se exporta la imagen en el tamaño que recomienda la plataforma de venta. Hay tres formas de hacerlo: con herramientas de mockup online, con plantillas de objeto inteligente en Photoshop o con generadores de mockups que colocan el diseño automáticamente en las imágenes de producto.
Si quiere saber qué es un mockup y qué tipos existen, lea primero el artículo qué es un mockup. Esta guía se centra directamente en la práctica.
Preparación antes de hacer un mockup
- Archivo de diseño: Un PNG de alta resolución con fondo transparente o un archivo vectorial. Un JPG con fondo blanco parece una caja blanca sobre un producto oscuro.
- Producto y colores: Decida de antemano qué producto (camiseta, taza, póster) y qué colores va a vender; cada color necesita su propia imagen.
- Área de impresión: Averigüe el área de impresión real de su fabricante. Mostrar el diseño más grande que esa área en el mockup crea falsas expectativas en el comprador.
Método 1: con herramientas de mockup online (el más rápido)
Herramientas que funcionan en el navegador, como Canva, Placeit y Kittl, ofrecen plantillas listas. No hace falta instalar ningún programa.
- Busque en la herramienta una plantilla según el tipo de producto (p. ej., «t-shirt mockup»).
- Suba el PNG de su diseño; la herramienta lo coloca en el área de impresión.
- Ajuste el tamaño y la posición, y elija el color del producto.
- Descargue la imagen. Los planes gratuitos pueden tener marca de agua, límite de resolución o restricciones de uso comercial; lea siempre las condiciones de licencia de la plantilla.
Cuándo conviene: si tiene pocos productos y necesita imágenes rápidamente.
Método 2: con una plantilla de objeto inteligente de Photoshop (el más flexible)
La mayoría de las plantillas de mockup profesionales vienen como archivos PSD, y la capa en la que se coloca el diseño es un objeto inteligente.
- Abra la plantilla PSD y, en el panel de capas, localice la capa de objeto inteligente, que suele llamarse «Your Design» o «Place Here».
- Haga doble clic en la capa; se abre en una ventana aparte.
- Pegue su diseño en esa ventana, escálelo según el área de impresión, guarde y cierre.
- Al volver al archivo principal, el diseño queda sobre el producto junto con los efectos de pliegues y sombras de la plantilla.
- Cambie la capa de color y exporte una imagen distinta para cada variante de color.
Cuándo conviene: si quiere control total sobre la imagen y va a usar la misma plantilla para muchos diseños.
Método 3: con un generador automático de mockups (el más escalable)
Si trabaja con muchos productos, colocar cada diseño en una plantilla uno por uno lleva horas. Las herramientas de tipo generador de mockups aplican el diseño, subido una sola vez, a todos los productos y colores seleccionados. La mayoría de las plataformas de print on demand ofrecen un generador de mockups de este tipo vinculado a su catálogo de productos.
Cuándo conviene: si añade productos nuevos a Etsy con regularidad y cada producto necesita varios colores e imágenes.
¿Qué método conviene elegir?
| Método | Rapidez | Control | Habilidad necesaria | Ideal para |
|---|---|---|---|---|
| Herramienta de mockup online | Rápida | Medio | Baja | Primeros productos, pocos diseños |
| Objeto inteligente de Photoshop | Lenta | Alto | Media | Escenas personalizadas, coherencia de marca |
| Generador automático de mockups | Muy rápida | Medio | Baja | Muchos productos, muchos colores, publicación regular |
En la práctica, muchos vendedores combinan los métodos: generan mockups automáticos para todos los colores y, para la primera imagen, eligen una escena de Photoshop cuidadosamente preparada o una foto de uso.
Paso a paso: su primer mockup
Sea cual sea la herramienta elegida, el flujo es el mismo. Prepare su primer mockup en este orden:
- Limpie el diseño: Elimine el fondo y compruebe si quedan píxeles blancos en los bordes. Sobre un producto oscuro, esos píxeles se notan mucho.
- Elija la plantilla: Para la primera imagen, elija una plantilla sencilla que muestre el producto plano y de frente; deje las escenas de uso para las imágenes adicionales.
- Coloque y escale: Centre el diseño según el área de impresión. En una camiseta, el borde superior del diseño suele empezar un poco por debajo del cuello; en una taza, compruebe hacia qué lado queda el asa.
- Genere las variantes de color: Exporte una imagen distinta para cada color que venda. No muestre un diseño claro sobre un producto claro; si no se lee, no ponga ese color a la venta.
- Exporte: Guarde la imagen en JPG o PNG con el tamaño que recomienda Etsy. Use un nombre de archivo relacionado con el producto (p. ej., «gato-camiseta-negra.jpg»); así se evitan confusiones.
- Pruebe en tamaño pequeño: Reduzca la imagen y mírela en la pantalla de un móvil. Si el diseño no se distingue en la miniatura de los resultados de búsqueda, aumente la escala o simplifique la escena.
¿Cómo debe ser una imagen de mockup para Etsy?
- Tamaño: Etsy recomienda que el lado más corto de las imágenes del anuncio tenga al menos 2000 píxeles.
- Recorte: Las imágenes pueden mostrarse en el sitio con distintas proporciones, como cuadrada y rectangular. Coloque el diseño en el centro de la imagen y no ponga nada importante cerca de los bordes.
- Primera imagen: Se muestra en pequeño en los resultados de búsqueda; el diseño debe leerse bien en tamaño reducido y el fondo debe ser sencillo.
- Imágenes adicionales: Primeros planos, otros colores, una escena de uso (alguien que lleva o usa el producto) y una tabla de tallas.
La elección del ángulo y del color específicamente para camisetas la explicamos en el artículo cómo preparar un mockup de camiseta.
5 detalles que hacen realista un mockup
- Escala correcta: El diseño debe ser proporcional al área de impresión real.
- Pliegues y textura: Los pliegues de la tela también deben pasar por encima del diseño; una imagen pegada en plano parece falsa.
- Luz y sombra: El brillo del diseño debe coincidir con la iluminación de la escena.
- Color fiel: El color del producto en el mockup debe acercarse al color real del producto del fabricante.
- Coherencia: Usar una escena e iluminación similares en todos los anuncios de la tienda transmite una imagen profesional.
Los errores habituales que reducen las ventas están en el artículo errores de mockup, y los criterios de calidad en el artículo mockups profesionales.
Hacer mockups con Printmeet
En Printmeet, después de subir su diseño o generarlo con IA, puede eliminar el fondo, preparar las imágenes de mockup de los productos y colores seleccionados con vista previa en directo y enviar el producto con esas imágenes directamente a su tienda de Etsy. Para más detalles, consulte las páginas integración con Etsy y diseño con IA.
Preguntas frecuentes
¿Cómo hacer un mockup gratis?
Con las plantillas gratuitas de las herramientas de mockup online, o usando plantillas PSD gratuitas en Photoshop o en otro editor que pueda abrir archivos PSD. Compruebe siempre si las plantillas gratuitas permiten el uso comercial.
¿Se puede hacer un mockup sin Photoshop?
Sí. Herramientas que funcionan en el navegador, como Canva, Placeit y Kittl, y los generadores de mockups de las plataformas de print on demand no requieren Photoshop.
¿En qué formato debe estar el diseño para un mockup?
El PNG de alta resolución con fondo transparente es el formato más habitual. Para diseños de logotipos y tipografía también pueden usarse archivos vectoriales (SVG, AI, EPS).
¿Está prohibido usar mockups en Etsy?
No, los vendedores de print on demand suelen mostrar sus productos con mockups. Lo importante es que la imagen refleje con precisión el producto que recibirá el comprador: el color, el área de impresión y el tipo de producto deben coincidir con el producto real.