Crea un disegno a sublimazione per una maglia da basket

Cosa realizzerai in questo tutorial

In questo tutorial su Konfiwear, creerai un disegno per la sublimazione di una maglia da basket perfettamente compatibile con il Konfiwear 3D Customizer.

Se preferisci guardare il video, inizia con il tutorial qui sotto:

• Un file SVG pulito con ID dei livelli compatibili con Konfiwear (primary, secondary, accent, accent2, accent3)
• Un’immagine di anteprima per la tua Libreria dei disegni
• Un disegno caricato in Istanza → Disegni, pronto per essere utilizzato sul tuo modello di maglia da basket

Strumenti necessari

• Freepik (per scaricare un’illustrazione vettoriale)
• Adobe Illustrator
• Blender (per esportare il layout UV dal tuo modello di maglia)
• Konfiwear (Instance Dashboard)
• svgviewer.dev (per ripulire gli ID SVG)

Passaggio 1 — Scarica un disegno vettoriale per la maglia (Freepik)

1. Vai su Freepik e cerca:
   • Basketball Jersey Design
2. Filtra per:
   • Illustrazione
   • Vettoriale
3. Scegli un disegno (gratuito o premium).
4. Scaricalo, spostalo nella cartella del tuo progetto e decomprimilo.
5. Apri il file .AI in Adobe Illustrator.

Obiettivo: ottenere una base vettoriale pulita che tu possa adattare al layout UV della tua maglia.

Il layout UV è il tuo progetto di riferimento. Assicura che il tuo disegno venga posizionato sui pannelli corretti (fronte, retro, fianchi, ecc.).

1. Apri il modello della maglia in Blender
2. Seleziona la mesh della maglia
3. Vai su Modifica UV
4. Seleziona tutte le isole UV
5. Esporta il layout UV

Importante (obbligatorio per le texture a sublimazione di Konfiwear):

• Dimensioni di esportazione: 2048 × 2048

Assegnagli un nome del tipo:

• UV.png

Per una guida dettagliata sulla preparazione dei modelli di abbigliamento 3D e sui flussi di lavoro UV, consulta il nostro tutorial: Da CLO3D a Konfiwear: come preparare e importare modelli di abbigliamento.

1. In Illustrator, creare un nuovo documento
   • Larghezza: 2048
   • Altezza: 2048
2. Inserisci l’immagine del layout UV esportata (UV.png)
3. Centrala con precisione:
   • X: 1024
   • Y: 1024
4. Blocca il livello UV in modo che non si sposti.

Ora disponi di una tavola da disegno perfetta per le texture a sublimazione di Konfiwear.

Ora importa i tuoi elementi vettoriali da Freepik nel nuovo documento 2048×2048:

1. Copia le forme/i motivi che desideri utilizzare
2. Incollali nel tuo file modello
3. Ridimensionali e posizionali intorno ai pannelli UV

Metodo più veloce (consigliato)

Invece di modificare manualmente ogni forma:

• Usa dei rettangoli sopra le zone UV
• Duplicali sugli altri pannelli
• Usa i riempimenti per definire aree di colore ben definite

Questo semplifica notevolmente i passaggi successivi (raggruppamento dei livelli + controllo del colore).

Konfiwear funziona al meglio quando ogni livello di colore è un singolo oggetto vettoriale ben definito (o un gruppo ben definito) per ogni ID.

Per ogni area di colore:

1. Seleziona un oggetto di quel colore
2. Vai su:
   • Seleziona → Uguale → Colore di riempimento (o Riempimento e contorno)
3. Taglia
4. Incolla sul posto
5. Vai su:
   • Oggetto → Percorso composto → Crea

Ripeti questa operazione finché il tuo disegno non sarà semplificato in pochi livelli di colore puliti.

Quanti colori puoi usare?

Konfiwear supporta fino a 5 livelli di colore per questo flusso di lavoro:

• primario
• secondario
• accento
• accento2
• accento3

Per ulteriori dettagli sulla preparazione del disegno, consulta la nostra documentazione sul layout del disegno.

Questa è la regola più importante:

ID dei livelli consentiti da Konfiwear

Utilizza esattamente questi nomi (si consiglia di rispettare le maiuscole e le minuscole):

