Composición 3D
Crea una visualización a partir del modelo preparado.
- Ajusta la cámara, la escala del encuadre, la iluminación, las sombras y el fondo.
- Genera la imagen base y las capas necesarias para mostrar los siguientes estampados.
Generadores de mockups - presentación y venta de productos
Prepara una vez la presentación del producto y reutilízala con nuevos estampados y variantes de color. El generador de mockups guarda la vista, el fondo y la forma de aplicar el diseño al producto. El mockup final combina esos ajustes con el proyecto actual del cliente o con tu proyecto en Designer.
Puedes usar los generadores disponibles para el modelo elegido o crear los tuyos en el modo Mockup de Product Generator. A continuación encontrarás ejemplos de uso, ajustes de escenas 3D y fotografías propias, pruebas de mapeado y la descarga de visualizaciones y su uso en el plugin de WordPress + WooCommerce.
Las capturas muestran las herramientas reales de Alter Product, algunas con la interfaz en inglés. Puedes abrir cada captura a tamaño completo.
El generador guarda la forma de presentar el producto. El mockup final es una imagen de un diseño concreto creada con ese generador.
Si el modelo elegido ya tiene generadores de mockups, puedes utilizarlos directamente en Product Designer. Elige una vista en la ventana Mockup y la vista previa mostrará las imágenes y los colores del proyecto actual.
Para crear tus propios generadores, abre el proyecto del modelo en Product Generator y pasa al modo Mockup. Necesitas un modelo preparado y las superficies sobre las que se mostrará el diseño. La guía de creación de modelos 3D explica por separado los patrones de confección, la simulación y los materiales del modelo.
Ejemplo: preparas el frente de una camiseta sobre un fondo claro. Para el siguiente estampado no necesitas volver a configurar la cámara, la iluminación ni el contorno del cuello. Abres Mockup en Designer y el generador guardado muestra el proyecto actual con el mismo encuadre.
| Elemento | Su función |
|---|---|
| Modelo 3D | La forma del producto y las superficies en las que colocas el diseño. Un mismo modelo puede tener varios generadores, por ejemplo, para el frente, los laterales y la parte trasera. |
| Generador de mockups | El encuadre, el fondo, la iluminación, el mapeado de las piezas y las capas. Edítalo cuando quieras cambiar la presentación del producto. |
| Proyecto en Designer o Customizer | Las imágenes, los textos y los colores elegidos para el producto. Al cambiar el proyecto obtienes un nuevo mockup con el generador preparado. |
| Mockup PNG descargado | La imagen final de un proyecto y una vista concretos. Puedes usarla en tus ofertas, catálogo o materiales promocionales. |
Elige la etapa correspondiente a lo que quieras perfeccionar. La composición 3D y el ajuste sobre una foto ofrecen dos maneras de preparar la imagen base.
Crea una visualización a partir del modelo preparado.
Utiliza tu propia fotografía del producto como base de la presentación.
Perfecciona los contornos de las piezas y el comportamiento del estampado en la imagen.
Prepara la composición una sola vez y reutiliza el generador cuando cambies las imágenes y los colores.
Adapta la preparación del generador al lugar en el que presentarás el producto. Puedes realizar los siguientes casos con las mismas herramientas, cambiando la composición y el diseño del estampado.
Empieza por el objetivo: fotos de variantes fáciles de comparar, un estilo de marca reconocible o una visualización sobre tu propia fotografía.
Una camiseta sobre un fondo claro, con escala constante y una sombra suave. Cada nuevo estampado aparece en la misma vista.
Elige un fondo con un color de la colección, un degradado o tu propia imagen. Ajusta la luz y la sombra para integrar el producto en la escena preparada.
¿Tienes una foto de la camiseta en la composición deseada? Usa Ajuste sobre imagen para adaptar el modelo a la fotografía y preparar la aplicación de nuevos estampados.
El cliente cambia la imagen, el texto o el color en Customizer. Los generadores disponibles para el modelo preparan visualizaciones de ese proyecto concreto.
Las capturas de la aplicación muestran el mismo diseño de frutas en dos colores del producto. El encuadre se mantiene y el mockup combina el estampado con el color elegido para la camiseta.
Con el modelo preparado en Inspector, pasa al modo Mockup. Aquí creas una composición común para los siguientes diseños y variantes del producto.
En el panel Mockups del proyecto, elige Crear automáticamente para preparar cuatro vistas: Frente, Lateral izquierdo, Lateral derecho y Parte trasera. También puedes añadir una vista propia con Añadir nuevo, cambiar su nombre y su orden. Cada generador conserva su propio encuadre y sus ajustes.

