Você baixou o Affinity. Abriu. Viu a interface. Fechou.
Acontece com todo iniciante. A interface parece complexa antes de você entender a lógica por trás dela. E a lógica é simples — mas ninguém explica direto ao ponto.
Este post é o guia que você deveria ter recebido no momento do download: o que fazer, em que ordem, sem perder tempo.
Antes de Abrir: A Lógica do Affinity
O Affinity funciona com Studios — ambientes de trabalho especializados que você alterna conforme a tarefa. Entender isso resolve metade da confusão inicial.
Vector Studio: Onde você passa 80-90% do tempo. Cria logos, ícones, ilustrações, qualquer forma vetorial.
Pixel Studio: Para retoques raster, adicionar texturas fotográficas, trabalhar com imagens.
Export Studio: Para exportar o trabalho finalizado em qualquer formato.
No topo da interface há ícones que alternam entre os studios. Quando você muda de studio, o conjunto de ferramentas disponível no painel lateral muda junto. Isso é intencional — cada studio mostra só as ferramentas relevantes para aquele tipo de trabalho.
Você também pode criar workspaces personalizados misturando ferramentas de diferentes studios. Mas para começar, não mexa nisso.
Passo 1: Criar Documento Novo (5 minutos)
Abra o Affinity → Clique em “New Document”.
Configurações para começar:
Para praticar design vetorial: escolha Print (A4, 297×210mm, 300dpi) ou Web (1920×1080px, 72dpi). Para um logo: escolha Print para ter espaço de trabalho confortável.
Dicas de configuração:
- Unidade: mm para impressão, px para digital
- Color format: RGB para digital/web, CMYK para impressão
- Transparent background: ative se quiser fundo transparente (útil para logos)
Clique em Create. Você está no Vector Studio por padrão — exatamente onde precisa estar.
Passo 2: As 5 Ferramentas Que Você Precisa Primeiro
Esqueça o resto por enquanto. Estas 5 fazem 90% do trabalho vetorial:
1. Move Tool (V)
Seleciona e move objetos. É a ferramenta padrão. Quando em dúvida sobre qual ferramenta usar, pressione V para voltar para ela.
2. Node Tool (A)
Edita os pontos (nós) de um caminho vetorial. Selecione um objeto com o Move Tool, depois pressione A para editar seus nós individuais — as “âncoras” que definem a forma.
3. Pen Tool (P)
Cria caminhos vetoriais clicando ponto a ponto. É a ferramenta mais poderosa e a que mais vale a pena dominar. Clique para criar pontos retos; clique e arraste para criar curvas.
4. Shape Tools (M para retângulo, M para elipse)
Cria formas básicas: retângulos, elipses, triângulos, estrelas, polígonos. Encontre todas elas clicando e segurando na ferramenta de retângulo no painel lateral.
5. Fill e Stroke (no painel inferior)
Controla a cor de preenchimento (Fill) e a cor e espessura da borda (Stroke) de qualquer objeto selecionado. Clique no quadrado de cor para mudar.
Passo 3: Operações Booleanas (O Segredo Para Criar Qualquer Forma)
Operações Booleanas combinam duas ou mais formas para criar formas novas. São o coração do design vetorial.
Como usar: Crie duas formas. Selecione as duas (Shift+clique ou arraste para selecionar). Vá em Layer → Geometry e escolha a operação.
As 4 que você vai usar todo dia:
Add (União): Combina as duas formas em uma. Overlaps desaparecem. Uso: Criar forma complexa a partir de formas simples sobrepostas.
Subtract (Subtração): Remove a forma de cima da forma de baixo. Cria “buracos”. Uso: Criar letra “O”, ícone de anel, qualquer forma com espaço interno.
Intersect (Interseção): Mantém apenas a área onde as duas formas se sobrepõem. Uso: Criar formas únicas a partir do encontro de duas.
Divide: Corta todas as formas nos pontos de sobreposição, separando em peças independentes. Uso: Dividir uma forma em segmentos para colorir individualmente.
Exercício prático: Crie dois círculos que se sobrepõem pela metade. Selecione os dois. Experimente cada operação. Em 10 minutos você entenderá visualmente o que cada uma faz.
Passo 4: O Pen Tool Na Prática (30 Minutos de Prática Deliberada)
O Pen Tool intimida no início. Mas tem apenas dois gestos:
Clique: Cria nó com ângulo reto (corner node). Bom para linhas retas e ângulos.
Clique + Arrastar: Cria nó curvo (smooth node). As alças que aparecem ao arrastar controlam a curvatura da linha.
Para fechar um caminho: Clique no primeiro nó que criou. O caminho fecha e vira uma forma preenchível.
Exercício (30 minutos):
- Clique 4 vezes para criar um quadrilátero irregular (só cliques, sem arrastar). Feche clicando no primeiro ponto. Isso é um caminho fechado com nós retos.
- Agora tente um “S”: clique no início, clique+arraste no meio (você vê a curva se formando), clique+arraste no fim. Pressione Escape para encerrar sem fechar.
- Trace a silhueta de uma letra simples — a letra “C” é boa para começar. Importe uma imagem de referência (Place → choose file) e trace por cima.
Não tente criar arte perfeita. O objetivo é entender a relação entre clique, arrastar, e o resultado no caminho.
Passo 5: Texto e Tipografia
Text Tool (T): Clique no canvas e comece a digitar. Use o painel de texto à direita para escolher fonte, tamanho e peso.
Texto em curva: Crie um caminho com o Pen Tool → Selecione o Text Tool → Clique sobre o caminho → Digite. O texto segue o caminho.
Converter texto em curva: Selecione o texto → Layer → Convert to Curves. Isso transforma cada letra em caminho vetorial editável — e elimina a dependência da fonte instalada. Essencial antes de enviar para gráfica.
Passo 6: Exportar (Como Entregar Seu Trabalho)
Export Studio (ícone de seta no topo):
Para impressão:
- Formato: PDF/X-4 (PDF pré-prensa)
- Inclui: bleeds (sangria), marcas de corte
Para web/digital:
- SVG: para logos e ícones que precisam ser escaláveis
- PNG: para imagens raster com transparência
- JPEG: para fotos ou artes sem transparência
Atalho rápido: File → Export → escolhe formato. Para configurações avançadas, use o Export Studio.
Projeto Prático: Ícone Simples em 1 Hora
Brief: Ícone de uma câmera fotográfica estilizada.
Passo a passo:
- Corpo da câmera: Shape Tool → Retângulo com cantos arredondados → Fill cinza escuro
- Lente: Shape Tool → Elipse → Centralize sobre o corpo → Fill cinza médio
- Anel da lente: Elipse menor sobre a lente → Fill cinza claro
- Flash: Retângulo pequeno no canto superior → Subtract para criar encaixe no corpo
- Botão disparador: Elipse pequena no topo → Fill vermelho
- Refine: Selecione tudo → Agrupe (Ctrl+G) → Ajuste proporções → Exporte em SVG e PNG
Tempo: 45-60 minutos. Resultado: Primeiro ícone vetorial funcional no portfolio.
Atalhos Essenciais Para Começar
V — Move Tool (seleção)
A — Node Tool (editar nós)
P — Pen Tool (criar caminhos)
M — Rectangle Tool
L — Ellipse Tool
T — Text Tool
Ctrl+Z — Desfazer
Ctrl+G — Agrupar seleção
Ctrl+Shift+G — Desagrupar
Ctrl+D — Duplicar
Ctrl+Shift+[ — Enviar para o fundo
Ctrl+Shift+] — Trazer para a frente
Espaço (segurar) — Mover canvas (pan)
Ctrl+scroll — Zoom
Checklist: Primeiro Dia no Affinity
SETUP
[ ] Affinity baixado em affinity.studio?
[ ] Documento novo criado (A4 ou web)?
[ ] Identifiquei os 3 studios (Vector, Pixel, Export)?
FERRAMENTAS BÁSICAS
[ ] Criei formas com Rectangle e Ellipse Tool?
[ ] Experimentei 4 operações booleanas?
(Add, Subtract, Intersect, Divide)
[ ] Pratiquei Pen Tool por 30 minutos?
(clique = ângulo, clique+arrastar = curva)
PRIMEIRO PROJETO
[ ] Criei ícone ou forma simples?
[ ] Adicionei texto e converti em curvas?
[ ] Exportei em SVG e PNG?
PRÓXIMOS PASSOS
[ ] Instalei Affinity no iPad? (versão para iPad chegando em 2026)
[ ] Encontrei tutorial em português no YouTube?
[ ] Defini próximo projeto para praticar?
Resumo (TL;DR)
O Affinity tem 3 studios: Vector (onde você vive), Pixel (retoques), Export (exportação).
5 ferramentas para começar: Move (V), Node (A), Pen (P), Shapes (M/L), Fill+Stroke.
Operações Booleanas: Add, Subtract, Intersect, Divide. São o coração do vetorial.
Pen Tool: Clique = ângulo reto. Clique+arrastar = curva. Feche clicando no primeiro ponto.
Exportação: PDF para gráfica, SVG para web, PNG para digital com transparência.
Primeiro projeto sugerido: Ícone simples com shapes + booleanas. 1 hora. Resultado funcional.