• primary
• secondary
• accent
• accent2
• accent3

Mappatura tipica:

• Sfondo / base principale = primary
• Aree di seconda visibilità = secondary
• Elementi in risalto / rifiniture = accent, accent2, accent3

Suggerimento: Mantieni la coerenza tra tutte le forme che appartengono allo stesso livello.

Passaggio 7 — Esporta correttamente in formato SVG (usa le tavole da disegno)

Ora esporta il tuo progetto finale in formato SVG:

1. Salva prima il tuo file Illustrator (AI)
2. Poi:
   • File → Esporta → Esporta come
3. Scegli: SVG
4. Abilita: Usa tavole da lavoro (molto importante)

Esporta.

Illustrator aggiunge spesso suffissi come:

• primary_1
• secondary_2
• accent_3

Ma Konfiwear richiede che l’ID sia esattamente:

• primary, non primary_1

Correzione tramite svgviewer.dev

1. Apri svgviewer.dev
2. Svuota l’area di lavoro
3. Trascina e rilascia il tuo SVG esportato
4. Clicca su ciascun oggetto e controlla il relativo ID
5. Rimuovi i suffissi in eccesso in modo che gli ID diventino:
   • primary
   • secondary
   • accent
   • accent2
   • accent3
6. Scarica il file SVG ripulito
7. Sostituisci il vecchio file SVG nella cartella del tuo progetto

Konfiwear richiede un’immagine di anteprima per ogni disegno.

Opzione A (veloce): esporta da Illustrator

1. In Illustrator:
   • Esporta come PNG (o JPG)
2. Abilita: Usa tavola da lavoro
3. Salva il file

Opzione B (consigliata): genera un'anteprima utilizzando Mockup Designer

Questo ti consentirà di ottenere una bella anteprima del “prodotto reale”:

1. In Konfiwear:
   • Vai su Mockup Designer
2. Crea un nuovo mockup
3. Seleziona il tuo modello di maglia da basket
4. Carica il tuo file PNG esportato
5. Posizionalo correttamente nella vista 3D
6. Salva e genera l’anteprima
7. Scarica o copia l’immagine di anteprima

Per una guida completa sui flussi di lavoro relativi ai mockup, consulta: Flusso di lavoro per l’approvazione dei mockup in Konfiwear.

Ora pubblicalo:

1. Vai su:
   • Istanza → Disegni
2. Clicca su:
   • Aggiungi nuovo disegno
3. Scegli il tipo:
   • Disegno per sublimazione
4. Compila:
   • Nome: ad es. Disegno Basket 1
   • Immagine: carica la tua immagine di anteprima (PNG/JPG)
   • Texture: carica il tuo file SVG pulito

Clicca su Aggiungi disegno.

Dopo il caricamento, assegna la stessa categoria utilizzata dal tuo modello.

Esempio:

• Se il tuo modello di maglia è classificato come Basket
• Allora anche il tuo design deve essere classificato come Basket

Questo è ciò che permette al design di apparire nei filtri del Customizer.

Per ulteriori informazioni sulle categorie di prodotto e sui filtri, consulta la nostra Documentazione sui prodotti.

1. Vai al Customizer
2. Seleziona il prodotto “maglia da basket”
3. Apri il tuo nuovo design dalla libreria dei design

Ora prova i controlli dei colori:

• Modifica primary
• Modifica secondary
• Modifica accent, accent2, accent3

Se la denominazione è corretta, vedrai immediatamente gli aggiornamenti dei colori in tempo reale.

Il mio disegno viene visualizzato ma i colori non cambiano

• Probabilmente i tuoi ID SVG includono suffissi come primary_1
• Riapri il file su svgviewer.dev e elimina tutti gli ID

Il disegno sembra disallineato sulla maglia

• Verifica che la tavola da lavoro di Illustrator sia 2048×2048
• Verifica di aver centrato le coordinate UV a 1024 / 1024
• Verifica di aver utilizzato il layout UV esportato come riferimento di posizionamento

Il disegno non compare nel Customizer

• Verifica di aver assegnato una categoria che corrisponda alla categoria del modello del prodotto

Hai bisogno di aiuto? Consulta la nostra documentazione sulla Preparazione del disegno per ulteriori guide e suggerimenti.