Criar um desenho de sublimação para uma camisola de basquetebol

O que vais criar neste tutorial

Neste tutorial do Konfiwear, vais criar um desenho de sublimação para uma camisola de basquetebol que funciona na perfeição no Konfiwear 3D Customizer.

Se preferires ver o vídeo, começa pelo tutorial em vídeo abaixo:

• Um ficheiro SVG limpo com IDs de camadas compatíveis com o Konfiwear (primary, secondary, accent, accent2, accent3)
• Uma imagem de pré-visualização para a sua Biblioteca de Designs
• Um design carregado em Instância → Designs, pronto a usar no seu modelo de camisola de basquetebol

Ferramentas necessárias

• Freepik (para descarregar uma ilustração vetorial)
• Adobe Illustrator
• Blender (para exportar o layout UV do seu modelo de camisola)
• Konfiwear (Painel de Instances)
• svgviewer.dev (para limpar os IDs SVG)

Passo 1 — Descarregar um desenho vetorial de camisola (Freepik)

1. Aceda ao Freepik e pesquise:
   • Desenho de camisola de basquetebol
2. Filtra por:
   • Ilustração
   • Vetor
3. Escolhe um design (gratuito ou premium).
4. Faz o download, move-o para a pasta do teu projeto e descompacta-o.
5. Abra o ficheiro .AI no Adobe Illustrator.

Objetivo: obter uma base vetorial limpa que possa adaptar ao UV da sua camisola.

O layout UV é o teu plano de trabalho. Garante que o teu design fica nos painéis corretos (frente, costas, laterais, etc.).

1. Abra o seu modelo de camisola no Blender
2. Selecione a malha da camisola
3. Vá para Edição UV
4. Selecione todas as ilhas UV
5. Exporte o layout UV

Importante (obrigatório para texturas de sublimação da Konfiwear):

• Tamanho de exportação: 2048 × 2048

Dê-lhe um nome do tipo:

• UV.png

Para um guia detalhado sobre a preparação de modelos de vestuário 3D e fluxos de trabalho UV, consulte o nosso tutorial: Do CLO3D ao Konfiwear: Como preparar e importar modelos de vestuário.

1. No Illustrator, crie um novo documento
   • Largura: 2048
   • Altura: 2048
2. Insira a imagem do layout UV exportada (UV.png)
3. Centralize-a com precisão:
   • X: 1024
   • Y: 1024
4. Bloqueie a camada UV para que não se mova.

Agora tem uma prancheta perfeita para as texturas de sublimação da Konfiwear.

Agora, importa os teus elementos vetoriais do Freepik para o novo documento de 2048×2048:

1. Copie as formas/padrões que pretende utilizar
2. Cole-os no seu ficheiro de modelo
3. Redimensione-os e posicione-os em torno dos painéis UV

Método mais rápido (recomendado)

Em vez de editar manualmente cada forma:

• Utilize retângulos sobre as zonas UV
• Duplique-os nos outros painéis
• Utilize preenchimentos para definir regiões de cor bem definidas

Isto torna os passos seguintes (agrupamento de camadas + controlo de cor) muito mais fáceis.

O Konfiwear funciona melhor quando cada camada de cor é um único objeto vetorial nítido (ou um grupo nítido) por ID.

Para cada região de cor:

1. Selecione um objeto dessa cor
2. Vá a:
   • Selecionar → Igual → Cor de Preenchimento (ou Preenchimento e Contorno)
3. Cortar
4. Colar no Lugar
5. Vá a:
   • Objeto → Caminho composto → Criar

Repita este processo até que o seu design seja simplificado em algumas camadas de cor limpas.

Quantas cores pode utilizar?

O Konfiwear suporta até 5 camadas de cor para este fluxo de trabalho:

• primária
• secundária
• destaque
• destaque2
• destaque3

Para mais detalhes sobre a preparação do design, consulte a nossa documentação sobre o layout do design.

Esta é a regra mais importante:

IDs de camadas permitidas no Konfiwear

Utilize exatamente estes nomes (recomenda-se respeitar as maiúsculas e minúsculas):