En Composición 3D, sitúas el producto como base de la imagen. Adapta el encuadre y la iluminación al estilo de tu catálogo o marca.
Para un catálogo, empieza con un fondo sencillo y una silueta clara del producto. Usa la cámara ortográfica para una presentación equilibrada sin acortamiento por perspectiva. La perspectiva permite destacar más el volumen. Deja margen en el encuadre para las mangas, la parte inferior del producto y la sombra.
La sombra sobre el suelo asienta el producto en la composición y la sombra en la pared aporta profundidad. Puedes ajustar por separado su posición, tamaño, opacidad y suavidad. La exposición y las curvas de luces, medios tonos y sombras permiten recuperar la legibilidad de los detalles. En las fotos de catálogo conserva la nitidez del estampado; ajusta Bloom y la profundidad de campo para vistas más orientadas a imagen de marca.

El modo Ajuste sobre imagen permite utilizar tus archivos JPG, PNG o WebP. Ajusta la cámara y la escala del modelo superpuesto, así como su opacidad y posición. Para la ropa hay herramientas de huesos, preajustes de posición de las mangas y deformación suave con radio e intensidad regulables. El ajuste preparado se utiliza para generar las capas del mockup.
Para las prendas compatibles puedes preparar un rig automático y ajustar los huesos moviéndolos, girándolos y cambiando su longitud. El ajuste en espejo ayuda a mantener la simetría, y los preajustes de mangas permiten partir de la posición original, ligeramente bajada o junto al cuerpo. La deformación y la rotación suaves actúan localmente: eliges el radio, la intensidad y la caída de influencia - suave, lineal, esférica o pronunciada. La vista de malla facilita evaluar la forma.
La imagen base, la máscara de estampado, las sombras y las luces trabajan juntas para que el diseño respete la apariencia y la forma del producto. Prepararlas correctamente permite reutilizar la misma visualización.
En Composición 3D, elige Generar todas las capas; si ajustas el modelo a una foto, elige Generar a partir del ajuste. Después revisa cada capa y el resultado en el producto.
| Capa | Qué puedes controlar |
|---|---|
| Imagen base | El encuadre del producto, el fondo y el aspecto de la escena. Vuelve a generarla después de cambiar la composición. |
| Máscara de estampado | El área visible del diseño, el umbral, la suavidad y el desplazamiento del borde, además de su suavizado. |
| Sombras | La intensidad, la gamma y el punto blanco para que el estampado conserve el sombreado del producto. |
| Luces | El umbral, la intensidad y la gamma de las zonas claras de la composición. |
Antes de pasar al proyecto final, abre la herramienta de estampados de prueba. Puedes asignar un patrón por separado a las piezas disponibles y, cuando se permita cambiar el color, comprobar también el del producto completo o el de sus elementos.
La cuadrícula de colores ayuda a detectar estiramientos, cambios de dirección y discontinuidades del diseño. Revisa especialmente el cuello, las mangas y los bordes laterales.
Las marcas y la imagen central permiten comprobar dónde se coloca el estampado y si el contorno o la máscara lo recortan.
El patrón con el texto Alter Product ayuda a evaluar la legibilidad de las letras, sus proporciones y su dirección en cada pieza.
Compara una variante clara y otra oscura. Así detectarás mejor las sombras excesivas, las luces quemadas o un halo claro alrededor del estampado.
Pasa a Mapeado, selecciona una pieza del producto y ajusta los puntos y los tiradores Bézier de su contorno. Puedes corregir con precisión el cuello, la manga y los bordes y después recalcular las capas. El menú de generación también permite recrear los contornos o actualizar solo la imagen base conservando los vectores existentes.
Corrige primero la geometría del contorno si el estampado invade el fondo o no llega al borde. Después perfecciona la máscara y su suavidad. Ajusta las sombras y las luces al final, comparando el resultado en un color claro y otro oscuro del producto.

