Adobe Illustrator Essencial
Um checklist dos fundamentos do Illustrator: os conceitos de vetor, as ferramentas e atalhos que você usa 90% do tempo, e as armadilhas de entrega. Se algo soar novo, o ponteiro → aprofunde em… indica a apostila completa.
O formato "Essencial"
Densa, sem rodeios, feita para ser varrida.
- Leia rápido. Se você já faz, siga. Se travou, é sinal de estudar (ou de praticar mais).
- → aprofunde em…: Adobe Illustrator (completa), Branding, Figma, Photoshop 2026.
- Atalhos são do padrão Windows; no Mac, Cmd no lugar de Ctrl e Opt no lugar de Alt.
- Caixas ⚠️: o que mais dá dor de cabeça na entrega. Checklist final para marcar.
Conceitos: vetor, caminhos, artboards
Illustrator desenha com matemática, não pixels. → aprofunde em Adobe Illustrator
| Conceito | O mínimo |
|---|---|
| Vetor vs raster | Vetor = pontos + curvas; escala sem perder qualidade; ideal para logo, ícone, ilustração. Raster (Photoshop) = pixels; ideal para foto |
| Caminho (path) | Uma linha entre pontos de âncora. Aberto ou fechado |
| Âncora / handles (Bézier) | Ponto de canto (sem handle) ou suave (com handles que controlam a curva) |
| Preenchimento (fill) vs contorno (stroke) | Todo objeto pode ter os dois; o stroke tem espessura, alinhamento (dentro/centro/fora), pontas e cantos |
| Objeto vs grupo (Ctrl+G) | Grupo = tratar vários como um; entrar no grupo = duplo-clique (Isolation Mode) |
| Artboard(s) | As "páginas" do documento; podem ter tamanhos diferentes; cada uma exporta separada |
| Unidades / cor do doc | Definidas na criação: px (tela) ou mm (impressão); RGB (tela) ou CMYK (impressão) — difícil trocar depois |
✔️ Auto-checagem
Quando vetor e quando raster? O que é um handle de Bézier? Diferença entre objeto e grupo. Por que a decisão RGB vs CMYK é feita no início?
Ferramentas e atalhos
Decore estas — é o teclado que te deixa rápido.
V Selection — mover objetos inteiros A Direct Selection — editar pontos/handles individuais P Pen — desenhar caminhos (seção 03) Shift+~ Curvature — desenhar curvas por pontos, sem handles Shift+M Shape Builder — combinar/subtrair formas arrastando M / L / \ Rectangle / Ellipse / Line T Type — texto I Eyedropper — copiar aparência de outro objeto K Bucket (Live Paint) | W Blend R / O / S Rotate / Reflect / Scale (duplo-clique na ferramenta = diálogo numérico) Z Zoom | H / barra de espaço Hand (pan) Y Magic Wand — selecionar por aparência similar
Atalhos de comando
Ctrl+G / Ctrl+Shift+G agrupar / desagrupar Ctrl+7 criar clipping mask | Ctrl+8 compound path Ctrl+J juntar pontos/caminhos (Join) Ctrl+D Transform Again (repetir a última transformação) Ctrl+2 / Ctrl+Alt+2 travar / destravar seleção Ctrl+3 / Ctrl+Alt+3 ocultar / mostrar Ctrl+Shift+O Create Outlines (texto → vetor) Ctrl+Y Outline preview (ver só os caminhos) Alt+arraste duplicar Ctrl + [ / ] mandar para trás / trazer para frente (um passo)
✔️ Auto-checagem
V vs A — qual para quê? O que Ctrl+D faz e por que é poderoso? Como duplicar um objeto arrastando? O que o duplo-clique numa ferramenta de transformação abre?
Pen tool e caminhos
A Pen é a ferramenta que separa iniciante de intermediário. → aprofunde em Adobe Illustrator
- Clique = ponto de canto (reto). Clique + arraste = ponto suave (curva); o quanto você arrasta define a curva.
- Alt + arrastar um handle = quebrar a simetria do handle (de suave para "meio-canto").
- Fechar o caminho: clicar no primeiro ponto (aparece um círculo).
- Adicionar/remover ponto: Pen sobre o caminho / sobre um ponto (ou
+/-). - Converter ponto: Shift+C (Anchor Point tool) — arrasta para dar curva a um canto, ou clica num suave para virar canto.
- Join (Ctrl+J): liga dois pontos abertos selecionados. Average (Ctrl+Alt+J): alinha pontos.
- Smooth / Simplify (Object > Path > Simplify): reduz pontos mantendo a forma — limpe caminhos com pontos demais.
Poucos pontos, bem colocados. Coloque âncoras onde a curva muda de direção (topo, base, laterais de um círculo) — não no meio de um arco. Handles ~1/3 do comprimento do segmento.
✔️ Auto-checagem
Clique vs clique-e-arraste com a Pen. O que Alt faz num handle? Como fechar um caminho? Onde colocar as âncoras numa curva?
Cor
Cor certa no espaço certo, e reutilizável. → aprofunde em Adobe Illustrator · Branding
- Swatches panel: guarde as cores do projeto. Global color (duplo-clique > "Global"): editar a swatch atualiza todos os objetos que a usam.
- Fill / Stroke: X alterna qual está ativo; Shift+X troca as duas; D volta ao padrão (fill branco/stroke preto); / = nenhum.
- Gradientes (G): linear, radial, freeform (pontos livres); ajuste com a Gradient tool na tela.
- Recolor Artwork (Edit > Edit Colors): trocar toda a paleta de uma ilustração de uma vez; travar cores; gerar variações.
- CMYK vs RGB: RGB para tela; CMYK para impressão gráfica (as cores mudam — sempre confira uma prova). Pantone (spot): cor de tinta específica, para marca/impressão precisa.
- Eyedropper (I): clica num objeto e copia fill+stroke+aparência para o selecionado.
- Documento em RGB e o gráfico vai para impressão → cores lavadas/erradas. Verifique o modo (File > Document Color Mode).
- Cor não-global → mudar a marca = selecionar e trocar objeto por objeto.
- Preto "rico" (CMYK 100/100/100/100) em texto pequeno borra na impressão — use K 100 puro.
✔️ Auto-checagem
O que uma Global color resolve? RGB ou CMYK para cada caso? O que o Recolor Artwork faz? O que a Eyedropper copia?
Camadas, aparência e efeitos
O painel Appearance é o superpoder não-destrutivo do Illustrator. → aprofunde em Adobe Illustrator
- Layers panel: organização e ordem de empilhamento; sub-layers; o alvo (círculo) mostra/define seleção; travar/ocultar por camada.
- Appearance panel: um objeto pode ter vários fills e strokes empilhados + efeitos ao vivo, tudo editável. Ex.: um stroke grosso escuro atrás de um fino claro = "outline" sem duplicar o objeto.
- Effect menu (não confundir com Filter, que sumiu): efeitos ao vivo — Offset Path, Round Corners, Drop Shadow, Warp, 3D, Scribble. Editáveis a qualquer momento no Appearance.
- Graphic Styles: salvar uma aparência inteira (fills+strokes+efeitos) e aplicar em outros objetos com um clique.
- Expand Appearance (Object > Expand Appearance): "achata" os efeitos ao vivo em vetores reais — faça antes de entregar se o destino não é Illustrator.
✔️ Auto-checagem
O que o Appearance panel permite que um objeto tenha? Efeito ao vivo vs expandido. O que é um Graphic Style? Quando fazer Expand Appearance?
Pathfinder e Shape Builder
Combinar formas simples é como se constrói a maioria dos ícones e logos.
| Pathfinder | Faz |
|---|---|
| Unite | funde tudo numa forma só |
| Minus Front | a forma de trás menos a(s) da frente (recorte) |
| Intersect | só a área comum |
| Exclude | tudo menos a sobreposição |
| Divide | corta em todas as linhas de sobreposição (vira grupo de pedaços) |
| Trim / Merge | remove partes escondidas / funde cores iguais |
- Shape Builder (Shift+M): seleciona 2+ formas, arrasta pelas áreas para unir; Alt+clique/arraste para apagar uma área. Mais rápido e intuitivo que o Pathfinder para muitos casos.
- Compound Path (Ctrl+8): cria um "buraco" (ex.: o meio de uma letra O, uma rosquinha). Release: Ctrl+Alt+8.
- Pathfinder no painel = destrutivo (aplica); os botões com Alt criam um Compound Shape reeditável (no Appearance).
✔️ Auto-checagem
Unite vs Minus Front vs Intersect. O que o Shape Builder faz com e sem Alt? Para que serve um Compound Path?
Tipografia
Texto no Illustrator é vetor editável — até você "outlinar". → aprofunde em Adobe Illustrator · Branding
- Point type (clique com a T): cresce livre. Area type (arraste uma caixa): texto flui dentro de uma forma; caixa vermelha "+" = texto transbordou (overset).
- Character panel: fonte, tamanho, leading (entrelinha), tracking (espaçamento geral) e kerning (entre dois caracteres); caixa alta, sobrescrito, etc.
- Paragraph panel: alinhamento, recuo, espaço antes/depois, hifenização.
- Type on a Path: clicar num caminho com a Type tool faz o texto seguir a linha.
- Threading: ligar caixas de área para o texto continuar de uma na outra.
- Create Outlines (Ctrl+Shift+O): converte o texto em vetor — não é mais editável como texto. Faça uma cópia antes.
Ao enviar um .ai/.eps/.pdf para quem não tem a fonte: outline o texto (ou incorpore/empacote as fontes). Senão a gráfica abre com fonte substituída e o layout quebra.
✔️ Auto-checagem
Point type vs area type (e o que a caixa "+" vermelha indica). Diferença entre leading, tracking e kerning. O que o Create Outlines faz — e por que fazer uma cópia antes?
Alinhar, transformar, repetir
Precisão vem de painéis, não de olhômetro.
- Align panel: alinhar/distribuir seleção. "Align to": Selection / Key Object (clique num objeto já selecionado para ser a âncora) / Artboard.
- Transform panel: X, Y, W, H, ângulo, exatos. Ponto de referência (os 9 quadradinhos) define de onde a transformação parte.
- Duplo-clique em Rotate/Scale/Reflect/Shear = diálogo numérico + botão Copy.
- Transform Again (Ctrl+D): repete a última transformação (inclusive o "Copy") — faça uma vez com Copy, depois Ctrl+D várias = padrões radiais, escadas, réguas.
- Smart Guides (Ctrl+U): snapping a pontos, ângulos e distâncias iguais enquanto você move.
- Symbols: instâncias de um mesmo objeto; editar o símbolo atualiza todas.
✔️ Auto-checagem
O que é um "Key Object" no Align? Como girar-e-copiar numericamente? O truque do Ctrl+D depois de um "Copy". O que Smart Guides ajudam a fazer?
Exportar e entregar
A maioria dos problemas de entrega mora aqui. → aprofunde em Adobe Illustrator · Figma
| Formato | Quando |
|---|---|
| .ai | arquivo mestre editável (guarde sempre) |
| PDF (print-ready) | enviar para gráfica; incorpora fontes/imagens; use presets (PDF/X-1a etc.) + bleed |
| SVG | web/ícones; "SVG Code" ou Export; minimizar; outline strokes se for animar |
| PNG / JPG | bitmap para tela/preview; escolha o PPI e o fundo (transparente = PNG) |
| EPS | legado; alguns fluxos antigos ainda pedem |
Checagem antes de entregar
- Outline / incorporar fontes (seção 07).
- Expand Appearance e Object > Path > Outline Stroke se o destino não abre no Illustrator (strokes viram formas de largura fixa — não escalam sozinhos, mas não somem).
- Imagens: Embed (não Link) ou envie os arquivos linkados junto — Package (File > Package) junta tudo numa pasta.
- Bleed (sangria, ~3mm) para impressão; artes que "vazam" a borda precisam estender até o bleed.
- Cor: converta para CMYK se for impressão; cheque uma prova.
- Export for Screens / Asset Export panel: exportar múltiplos assets/artboards em vários formatos e escalas (@1x/@2x/@3x) de uma vez.
✔️ Auto-checagem
Qual formato para gráfica, para web, para ícone? O que fazer com o texto e com as fontes antes de enviar? Embed vs Link vs Package. O que é bleed?
O resto do essencial
Itens que aparecem sempre.
| Tópico | O mínimo |
|---|---|
| Clipping Mask (Ctrl+7) | a forma de cima "recorta" o que está abaixo; Release: Ctrl+Alt+7 |
| Opacity Mask | máscara por luminosidade (branco visível, preto oculto) — no painel Transparency |
| Blend modes | Multiply, Screen, Overlay… no Transparency panel; agrupe e defina "Isolate Blending" para conter |
| Blend tool (W) | transição de forma/cor entre dois objetos; passos ou distância |
| Brushes | Art, Scatter, Pattern, Bristle, Calligraphic; aplicáveis a qualquer caminho; Expand para vetorizar |
| Image Trace | raster → vetor (logo escaneado, sketch); ajuste o preset; Expand para editar os caminhos |
| Isolation Mode | duplo-clique num grupo/objeto para editar sem desagrupar; Esc sai |
| Artboard tool (Shift+O) | criar/redimensionar/reordenar artboards; presets de tamanho |
| Guias e réguas | Ctrl+R réguas; arraste da régua = guia; Ctrl+; ocultar; View > Guides > Lock |
| Pixel Preview / Align to Pixel Grid | para ícones web nítidos; alinhar caminhos ao grid de pixel |
| Recuperação | autosave existe (Preferences > File Handling); ainda assim, salve incremental (logo_v01, v02…) |
✔️ Auto-checagem
Clipping Mask vs Opacity Mask. O que o Image Trace faz e o que é o Expand depois? Como editar um grupo sem desagrupar? Para que serve o Pixel Preview?
Checklist final do Illustrator
Se você marca todos, tem o básico operacional. Onde travar, volte à seção.
- a diferença vetor × raster e quando usar cada um
- o que é um caminho, âncora e handle de Bézier; fill vs stroke
- os atalhos de ferramenta (V, A, P, Shift+M, T, I, R/S/O) e de comando (Ctrl+G, 7, 8, J, D, Shift+O)
- usar a Pen: clique (canto) vs arraste (curva), Alt no handle, fechar, poucos pontos
- Global colors, Swatches, gradientes, Recolor Artwork; RGB vs CMYK vs Pantone
- o Appearance panel (vários fills/strokes/efeitos ao vivo) e Graphic Styles; quando fazer Expand Appearance
- Pathfinder (Unite / Minus Front / Intersect / Divide) e Shape Builder (com e sem Alt)
- Compound Path para "buracos"
- tipografia: point vs area type, leading/tracking/kerning, type on path, Create Outlines
- Align (Key Object / Artboard), Transform numérico, e o truque do Ctrl+D após "Copy"
- escolher o formato de export (AI mestre, PDF gráfica, SVG web, PNG tela)
- antes de entregar: outline/incorporar fontes, Expand, Embed/Package das imagens, bleed, cor certa
- Export for Screens / Asset Export para vários assets e escalas
- Clipping Mask, Opacity Mask, blend modes, Image Trace + Expand
- salvar incremental (v01, v02…) além do autosave
Aprofundamento: Adobe Illustrator (completa) · Branding · Figma · Photoshop 2026.