• primary
• secondary
• accent
• accent2
• accent3

Mapeamento típico:

• Fundo / base principal = primary
• Segundas áreas mais visíveis = secondary
• Destaques / acabamentos = accent, accent2, accent3

Dica: Mantenha a consistência em todas as formas que pertençam à mesma camada.

Passo 7 — Exportar SVG corretamente (utilizar a área de trabalho)

Agora, exporte o seu design final como SVG:

1. Guarde primeiro o seu ficheiro do Illustrator (AI)
2. Em seguida:
   • Ficheiro → Exportar → Exportar como
3. Escolha: SVG
4. Ative: Utilizar pranchetas (muito importante)

Exporte.

O Illustrator adiciona frequentemente sufixos como:

• primary_1
• secondary_2
• accent_3

Mas o Konfiwear espera que o ID seja exatamente:

• primary, e não primary_1

Corrigir utilizando o svgviewer.dev

1. Abra svgviewer.dev
2. Limpe a tela
3. Arraste e solte o seu SVG exportado
4. Clique em cada objeto e verifique o seu ID
5. Remova os sufixos a mais para que os IDs fiquem assim:
   • primary
   • secondary
   • accent
   • accent2
   • accent3
6. Descarregue o ficheiro SVG limpo
7. Substitua o ficheiro SVG antigo na pasta do seu projeto

O Konfiwear requer uma imagem de pré-visualização para cada design.

Opção A (Rápida): Exportar do Illustrator

1. No Illustrator:
   • Exportar como PNG (ou JPG)
2. Ative: Usar prancheta
3. Guarde o ficheiro

Opção B (Recomendada): Gerar uma pré-visualização utilizando o Mockup Designer

Isto proporciona uma boa pré-visualização do «produto real»:

1. No Konfiwear:
   • Aceda ao Mockup Designer
2. Crie uma nova maquete
3. Selecione o seu modelo de camisola de basquetebol
4. Carregue o seu ficheiro PNG exportado
5. Posicione-o corretamente na vista 3D
6. Guarde e gere a pré-visualização
7. Descarregue ou copie a imagem de pré-visualização

Para um guia completo sobre os fluxos de trabalho de maquetes, consulte: Fluxo de trabalho de aprovação de maquetes no Konfiwear.

Agora publique-o:

1. Vá a:
   • Instância → Designs
2. Clique em:
   • Adicionar novo design
3. Escolha o tipo:
   • Design de sublimação
4. Preencha:
   • Nome: por exemplo, Design de basquetebol 1
   • Imagem: carregue a sua imagem de pré-visualização (PNG/JPG)
   • Textura: carregue o seu ficheiro SVG limpo

Clique em Adicionar design.

Após o upload, atribua a mesma categoria utilizada pelo seu modelo.

Exemplo:

• Se o seu modelo de camisola estiver categorizado como Basquetebol
• Então o seu design também deve ser categorizado como Basquetebol

É isto que faz com que apareça nos filtros do Personalizador.

Para mais informações sobre categorias de produtos e filtragem, consulte a nossa Documentação de Produtos.

1. Aceda ao Personalizador
2. Selecione o produto «camisola de basquetebol»
3. Abra o seu novo design a partir da biblioteca de designs

Agora teste os controlos de cor:

• Altere «primary»
• Altere secondary
• Altere accent, accent2, accent3

Se a sua nomenclatura estiver correta, verá atualizações de cor em tempo real instantaneamente.

O meu design aparece, mas as cores não mudam

• É provável que os teus IDs SVG incluam sufixos como primary_1
• Reabra no svgviewer.dev e limpe todos os IDs

O design parece desalinhado na camisola

• Confirme se a área de trabalho do Illustrator tem 2048×2048
• Confirme se centrou o UV em 1024 / 1024
• Confirme se utilizou o layout UV exportado como referência de posicionamento

O design não aparece no Personalizador

• Confirme se atribuiu uma categoria que corresponda à categoria do modelo do produto

Precisa de ajuda? Explore a nossa documentação sobre Preparação do Design para obter mais guias e dicas.