Elige el alcance de la actualización para conservar las correcciones manuales que siguen siendo necesarias.
| Alcance | Cuándo usarlo |
|---|---|
| Todas las capas | Tras preparar la escena o cambiar considerablemente la composición, cuando debas actualizar la imagen base y las capas del mockup. |
| Capas a partir de los vectores guardados | Después de corregir manualmente el contorno, cuando quieras recalcular el resultado conservando los trazados perfeccionados. |
| Recreación de contornos | Cuando quieras volver a definir los contornos a partir del modelo. Esta acción recrea la geometría y puede sustituir las correcciones manuales anteriores. |
| Solo la imagen base | Cuando necesites actualizar la imagen sin sobrescribir los vectores existentes. Después de cambios que afecten a las sombras o la máscara, revisa también las capas correspondientes. |
Después de perfeccionar las vistas, guarda el proyecto de Product Generator. La colección de generadores pertenece al modelo y a la revisión que utiliza Designer. En la aplicación, guardas el proyecto en el servidor; en el plugin de WordPress se almacena localmente.
Después de cambiar la cámara, el fondo, la iluminación o el ajuste, actualiza las capas correspondientes y comprueba el resultado antes de guardar. Descargar un PNG de Designer crea una imagen del proyecto actual; guardar el proyecto del modelo conserva el generador para seguir editándolo.
El generador preparado pasa a formar parte del trabajo con el modelo. Durante el diseño, utilizas las vistas preparadas con la personalización actual.
Abre Mockup en Product Designer. En la ventana Generador de mockups, elige la miniatura del frente, un lateral o la parte trasera. La vista previa utiliza las imágenes y los colores del proyecto actual. La cámara, la iluminación y el fondo se preparan previamente en el modo Mockup del generador de modelos.

Elige una vista y un Tamaño de imagen: Miniatura 256, Pequeño 512, Mediano 1024 o Grande 2048 px. El valor corresponde al lado más largo; las proporciones dependen del generador. Descargar imágenes guarda un PNG de la vista seleccionada.
En el plugin de WordPress + WooCommerce utilizas un proyecto local y la revisión del modelo vinculada a él. Para un producto con generadores de mockups disponibles, la aplicación crea las imágenes personalizadas al añadir el proyecto al carrito. Una vez guardados los archivos, el plugin los muestra junto al artículo del carrito y del pedido.
El mockup presenta el aspecto del producto: diseño final, forma, sombras y fondo. Úsalo en tus ofertas, en el catálogo o para mostrar la personalización al cliente.
Para producción, prepara los archivos de las áreas de impresión en el Gestor de impresión. Esto también se aplica a los proyectos AOP, en los que el diseño cubre distintas piezas del producto. La guía Archivos listos para imprimir explica los ajustes y la descarga de archivos de producción.
Prueba distintos estampados y colores del producto. Un generador preparado con un motivo sencillo también debe mostrar correctamente el texto pequeño, los diseños junto al borde y los estampados AOP más grandes.
Sigue el mismo recorrido que utilizaréis después tú o tu cliente.
Empieza por la etapa responsable del problema. No todas las correcciones requieren volver a configurar la escena completa.
| Qué ves | Qué revisar |
|---|---|
| El estampado sobresale del producto o desaparece junto al cuello | El contorno de la pieza en Mapeado, los tiradores Bézier y los ajustes de la máscara de estampado. Tras corregirlos, recalcula las capas necesarias. |
| La cuadrícula o las letras están demasiado estiradas | El ajuste del modelo a la fotografía y el mapeado de la pieza. Corrige la forma antes de disimular el problema con un borde excesivamente suave. |
| El diseño está demasiado oscuro o demasiado aclarado | Los ajustes de las capas de sombras y luces. En una composición 3D, revisa también la exposición y la iluminación de la escena. |
| Después de cambiar el fondo sigues viendo la imagen anterior | Actualiza la imagen base con el comando de generación adecuado y guarda el proyecto. Elegir un fondo cambia la escena, pero no sustituye la imagen generada anteriormente. |
| El ZIP no incluye los laterales ni la parte trasera | El paquete de variantes corresponde a la vista seleccionada. Elige la siguiente miniatura y descarga las imágenes de esa cara del producto. |
| No aparece la opción de todos los colores o solo se descarga un PNG | Comprueba cuántos preajustes son compatibles con el material, la técnica de impresión y la talla. Se necesitan al menos dos. |
| El carrito muestra la foto estándar del producto | Comprueba que los generadores guardados y sus recursos estén disponibles para la revisión del modelo usada por el proyecto y que los mockups se hayan guardado correctamente. |