Crear un diseño de sublimación para una camiseta de baloncesto

Lo que crearás en este tutorial

En este tutorial de Konfiwear, crearás un diseño de sublimación para una camiseta de baloncesto que funciona a la perfección en el Konfiwear 3D Customizer.

Si prefieres verlo en vídeo, empieza por el tutorial que aparece a continuación:

• Un archivo SVG limpio con identificadores de capa compatibles con Konfiwear (primary, secondary, accent, accent2, accent3)
• Una imagen de vista previa para tu biblioteca de diseños
• Un diseño subido a Instance → Designs, listo para usar en tu modelo de camiseta de baloncesto

Herramientas que necesitarás

• Freepik (para descargar una ilustración vectorial)
• Adobe Illustrator
• Blender (para exportar el mapa UV de tu modelo de camiseta)
• Konfiwear (panel de control de instancias)
• svgviewer.dev (para limpiar los identificadores SVG)

Paso 1 — Descargar un diseño vectorial de camiseta (Freepik)

1. Ve a Freepik y busca:
   • Diseño de camiseta de baloncesto
2. Filtra por:
   • Ilustración
   • Vector
3. Elige un diseño (gratuito o premium).
4. Descárgalo, muévelo a la carpeta de tu proyecto y descomprímelo.
5. Abre el archivo .AI en Adobe Illustrator.

Objetivo: conseguir una base vectorial limpia que puedas adaptar al UV de tu camiseta.

El diseño UV es tu plano de trabajo. Garantiza que tu diseño quede en los paneles correctos (delantero, trasero, laterales, etc.).

1. Abre tu modelo de camiseta en Blender
2. Selecciona la malla de la camiseta
3. Ve a Edición UV
4. Selecciona todas las islas UV
5. Exporta el diseño UV

Importante (obligatorio para las texturas de sublimación de Konfiwear):

• Tamaño de exportación: 2048 × 2048

Nómbralo algo así como:

• UV.png

Para obtener una guía detallada sobre cómo preparar modelos de ropa en 3D y flujos de trabajo UV, consulta nuestro tutorial: De CLO3D a Konfiwear: cómo preparar e importar modelos de ropa.

1. En Illustrator, crea un nuevo documento
   • Ancho: 2048
   • Altura: 2048
2. Coloca la imagen del diseño UV exportada (UV.png)
3. Céntrala con precisión:
   • X: 1024
   • Y: 1024
4. Bloquea la capa UV para que no se mueva.

Ahora dispones de una mesa de trabajo perfecta para las texturas de sublimación de Konfiwear.

Ahora importa tus elementos vectoriales de Freepik al nuevo documento de 2048×2048:

1. Copia las formas o patrones que quieras utilizar
2. Pégalos en tu archivo de plantilla
3. Escálalos y colócalos alrededor de los paneles UV

Método más rápido (recomendado)

En lugar de editar manualmente cada forma:

• Utiliza rectángulos sobre las zonas UV
• Duplícalos en los demás paneles
• Utiliza rellenos para definir regiones de color bien definidas

Esto facilita mucho los siguientes pasos (agrupación de capas + control del color).

Konfiwear funciona mejor cuando cada capa de color es un único objeto vectorial limpio (o un grupo limpio) por ID.

Para cada región de color:

1. Selecciona un objeto de ese color
2. Ve a:
   • Seleccionar → Igual → Color de relleno (o Relleno y trazo)
3. Cortar
4. Pegar en el mismo sitio
5. Ve a:
   • Objeto → Trazado compuesto → Crear

Repite este proceso hasta que tu diseño se haya simplificado en unas pocas capas de color limpias.

¿Cuántos colores puedes utilizar?

Konfiwear admite hasta 5 capas de color para este flujo de trabajo:

• primario
• secundario
• acento
• acento2
• acento3

Para obtener más detalles sobre la preparación del diseño, consulta nuestra documentación sobre maquetación de diseños.

Esta es la regla más importante:

Identificadores de capas permitidos en Konfiwear

Utiliza exactamente estos nombres (se recomienda respetar las mayúsculas y minúsculas):

