Imported from designrique/ai-graphic-design-skill (SKILL.md). Install upstream with npx skills add designrique/ai-graphic-design-skill. Copyright stays with the author.

AI Graphic Design — Logomarcas e Identidades Visuais com IA

When to Trigger

Invoke this skill when the user mentions:

• Logomarca, logo, logotipo, marca, branding
• Identidade visual, design grafico, vetorizacao
• Mockup, apresentacao visual, material grafico
• Prompt visual, geracao de imagem para marca
• SVG, EPS, vetorial, Illustrator, Recraft, Midjourney

1. Tool Selection Matrix

Escolha a ferramenta pelo cenario. Nao existe bala de prata — cada IA tem uma forca especifica.

2. Briefing Frameworks

Antes de gerar qualquer visual, defina a identidade verbal da marca.

Framework RCAO (para prompts de LLM)

Role:    "Voce e um diretor de arte senior especialista em [nicho]"
Context: "[publico-alvo], [tom de voz], [valores da marca], [concorrentes]"
Action:  "Crie [N] direcoes visuais para [tipo de entregavel]"
Output:  "Formato: [tabela/lista]. Restricoes: [sem gradientes, max 3 cores]"

Metodologia StoryBrand (identidade de marca)

Instrua o LLM a definir:

1. Personagem — cliente e seus desejos
2. Problema — externo (funcional) + interno (emocional)
3. Guia — a marca como mentora (nunca como heroi)
4. Plano / CTA — passos claros
5. Sucesso vs Falha — cenarios com e sem o servico

Output: paragrafo de posicionamento + tom de voz + arquetipo dominante.

Arquetipo de Marca

Defina um unico arquetipo dominante antes de qualquer geracao visual. Misturar arquetipos conflitantes (ex: luxuoso + brincalhao + barato) e o erro #1 em briefings com IA.

3. Prompt Engineering por Ferramenta

3.1 Recraft (Logotipos Vetoriais)

O prompt deve funcionar como um briefing de design rigoroso:

Estrutura obrigatoria:
1. Tipo de grafico     → "bold word logo", "logotipo tipografico em negrito"
2. Logica de formas    → geometria, simetria, silhueta
3. Sistema de cores    → paleta exata + estilo (flat, chapado)
4. Disciplina de linhas → centralizacao, escalabilidade, coesao
5. Restricoes (CRITICO) → "evite gradientes, texturas, sombras, linhas finas"

Exemplo funcional:

Logo "KINDRA" Serif or sans-serif, typographic composition in bold, ultra-chunk.
Brand about care, community, kindness, human connection.
Flat colors, no gradients, no shadows, no thin lines.

3.2 Midjourney (Ideacao e Moodboards)

Requer vocabulario artistico + parametros sintaticos:

Parametros essenciais:
--ar [ratio]     → proporcao (1:1, 16:9, 4:5)
--sref [url]     → Style Reference (copia paleta/luz/textura sem copiar sujeito)
--cref [url]     → Character/Omni Reference (mantem rosto/objeto identico)
--seed [n]       → fixa aleatoriedade para iteracao controlada
--stylize [n]    → 0=literal, 1000=maximo artistico
--chaos [n]      → variacao entre resultados

Tecnica de iteracao: Fixe seed + aspect ratio → altere UMA palavra por vez.

3.3 DALL-E 3 (Conversacional)

• Sem parametros sintaticos — 100% linguagem natural
• Foco em relacoes espaciais descritivas
• Refinamento via chat: "mova para a esquerda", "mude a cor para azul"
• Melhor para: storyboards sequenciais e assets ultra-especificos

3.4 Stable Diffusion (Controle Total)

• Requer montagem de nos (nodes) no ComfyUI/A1111
• LoRAs: treine com 15-30 imagens da marca → <lora:nome:0.8> no prompt
• ControlNet: impoe pose, profundidade ou enquadramento com exatidao milimetrica
• Curva de aprendizado mais acentuada, mas controle inigualavel

3.5 Formula Universal para Mockups

[Assunto] + [Background] + [Estilo] + [Material] + [Detalhes] + [Tamanho] + [Camera] + [Parametros]

Exemplo funcional:

A mockup design of a sleek wine bottle on a marble surface,
surrounded by delicate golden details, minimalist and luxurious,
set against a clean white background,
shot with a Canon EOS 5D, 50mm f/1.2 lens, soft natural lighting

Prompts que FALHAM

• Exagero de detalhes → imagem confusa
• Sem restricoes negativas → logo com gradientes/texturas inutilizaveis
• Multiplos estilos conflitantes → "AI slop" generico

4. Workflow End-to-End

Fase 1: Briefing e Estrategia

1. Use LLM (Claude/ChatGPT) com framework RCAO ou StoryBrand
2. Defina: publico, arquetipo, valores, tom de voz, paleta
3. Compile em Manual da Marca (PDF)
4. Insira o manual como contexto persistente (Projeto no Claude / Custom GPT)

Fase 2: Ideacao Visual

1. Gere 20-40 variacoes no Midjourney (moodboards)
2. Curadoria rigorosa — selecione 3-5 direcoes promissoras
3. Valide com cliente antes de prosseguir

Fase 3: Criacao do Ativo Vetorial

1. Leve o conceito aprovado para Recraft V3/V4 ou Adobe Illustrator
2. No Recraft: treine Style ID com ativos da marca para consistencia
3. Gere logo + biblioteca de icones em SVG
4. Refine curvas de Bezier manualmente (Box Method — ver secao 6)

