Todas las herramientas

Mockups para una tienda online: tu diseño sobre tres productos

Tu diseño pasa por tres nodos Imagen que lo colocan sobre tres productos de impresión bajo demanda: una camiseta puesta, un tote bag, una taza. El dibujo sigue siendo el tuyo, píxel a píxel. Workflow visible aquí sin cuenta.

Demo interactiva

Workflow real, resultados reales. Muévete y haz zoom libremente.

Usar este workflow

El workflow real: el diseño de partida cableado a tres nodos GPT Image 2.5 Flare, un soporte por nodo. Los tres mockups son los de la demo, con el mismo dibujo en los tres.

En resumen

Lo que produce el workflow
3 imágenes en 3:4
Estructura del canvas
8 nodes conectados por 6 enlaces
Modelos conectados
GPT Image 2.5 Flare
Coste de una pasada completa
unos 9 créditos, es decir 0,11 US$

Una ficha de producto sin foto no vende, y nadie encarga una caja de camisetas para fotografiar un diseño que quizá no salga nunca. Este workflow fabrica los visuales de venta a partir del único archivo que tienes: tu dibujo. Sale colocado sobre una camiseta puesta, sobre un tote bag colgado y sobre una taza, en tres puestas en escena de verdad.

El punto difícil no es el producto, es el DISEÑO. Tiene que seguir siendo exactamente el tuyo, con las mismas proporciones, sin redibujar, y deformarse solo como se deforma una impresión sobre un tejido que hace pliegues. Las tres consignas repiten esa frase palabra por palabra, y es lo que separa un mockup de una imagen «inspirada en» tu diseño.

El modelo es GPT Image 2.5 Flare en el nivel estándar, a tres créditos por mockup en lugar de los diecinueve del más caro del catálogo. En un workflow que un vendedor relanza con cada diseño nuevo, esa relación cuenta más que el último grado de acabado. Los tres soportes cuestan nueve créditos.

Cómo hacerlo

  1. 1

    Da un diseño plano

    Fondo liso, sin sombra proyectada, sin mockup ya hecho, sin marco. El modelo necesita el dibujo solo: todo lo que lo rodea corre el riesgo de acabar impreso con él en la camiseta.

  2. 2

    Describe la escena, no el dibujo

    Color del textil, pared de detrás, luz, ángulo de vista. El dibujo no se describe nunca: se toma de la imagen de referencia, y es justamente lo que no queremos ver reinterpretado.

  3. 3

    Genera los tres soportes

    «Generar todo» saca la camiseta, el tote bag y la taza de una vez. Los tres parten del mismo archivo, así que la tienda enseña un diseño coherente de una ficha a otra.

  4. 4

    Cambia de diseño y relanza

    Sustituye el diseño en el nodo Media y regenera: la gama entera se rehace en tres clics. Ahí es donde el canvas se convierte en una cadena de producción y deja de ser una herramienta de retoque.

Variantes y casos de uso

El mismo canvas, ajustado a necesidades distintas: cada variante son dos o tres líneas de prompt que cambiar.

La camiseta puesta

El visual que mejor vende, porque da la escala del dibujo sobre un cuerpo. El encuadre de la demo se para bajo la barbilla: el producto sigue siendo el sujeto, no la persona que lo lleva.

El tote bag

Un soporte con margen cómodo y pocas devoluciones, muy pedido en las tiendas de creadores. La lona que cae ligeramente basta para que parezca una foto de verdad.

La taza

El objeto de regalo por excelencia, y el más difícil de fotografiar en casa. El render envuelve el dibujo sobre la cerámica, algo que un montaje plano no sabe hacer.

La gama completa de un mismo diseño

Tres soportes del mismo dibujo dan una página de colección coherente el día de la publicación, en lugar de una ficha suelta que parece una prueba.

Probar un diseño antes de producirlo

Publica los mockups, mira en qué hace clic la gente, y manda imprimir solo lo que interesa. Ese es el verdadero sentido de la impresión bajo demanda, y necesita imágenes antes que stock.

El packshot de un producto real

Si el objeto ya existe y lo has fotografiado, foto de producto trabaja sobre tu foto en lugar de reconstruir una escena alrededor de un dibujo.

Errores frecuentes

Dar un diseño ya colocado sobre un producto

Un mockup dado como entrada sale como una camiseta impresa sobre una camiseta. El archivo de partida tiene que ser el dibujo solo, plano, sobre fondo liso.

Describir el dibujo en la consigna

En cuanto lo describes, el modelo cree que debe rehacerlo, y lo rehace a su manera. La consigna solo habla de la escena y remite al archivo para la ilustración.

Meter texto diminuto en el diseño

Una mención de dos milímetros impresa en una taza fotografiada de tres cuartos acaba ilegible o deformada. Deja el texto grande, o revisa el render muy de cerca.

Tomar el mockup por una prueba de imprenta

Los colores de la pantalla no son los de la imprenta, y el tejido lo cambia todo. El mockup vende el diseño, no valida la producción.

Modelos recomendados

Preguntas frecuentes

¿Mi dibujo se conserva de verdad idéntico?

Es lo que exige la consigna y lo que enseñan los tres renders de la demo, donde el mismo logo aparece intacto en los tres soportes. Revisa siempre el render: un modelo puede estropear un detalle fino o una línea de texto pequeña.

¿Puedo usar estas imágenes en mi tienda?

Sí, son imágenes de presentación como las que vende cualquier proveedor de mockups. La guía sobre los derechos de las imágenes IA detalla lo que implica para un uso comercial.

¿Otros soportes además de estos tres?

Duplica un nodo y describe el soporte que quieras: sudadera, gorra, funda de móvil, póster, riñonera. Cuenta tres créditos por soporte adicional.

¿Cuánto cuestan tres mockups?

Nueve créditos, tres por soporte, es decir once centavos por la gama completa. Eso es lo que permite rehacer los visuales con cada diseño nuevo sin pensarlo.

¿El render parece una foto de verdad?

En los tres soportes de la demo sí: luz suave, sombra proyectada en la pared, poca profundidad de campo para la taza. Ese nivel de puesta en escena es lo que distingue una ficha de producto de un montaje.

¿Puedo elegir el color del textil?

Sí, escríbelo en la consigna: gris jaspeado, negro, crudo, azul marino. Genera los colores más vendidos, sirven además de variantes en la ficha de producto.

¿Hay que enseñar una cara en la camiseta puesta?

No, y la demo encuadra a propósito bajo la barbilla. Una cara se lleva la atención en detrimento del producto, y plantea cuestiones de derecho a la imagen que un vendedor no quiere gestionar.

¿Y si todavía no tengo diseño?

Créalo primero en un nodo Imagen, como hace la demo con su visual de montaña, o parte de generador de logos si lo que buscas es una marca.

Mockups para una tienda online: tu diseño sobre tres productos

Usar este workflow

Cuenta gratuita, sin tarjeta bancaria. El workflow se abre ya rellenado en tu canvas.