• primaria
• secondary
• accent
• accent2
• accent3

Asignación habitual:

• Fondo / base principal = primary
• Segundas áreas más visibles = secondary
• Destacados / ribetes = accent, accent2, accent3

Consejo: Mantén la coherencia en todas las formas que pertenezcan a la misma capa.

Paso 7 — Exporta el SVG correctamente (utiliza la mesa de trabajo)

Ahora exporta tu diseño final como SVG:

1. Guarda primero tu archivo de Illustrator (AI)
2. A continuación:
   • Archivo → Exportar → Exportar como
3. Selecciona: SVG
4. Activa: Usar mesas de trabajo (muy importante)

Exporta.

Illustrator suele añadir sufijos como:

• primary_1
• secondary_2
• accent_3

Pero Konfiwear espera que el ID sea exactamente:

• primary, no primary_1

Solución con svgviewer.dev

1. Abre svgviewer.dev
2. Borra el lienzo
3. Arrastra y suelta tu SVG exportado
4. Haz clic en cada objeto y comprueba su ID
5. Elimina los sufijos sobrantes para que los ID queden así:
   • primary
   • secondary
   • accent
   • accent2
   • accent3
6. Descarga el archivo SVG limpio
7. Sustituye el archivo SVG antiguo en la carpeta de tu proyecto

Konfiwear requiere una imagen de vista previa para cada diseño.

Opción A (rápida): Exportar desde Illustrator

1. En Illustrator:
   • Exporta como PNG (o JPG)
2. Activa: Usar mesa de trabajo
3. Guarda el archivo

Opción B (recomendada): Genera una vista previa con el Diseñador de maquetas

Esto ofrece una bonita vista previa del «producto real»:

1. En Konfiwear:
   • Ve a Mockup Designer
2. Crea una nueva maqueta
3. Selecciona tu modelo de camiseta de baloncesto
4. Sube tu archivo PNG exportado
5. Colócalo correctamente en la vista 3D
6. Guarda y genera la vista previa
7. Descarga o copia la imagen de vista previa

Para obtener una guía completa sobre los flujos de trabajo de maquetas, consulta: Flujo de trabajo de aprobación de maquetas en Konfiwear.

Ahora publícalo:

1. Ve a:
   • Instancia → Diseños
2. Haz clic en:
   • Añadir nuevo diseño
3. Elige el tipo:
   • Diseño de sublimación
4. Rellena:
   • Nombre: p. ej., Diseño de baloncesto 1
   • Imagen: sube tu imagen de vista previa (PNG/JPG)
   • Textura: sube tu archivo SVG limpio

Haz clic en Añadir diseño.

Tras la subida, asigna la misma categoría que utiliza tu modelo.

Ejemplo:

• Si tu modelo de camiseta está clasificado como Baloncesto
• Entonces tu diseño también debe estar clasificado como «Baloncesto»

Esto es lo que hace que aparezca en los filtros del Personalizador.

Para obtener más información sobre las categorías de productos y los filtros, consulta nuestra Documentación de productos.

1. Ve al Personalizador
2. Selecciona el producto «camiseta de baloncesto»
3. Abre tu nuevo diseño desde la biblioteca de diseños

Ahora prueba los controles de color:

• Cambia «primario»
• Cambia secondary
• Cambia accent, accent2, accent3

Si los nombres son correctos, verás al instante cómo se actualizan los colores en tiempo real.

Mi diseño se muestra, pero los colores no cambian

• Es probable que tus ID SVG incluyan sufijos como primary_1
• Vuelve a abrirlo en svgviewer.dev y elimina todos los identificadores

El diseño parece desalineado en la camiseta

• Comprueba que la mesa de trabajo de Illustrator sea de 2048×2048
• Comprueba que has centrado las coordenadas UV en 1024 / 1024
• Comprueba que has utilizado el diseño UV exportado como referencia de colocación

El diseño no aparece en el personalizador

• Comprueba que has asignado una categoría que coincida con la categoría del modelo del producto

¿Necesitas ayuda? Consulta nuestra documentación sobre Preparación del diseño para obtener más guías y consejos.