Fase 4: Mockups e Apresentacao

1. Gere bases no Midjourney (formula: assunto+fundo+estilo+camera)
2. Ou use Phygital+ / Nano Banana para insercao automatica
3. No Photoshop: aplique Displacement Maps + Blend Options (ver secao 7)
4. Curadoria final das pecas

Fase 5: Entrega

1. Exporte nos formatos corretos (ver secao 8)
2. Organize entregaveis: logo principal + variacoes + icones + mockups
3. Documente guidelines de uso

5. Consistencia Visual em Campanhas

O grande desafio da IA e domar a aleatoriedade entre pecas.

Tecnicas por ferramenta:

Regras de ouro:

• Gerenciar pastas por personagem/campanha — nunca misturar seeds
• Arquivar seeds e prompts — toda geracao aprovada deve ter prompt documentado
• Padronizar "blocos de estilo" nos prompts — reutilize descricoes de atmosfera
• Curadoria manual — rejeite pecas que destoam da narrativa da marca

6. Pipeline de Vetorizacao (Raster → Vetor)

Passo 1: Upscaling Inteligente

Escolha o modelo correto para nao alucinhar texturas:

ARMADILHA: Usar modelo fotografico (Prime) em logo flat → IA adiciona graos e texturas de papel no meio do logotipo. Use Digital Art ou Gentle.

Passo 2: Vetorizacao

• Vectorizer.ai → converte raster upscalado em SVG/EPS/PDF automaticamente
• Chat2SVG (emergente) → LLM gera estrutura geometrica + difusao aplica texturas + otimizacao ajusta pontos vetoriais

Passo 3: Cleanup de Bezier (Manual)

Mesmo com IA, vetores podem ter nos desnecessarios ou alcas desgovernadas.

Box Method:

1. Crie retangulos delimitadores ao redor das formas geradas
2. Posicione ancoras exatamente onde a curva toca as tangentes da caixa
3. Alcas sempre alinhadas na horizontal ou vertical
4. Objetivo: numero minimo de pontos de ancoragem → renderizacao rapida, precisao em plotters

Curvas cubicas de Bezier permitem formas complexas com poucos pontos (baseadas em polinomios de Bernstein).

7. Tecnicas de Mockup Profissional

Displacement Maps (Photoshop)

Para aplicar estampa em tecido/superficie com realismo:

1. Duplique a foto original do mockup
2. Remova saturacao (Ctrl+U → Saturation 0)
3. Aplique Gaussian Blur sutil (~0.7px)
4. Salve como PSD (este e o "mapa")
5. Posicione a arte sobre o mockup
6. Filtro > Distorcao > Deslocamento (Displace) → carregue o PSD
7. A arte se deforma acompanhando dobras e rugas

Blend Options (Opcoes de Mesclagem)

1. Clique na camada da arte → Opcoes de Mesclagem
2. Segure Alt → arraste controles da "Camada Subjacente" (areas escuras) para direita
3. As sombras da foto "vazam" sobre a estampa → integracao com iluminacao ambiente

Alternativas com IA

• Phygital+: FLUX ControlNet insere logos em superficies 3D com consciencia de contexto
• Nano Banana: descreva o ambiente → IA insere a arte organicamente com sombras reais

8. Formatos de Entrega

Vetor (escalabilidade infinita)

Raster (grids de pixels)

Regra: sempre entregue o vetor original + rasterizacoes derivadas.

9. Automacao Python

Bibliotecas essenciais

Pipeline tipico

1. LLM gera codigo SVG bruto (manipulando tags XML: <path>, <rect>)
2. Python processa em lote:
   - Remove redundancias
   - Ajusta cores programaticamente
   - Exporta variantes (light/dark, tamanhos)
3. vpype otimiza caminhos e reduz tamanho de arquivo
4. Aspose exporta formatos finais

10. IP Safety e Etica

Matriz de risco por ferramenta

Regras legais (BR e EUA)

• Autoria e restrita a humanos — imagens 100% geradas por IA nao tem protecao autoral
• Para obter protecao legal: contribuicao criativa humana significativa (pos-producao, edicao, composicao)
• UK tem legislacao mais branda (atribui autoria a quem fez "os arranjos necessarios")

Recomendacao pratica

• Projetos corporativos com exigencia de IP → Adobe Firefly
• Projetos pessoais / exploratórios → qualquer ferramenta
• Sempre documente o processo criativo humano para defesa legal

11. Anti-patterns (Erros Comuns)

12. Competencias do Designer 2025-2026

O designer evolui de executor para Diretor de Criacao da IA:

1. Curadoria e Gosto Estetico — filtrar centenas de outputs para encontrar o que tem potencial real
2. Engenharia de Prompt Avancada — vocabulario artistico + prompt chaining + XML sandwiches
3. Fundamentos Matematicos — algebra linear, calculo, probabilidade (entender como modelos manipulam matrizes)
4. Python e Automacao — py5, vpype, pipelines de geracao em lote
5. Fundamentos Classicos — semiotica, teoria da cor, composicao, Pen Tool, curvas de Bezier
6. Etica e Governanca — auditorias de vies, direitos autorais, uso comercial seguro

"As interfaces de IA ficam defasadas em meses. Fundamentos duram decadas."