O Inkscape tem fama de interface confusa. Não é exatamente injusta — a interface tem décadas de decisões acumuladas que podem parecer inconsistentes para quem vem de softwares mais modernos.
Mas tem uma coisa que ninguém fala: quem entende a lógica por trás da interface navega o Inkscape tão bem quanto qualquer outro software vetorial. E a lógica, uma vez entendida, revela um software surpreendentemente poderoso.
Este guia é para você que baixou o Inkscape, olhou para a tela e não sabia por onde começar.
A Lógica da Interface (Entenda Uma Vez, Use Para Sempre)
O Inkscape tem uma estrutura que não muda:
Barra de ferramentas lateral (esquerda): Ferramentas de criação e edição. Cada ferramenta que você seleciona muda a barra de controles no topo.
Barra de controles (topo): Opções específicas da ferramenta ativa. Quando você seleciona o Pen Tool, aparece opções do Pen. Quando seleciona o Text Tool, aparece opções de tipografia.
Canvas (centro): O seu espaço de trabalho.
Barra de status (baixo): Informações contextuais — coordenadas do cursor, objetos selecionados, dicas de atalhos.
Paleta de cores (baixo): Clique para aplicar fill. Shift+clique para aplicar stroke.
Passo 1: Criar Documento Novo
File → New (ou Ctrl+N) → Escolha template ou configure manualmente.
Para começar: Use A4 (File → Document Properties → Page → A4) ou deixe o padrão e ajuste depois.
Unidades: O Inkscape trabalha em px por padrão. Para impressão, configure em mm: File → Document Properties → Display Units → mm.
Uma peculiaridade: o eixo Y do Inkscape é invertido em relação à maioria dos softwares (0 está no canto inferior esquerdo, não superior). Isso pode confundir quando você vê coordenadas. Para trabalho visual, não importa — mas é útil saber se você editar SVG manualmente.
Passo 2: As 6 Ferramentas Essenciais
1. Select Tool (S ou F1)
Seleciona, move e redimensiona objetos. Clique uma vez: move e redimensiona. Clique duas vezes no mesmo objeto: alças de rotação aparecem.
2. Node Tool (N ou F2)
Edita nós de caminhos vetoriais. Selecione um objeto com S, depois pressione N para ver e mover os nós individuais.
3. Bezier/Pen Tool (B ou Shift+F6)
Cria caminhos vetoriais. Clique: nó reto. Clique+arrastar: nó curvo. Enter para finalizar caminho aberto. Z para fechar o caminho (ou clique no primeiro nó).
4. Rectangle Tool (R ou F4)
Crie retângulos. Segure Ctrl para fazer quadrado perfeito. Arraste os cantos arredondados que aparecem após criar para adicionar border radius.
5. Ellipse/Circle Tool (E ou F5)
Crie elipses. Segure Ctrl para círculo perfeito.
6. Text Tool (T ou F8)
Clique para texto simples. Clique+arraste para criar caixa de texto com largura definida.
Passo 3: Fill e Stroke (Cor e Borda)
Para aplicar cor de preenchimento (fill): Selecione objeto → Clique na cor na paleta inferior.
Para aplicar cor de borda (stroke): Selecione objeto → Shift+clique na cor na paleta inferior.
Para controle avançado: Object → Fill and Stroke (Shift+Ctrl+F). Abre painel com opções completas:
- Flat color (cor sólida)
- Linear gradient
- Radial gradient
- Pattern
- Unset paint (sem cor/transparente)
Para stroke: mesmas opções + controle de espessura, estilo de linha (tracejado, pontilhado) e caps (final de linha).
Passo 4: Operações Booleanas no Inkscape
No Inkscape, Operações Booleanas ficam em Path → no menu:
Union (Ctrl++): Une duas formas em uma.
Difference (Ctrl+-): Subtrai a forma de cima da de baixo. A forma de cima é removida, e onde se sobrepunham vira “buraco” na forma de baixo.
Intersection (Ctrl+*): Mantém só a área de sobreposição.
Exclusion (Ctrl+^): Oposto do Intersection — mantém tudo exceto a sobreposição.
Division: Corta a forma de baixo usando a forma de cima como faca.
Atenção: No Inkscape, a ordem dos objetos importa para Difference e Division. A forma em cima na ordem de camadas é a que “corta” ou é subtraída. Se o resultado parecer estranho, tente inverter a ordem com Page Up/Page Down.
Exercício: Dois círculos sobrepostos. Selecione os dois (rubber band ou Shift+clique). Tente cada operação. Desfaça (Ctrl+Z) entre cada uma.
Passo 5: O Pen Tool Em Detalhe (A Ferramenta Mais Importante)
O Pen Tool (B) no Inkscape tem modos que você seleciona na barra de controles:
Modo Bézier: Padrão. Clique = nó reto. Clique+arrastar = nó curvo com alças simétricas.
Modo Spiro: Cria curvas suaves automáticas entre os nós. Experimental, mas cria formas orgânicas interessantes.
Modo B-Spline: Outro tipo de curva suave. Todos os nós ficam “atraídos” para os pontos de controle.
Para começar: Use o modo Bézier padrão.
Fluxo de trabalho para traçar logo ou ícone:
- Importe imagem de referência (File → Import)
- Abra painel de Layers (Layer → Layers)
- Crie layer novo acima da imagem de referência
- Trabalhe no layer novo com Pen Tool, traçando sobre a referência
- Apague ou bloqueie o layer da referência quando terminar
Passo 6: O Diferencial do Inkscape — Editor XML
Aqui está o que nenhum outro software vetorial oferece da mesma forma: acesse Edit → XML Editor (Shift+Ctrl+X).
Uma janela mostra o código SVG do seu documento em tempo real. Cada objeto, cada atributo, cada valor — visível e editável diretamente.
Por que isso importa:
- Você pode editar atributos que a interface não expõe
- Entende como SVG funciona por dentro
- Pode fazer ajustes finos impossíveis via interface gráfica
- Se você trabalha com web, essa janela revela exatamente o que vai para o HTML
Exercício revelador: Crie um círculo vermelho. Abra o XML Editor. Encontre o atributo fill com valor algo como #ff0000. Mude para #0000ff. O círculo muda para azul. Isso é SVG — puro XML descrevendo geometria e aparência.
Passo 7: Texto no Inkscape
Text Tool (T): Clique para texto simples. Para texto em múltiplas linhas com largura definida: clique e arraste para criar container de texto.
Texto em caminho:
- Crie caminho com Pen Tool
- Crie texto com Text Tool
- Selecione os dois (Shift+clique)
- Text → Put on Path
O texto segue o caminho. Para ajustar posição: selecione o texto e use o Text Tool para mover ao longo do path.
Converter texto em caminho: Selecione texto → Path → Object to Path (Shift+Ctrl+C). Essencial antes de enviar para gráfica — elimina dependência de fontes instaladas.
Projeto Prático: Logotipo Simples em 90 Minutos
Brief: Logo para marca fictícia “Pinheiro & Co” — consultoria ambiental.
Estrutura: Símbolo (pinheiro estilizado) + texto
Passo a passo:
- Tronco: Rectangle Tool → retângulo estreito e alto → Fill marrom
- Copa (3 triângulos): Star/Polygon Tool (no painel lateral) → configure para 3 lados (triângulo) → Crie 3 tamanhos diferentes → Posicione sobrepostos formando pinheiro
- Integre: Selecione os 3 triângulos → Path → Union → Fill verde escuro
- Texto: Text Tool → “Pinheiro & Co” → Escolha fonte adequada (serif clássica ou sans limpa) → Posicione abaixo do símbolo
- Alinhamento: Selecione tudo → Object → Align and Distribute → Center on vertical axis
- Converta texto: Path → Object to Path
- Exporte: File → Export PNG (Shift+Ctrl+E) para PNG 300dpi; File → Save As → Plain SVG para SVG
Tempo: 60-90 minutos. Resultado: Logo funcional com símbolo vetorial + tipografia.
Atalhos Essenciais do Inkscape
S ou F1 — Select Tool
N ou F2 — Node Tool
B ou Shift+F6 — Bezier/Pen Tool
R ou F4 — Rectangle Tool
E ou F5 — Ellipse Tool
T ou F8 — Text Tool
Ctrl+Z — Desfazer
Ctrl+D — Duplicar in place
Ctrl+G — Agrupar
Shift+Ctrl+G — Desagrupar
Page Up / Page Down — Subir/descer na ordem de camadas
Home / End — Para frente / para o fundo
Shift+Ctrl+X — XML Editor
Shift+Ctrl+F — Fill and Stroke
Shift+Ctrl+L — Layers
Checklist: Primeiro Dia no Inkscape
SETUP
[ ] Inkscape baixado em inkscape.org?
[ ] Documento novo criado e configurado?
[ ] Entendi a lógica da interface?
(lateral = ferramentas, topo = opções da ferramenta ativa)
FERRAMENTAS
[ ] Criei formas com Rectangle e Ellipse Tool?
[ ] Experimentei Fill (clique) e Stroke (Shift+clique)?
[ ] Pratiquei Pen Tool por 30 minutos?
[ ] Testei Operações Booleanas? (Path menu)
DIFERENCIAL
[ ] Abri o XML Editor? (Shift+Ctrl+X)
[ ] Editei um atributo manualmente?
PROJETO
[ ] Criei logotipo ou ícone simples?
[ ] Converti texto em caminho? (Path → Object to Path)
[ ] Exportei em PNG e SVG?
Resumo (TL;DR)
Interface: Lateral = ferramentas. Topo = opções da ferramenta ativa. Paleta inferior = cores (clique = fill, Shift+clique = stroke).
6 ferramentas para começar: Select (S), Node (N), Pen (B), Rectangle (R), Ellipse (E), Text (T).
Booleanas: Menu Path → Union (+), Difference (-), Intersection (*), Exclusion.
Pen Tool: Modo Bézier. Clique = reto. Clique+arrastar = curvo. Enter para finalizar. Z para fechar.
Diferencial único: XML Editor (Shift+Ctrl+X) — edita SVG diretamente em tempo real.
Exportação: Shift+Ctrl+E para PNG; File → Save As → Plain SVG para SVG.