Apostila profissional · Adobe Illustrator
Domine o vetor. Trabalhe com ele.
Um curso completo em formato de apostila: da sua primeira forma geométrica até identidades visuais completas, ilustração avançada, arte-final para gráfica e automação de produção. Cada capítulo termina em prática — e a apostila inteira termina em portfólio.
O mundo vetorial e o mercado de trabalho
Antes de abrir o programa, você precisa entender o que é um vetor, por que o mercado paga por ele e onde o Illustrator se encaixa no fluxo de trabalho profissional.
1.1 Vetor vs. bitmap: a diferença que define sua carreira
Toda imagem digital pertence a uma de duas famílias. As imagens bitmap (raster) — fotos, pinturas digitais, capturas de tela — são grades de pixels. Amplie uma foto além do seu tamanho original e ela "estoura": os quadradinhos aparecem. As imagens vetoriais, por outro lado, são descrições matemáticas: pontos, curvas, preenchimentos. O computador redesenha a arte em qualquer tamanho, de um ícone de 16 pixels a um outdoor de 9 metros, sem nenhuma perda de qualidade.
É por isso que logotipos, ícones, embalagens, sinalização, estampas e materiais impressos profissionais são sempre vetoriais. Nenhuma empresa séria aceita receber seu logotipo em JPG. Quando um cliente contrata um designer, ele está — mesmo sem saber — contratando alguém que domina o vetor.
1.2 Onde o Illustrator entra no fluxo profissional
O Adobe Illustrator é o padrão da indústria para criação vetorial. Em um estúdio ou agência, ele convive com outros softwares, e saber quando usar cada um é um sinal de maturidade profissional:
Logotipos, ícones, ilustração vetorial, embalagens, infográficos, estampas, peças de papelaria e qualquer arte que precise escalar.
Fotografia, retoque, pintura digital, mockups e composições baseadas em pixels.
Diagramação de múltiplas páginas: revistas, livros, catálogos, apresentações longas.
Interfaces de sites e aplicativos, protótipos interativos, design systems de produto.
Nas vagas reais, o Illustrator aparece em quatro grandes frentes — e esta apostila cobre todas: design gráfico geral (peças impressas e digitais do dia a dia), branding e identidade visual (logos e manuais de marca — a frente mais bem paga do vetor), ilustração digital (editorial, personagens, estampas, licenciamento) e mídias sociais e marketing (o maior volume de demanda em agências e PMEs). Um profissional completo transita entre as quatro.
1.3 Anatomia de um vetor: pontos, alças e caminhos
Três palavras vão aparecer nesta apostila centenas de vezes. Aprenda-as agora:
- Ponto de ancoragem (anchor point): os "pregos" que fixam o desenho. Aparecem como quadradinhos.
- Alças de direção (handles): as "antenas" que saem de um ponto e controlam a curvatura. Aparecem como linhas com bolinhas na ponta.
- Caminho (path): a linha — reta ou curva — que conecta os pontos. Pode ser aberto (uma linha) ou fechado (uma forma).
Todo desenho vetorial do mundo, do logotipo da Nike a uma ilustração complexa com milhares de elementos, é feito apenas disso: pontos, alças e caminhos, com preenchimentos e traçados aplicados.
1.4 Formatos de arquivo que você vai entregar
| Formato | O que é | Quando entregar |
|---|---|---|
| .AI | Arquivo nativo e editável do Illustrator | Arquivo-fonte para o cliente ou para outro designer |
| Documento universal, pode manter vetores | Aprovação com cliente e arte-final para gráfica | |
| .EPS | Vetor legado, aceito por sistemas antigos | Bancos de imagem e fornecedores antigos |
| .SVG | Vetor para web e apps | Sites, ícones de interface, animação web |
| .PNG | Bitmap com fundo transparente | Uso rápido em documentos, slides e social media |
| .JPG | Bitmap comprimido, sem transparência | Fotos e posts onde o peso do arquivo importa |
Sem abrir o Illustrator ainda: escolha 5 marcas que você vê no seu dia (embalagens, aplicativos, fachadas). Para cada uma, responda por escrito:
- Onde essa marca aparece em tamanho pequeno? E em tamanho gigante?
- Quantas cores o logotipo usa?
- O logotipo funcionaria em preto e branco?
Esse olhar analítico é exatamente o que você usará ao criar marcas no Capítulo 10.
Interface e primeiros documentos
Aprenda a criar documentos com as configurações certas para cada trabalho — a primeira coisa que separa o amador do profissional — e a se mover pela interface com fluidez.
2.1 Criando um documento do jeito certo
Vá em File > New (Ctrl+N / Cmd+N). A janela de novo documento tem presets por categoria no topo — e a categoria escolhida define três configurações críticas:
| Configuração | Trabalho impresso | Trabalho digital |
|---|---|---|
| Modo de cor | CMYK | RGB |
| Unidade | Milímetros ou centímetros | Pixels |
| Raster Effects | 300 ppi (alta) | 72 ppi (tela) |
Criar um cartão de visita em RGB e mandar para a gráfica. As cores mudam na impressão — geralmente para pior — e o retrabalho é seu. Decida o destino da peça antes de criar o documento. Se a peça for para os dois mundos, trabalhe em CMYK (mais restrito) e converta para RGB depois.
2.2 Pranchetas (Artboards): várias peças em um arquivo
Diferente do Photoshop, um único arquivo do Illustrator pode conter até 1000 pranchetas — telas independentes dentro do mesmo documento. É assim que profissionais organizam um trabalho: o cartão de visita, o papel timbrado e o envelope de um mesmo cliente vivem em um só arquivo, cada um em sua prancheta.
- Ative a ferramenta Artboard Tool (Shift+O).
- Arraste na tela para criar uma nova prancheta, ou clique em uma existente e ajuste tamanho exato no painel Properties.
- Com Alt+arrasto, duplique uma prancheta com todo o conteúdo — ideal para criar variações de um post.
- Renomeie cada prancheta no painel Window > Artboards. O nome da prancheta vira o nome do arquivo na exportação.
2.3 Navegação: as três habilidades que viram reflexo
- Zoom: Ctrl++ e Ctrl+−, ou Alt+roda do mouse. Ctrl+0 enquadra a prancheta na tela; Ctrl+1 volta ao zoom 100%.
- Pan (mover a visão): segure a Barra de espaço e arraste. Funciona no meio de quase qualquer operação.
- Modos de tela: Tab esconde todos os painéis; F alterna modos de tela cheia. Use para avaliar a arte sem distração.
2.4 Os painéis que você deixa sempre abertos
A interface é personalizável (Window > Workspace). Um workspace profissional típico mantém visíveis: Properties (contextual, substitui vários painéis), Layers (organização), Swatches (cores salvas), Stroke (traçados), Appearance (aparência avançada, protagonista do Capítulo 9) e Artboards. Monte o seu e salve com New Workspace — em qualquer computador, você restaura seu ambiente em segundos.
Aprenda um atalho novo por dia de estudo, não todos de uma vez. Os atalhos desta apostila estão consolidados no Apêndice A. Os quatro primeiros que precisam virar reflexo: V (seleção), A (seleção direta), Ctrl+Z (desfazer) e Barra de espaço (pan).
- Crie um documento CMYK em milímetros com 3 pranchetas: 90×50 mm (cartão de visita), 210×297 mm (A4) e 1080×1080 px (use Artboard Tool + Properties para essa terceira).
- Renomeie as pranchetas como cartao-frente, timbrado e post-feed.
- Salve como .AI com o nome cliente-teste_identidade_v01.ai — repare no padrão de nomenclatura: cliente, projeto, versão. Você usará isso a carreira inteira.
Formas, seleção e organização
A maior parte do design profissional não é desenhada à mão livre: é construída com formas geométricas combinadas. Este capítulo é a fundação de tudo o que vem depois.
3.1 As ferramentas de forma
Clique e segure a ferramenta Rectangle (M) na barra para revelar o grupo: Ellipse (L), Polygon, Star e Line (\). Os modificadores valem para todas:
- Shift enquanto arrasta: proporção perfeita (quadrado, círculo).
- Alt: desenha a partir do centro.
- ↑/↓ durante o arrasto: adiciona/remove lados do polígono ou pontas da estrela.
- Clique único na tela (sem arrastar): abre uma caixa para digitar medidas exatas — essencial em trabalho técnico.
Formas criadas assim são Live Shapes: no painel Properties você edita depois o raio dos cantos, número de lados e ângulos sem redesenhar nada. Arraste os widgets circulares dentro dos cantos de um retângulo para arredondá-los ao vivo.
3.2 Preenchimento e traçado
Todo objeto tem duas propriedades de cor: Fill (preenchimento) e Stroke (traçado/contorno). Na base da barra de ferramentas, dois quadrados as representam. Atalhos que economizam horas ao longo de um ano:
| Atalho | Ação |
|---|---|
| X | Alterna o foco entre Fill e Stroke |
| Shift+X | Inverte as cores de Fill e Stroke |
| D | Restaura o padrão (fill branco, stroke preto) |
| / | Aplica "None" (sem cor) ao que estiver em foco |
No painel Stroke (Ctrl+F10), explore: espessura, extremidades (cap), cantos (corner), alinhamento do traçado (dentro/centro/fora do caminho), linhas tracejadas e setas. O Width Tool (Shift+W) varia a espessura ao longo do caminho — a base de ilustrações de linha com personalidade.
3.3 Selecionar é uma arte: V vs. A
O Illustrator tem duas ferramentas de seleção, e entender a diferença é um divisor de águas:
Seleciona o objeto inteiro. Move, escala, rotaciona. Pense: "pegar a peça".
Seleciona pontos e segmentos individuais dentro do objeto. Pense: "editar a estrutura".
- Shift+clique: adiciona ou remove da seleção.
- Clique duplo com V: entra no modo de isolamento de um grupo (edita só ali dentro; Esc sai).
- Select > Same > Fill Color: seleciona tudo com a mesma cor — mágico para trocar uma cor no documento inteiro.
- Ctrl+G agrupa; Ctrl+Shift+G desagrupa.
3.4 Transformações precisas
- Mover com precisão: selecione e pressione Enter — a caixa Move aceita distância e ângulo exatos.
- Duplicar: Alt+arrasto cria uma cópia. Com Shift junto, a cópia sai perfeitamente alinhada.
- Repetir transformação: Ctrl+D repete a última transformação. Duplique um círculo 10 px à direita e pressione Ctrl+D oito vezes: uma fileira perfeita em dois segundos.
- Rotacionar em torno de um ponto: com a Rotate Tool (R), Alt+clique define o pivô e abre a caixa de ângulo. Marque Copy e use Ctrl+D: é assim que se fazem mandalas, relógios e elementos radiais.
3.5 Alinhamento e distribuição
O painel Align (Shift+F7) alinha e distribui objetos. O detalhe profissional é o Align To: escolha entre alinhar em relação à seleção, à prancheta ou a um objeto-chave (clique uma vez a mais no objeto que deve ficar parado — ele ganha contorno grosso e os outros se alinham a ele). Centralizar um logo na prancheta: selecione, Align to Artboard, centro horizontal + centro vertical. Dois cliques.
3.6 Camadas: a planta do seu arquivo
O painel Layers (F7) organiza o arquivo em camadas nomeadas. Em um post de social media típico: textos / elementos / fundo. Boas práticas que o mercado espera de você:
- Nomeie camadas. "Layer 47" em arquivo entregue ao cliente é amadorismo.
- Cadeado (🔒) trava camadas de fundo para não selecioná-las por engano; o olho alterna visibilidade.
- Ctrl+2 trava o objeto selecionado; Ctrl+Alt+2 destrava tudo. Ctrl+3 oculta; Ctrl+Alt+3 revela.
- A ordem de empilhamento também existe dentro da camada: Ctrl+] avança o objeto; Ctrl+[ recua; com Shift, vai direto ao topo/fundo.
Crie 6 ícones de 64×64 px usando apenas formas básicas (sem caneta): casa, câmera, relógio, alvo, envelope e sol. Regras:
- Use Live Shapes e cantos arredondados via widget.
- Alinhe tudo com o painel Align — nada "no olho".
- O sol deve ser feito com Rotate + Alt-pivô + Copy + Ctrl+D para os raios.
Desenhe uma pétala simples (elipse esticada), defina o pivô de rotação na base dela com Alt+clique da Rotate Tool, rotacione 30° com Copy e repita com Ctrl+D até fechar a flor. Depois agrupe, duplique e crie uma variação com 8 pétalas. Salve — você vai reutilizar isso no capítulo de estampas.
A Caneta e o domínio de caminhos
A Pen Tool é a ferramenta mais temida e mais valiosa do Illustrator. Quem domina curvas de Bézier desenha qualquer coisa — e vetoriza qualquer logotipo. Este capítulo transforma medo em músculo.
4.1 Como pensar em Bézier
A Pen Tool (P) tem uma lógica simples que ninguém explica direito:
- Clique = ponto de canto (linha reta até o próximo ponto).
- Clique + arrasto = ponto suave com alças (curva). A direção do arrasto define a direção da curva; a distância do arrasto define a "força" dela.
Regra mental dos profissionais: arraste sempre na direção em que a curva vai continuar, e estique a alça até cerca de 1/3 da distância até o próximo ponto. Curvas ficam naturais quase automaticamente.
4.2 Os quatro gestos que resolvem 95% dos casos
- Quebrar a alça: segure Alt e arraste a alça de saída — o ponto vira canto com curvas independentes de cada lado (essencial em letras como "S" encontrando hastes retas).
- Editar sem trocar de ferramenta: com a Pen ativa, segure Ctrl para virar temporariamente a seleção direta e mover pontos/alças; solte e continue desenhando.
- Adicionar/remover pontos: passe a Pen sobre um caminho (vira +) ou sobre um ponto (vira −).
- Converter pontos: a Anchor Point Tool (Shift+C) transforma canto em suave (arrastando) e suave em canto (clicando).
Vetores profissionais usam o mínimo de pontos possível: coloque pontos apenas nos extremos das curvas (topo, base, esquerda, direita — os "pontos cardeais"). Um círculo perfeito precisa de 4 pontos. Se seu traçado tem 30 pontos onde caberiam 6, ele vai ondular. Use Object > Path > Simplify para limpar caminhos poluídos.
4.3 Curvature Tool: a caneta amigável
A Curvature Tool (Shift+`) cria curvas apenas clicando pontos — o programa calcula a suavidade. Clique duplo cria cantos. É excelente para formas orgânicas rápidas e para quem está começando, mas a Pen continua dando controle superior em trabalho de precisão como tipografia e logotipos.
4.4 Ferramentas de desenho livre
- Pencil (N): desenha à mão livre e suaviza automaticamente (clique duplo na ferramenta para ajustar a fidelidade). Redesenhe um trecho passando por cima com o traçado selecionado.
- Smooth Tool: passe sobre um caminho tremido para suavizá-lo.
- Join (Ctrl+J): une dois pontos abertos. Ctrl+Shift+Alt+J alinha e une de uma vez (Average + Join).
- Scissors (C) corta um caminho em um ponto; Knife fatia formas fechadas.
Procure por "pen tool exercise worksheet" e importe a imagem para uma camada travada com opacidade 50% (File > Place). Em uma camada acima, trace por cima: retas, zigue-zagues, ondas, círculos com 4 pontos e a combinação curva-reta-curva. Repita a folha inteira 3 vezes em dias diferentes. É treino de piano: repetição cria fluidez.
Um dos serviços mais vendidos por freelancers é o redesenho vetorial: o cliente só tem o logo em JPG ruim e precisa dele em vetor. Simule: baixe a imagem de um logotipo simples, posicione em camada travada a 50% de opacidade e redesenhe por cima com Pen e formas. Compare com zoom máximo: as curvas estão mais limpas que o original? Guarde o antes/depois — isso vira peça de portfólio.
Cor: do RGB ao Pantone
Cor é onde o design encontra a produção. Saber escolher paletas é criativo; saber especificá-las em CMYK, RGB, HEX e Pantone é o que faz a gráfica e o cliente confiarem em você.
5.1 Os quatro idiomas da cor
| Sistema | Como funciona | Onde se usa |
|---|---|---|
| RGB | Luz emitida (vermelho, verde, azul, 0–255) | Telas: social media, sites, apresentações |
| HEX | RGB escrito em código (#FF7A1A) | Web, manuais de marca, comunicação com devs |
| CMYK | Tinta sobre papel (ciano, magenta, amarelo, preto, 0–100%) | Toda impressão em quadricromia |
| Pantone (PMS) | Tintas prontas numeradas, cor exata garantida | Identidade de marca, embalagens, brindes, serigrafia |
CMYK varia de gráfica para gráfica; Pantone não. Marcas sérias definem suas cores em Pantone e derivam CMYK/RGB/HEX a partir dele. Ao entregar um manual de identidade (Capítulo 10), especifique a cor principal nos quatro sistemas — isso, sozinho, já diferencia seu trabalho de 80% dos concorrentes iniciantes. No Illustrator: Swatches > menu ☰ > Open Swatch Library > Color Books > PANTONE+ Solid Coated.
5.2 Swatches, cores globais e grupos
O painel Swatches guarda as cores do projeto. O recurso mais subestimado do Illustrator está aqui: ao criar um swatch, marque Global. Cores globais mantêm vínculo com os objetos: mude o swatch e tudo que o usa muda junto, no documento inteiro. Em um projeto de identidade com 40 pranchetas, testar uma nova cor de marca leva 5 segundos em vez de 1 hora.
- Crie a arte com cores provisórias.
- Selecione tudo e clique em New Color Group no painel Swatches, marcando "Convert to Global".
- Dê duplo clique em qualquer swatch do grupo para ajustar — a arte atualiza ao vivo.
5.3 Gradientes e Freeform Gradient
A Gradient Tool (G) e o painel Gradient controlam três tipos: linear, radial e freeform (pontos de cor soltos que se misturam organicamente — ótimo para fundos modernos de social media e ilustração de luz). Arraste sobre o objeto para definir direção; clique duplo nos marcadores para trocar cores; no gradiente aplicado a um stroke, escolha "apply along stroke" para efeitos de neon e fitas.
5.4 Recoloração inteligente: Recolor Artwork
Selecione qualquer arte e vá em Edit > Edit Colors > Recolor Artwork. Nesta janela você gira a roda de harmonia (todas as cores giram mantendo as relações), reduz a arte para 1 ou 2 cores (orçamentos de impressão baratos!), aplica paletas de bibliotecas e gera variações em segundos. É a ferramenta número um para apresentar três variações de cor de um logo ao cliente sem refazer nada.
5.5 Teoria aplicada: montando paletas vendáveis
- 60-30-10: 60% cor dominante (fundos), 30% secundária (blocos e apoios), 10% destaque (botões, CTAs, detalhes).
- Harmonias: complementar (contraste máximo, bom para promoção), análoga (tranquila, boa para marcas de bem-estar), tríade (vibrante, boa para infantil e food).
- Contraste de leitura: texto sobre cor precisa de contraste real. Na dúvida, teste a peça em escala de cinza (Edit Colors > Convert to Grayscale numa cópia).
Pegue a flor do Exercício 3.2. Converta as cores em swatches globais. Usando só o Recolor Artwork, gere três versões: uma paleta quente "verão", uma fria "inverno" e uma monocromática de 1 cor + preto. Exporte as três lado a lado em uma prancheta de apresentação.
Tipografia vetorial
Texto é 80% do design gráfico do dia a dia. Aqui você aprende a compor, ajustar e — quando necessário — transformar letras em desenho puro.
6.1 Os três tipos de texto
- Texto de ponto: clique único com a Type Tool (T). Cresce livremente. Para títulos e frases curtas.
- Texto de área: arraste uma caixa antes de digitar. O texto quebra dentro dela. Para parágrafos.
- Texto em caminho: clique com a Type on a Path Tool sobre qualquer caminho — o texto o segue. Para selos, emblemas e composições circulares.
6.2 Controles que separam amador de profissional
No painel Character (Ctrl+T):
| Controle | O que faz | Uso profissional |
|---|---|---|
| Kerning | Espaço entre um par de letras | Ajuste manual em logotipos: Alt+←/→ com o cursor entre as letras |
| Tracking | Espaço geral do trecho | Caixa alta pequena pede tracking positivo (+50 a +150) |
| Leading | Entrelinha | Corpo de texto: ~120–145% do tamanho da fonte |
| Baseline shift | Sobe/desce caracteres | Símbolos ®, ™ e ajustes em texto no caminho |
Kerning não se calcula, se enxerga: olhe para o espaço entre as letras como se fosse líquido — todos os "copos" devem parecer conter o mesmo volume. Pares problemáticos clássicos: AV, LT, To, Wa. Em qualquer logotipo, revise o kerning manualmente antes de entregar.
6.3 Convertendo texto em desenho: Create Outlines
Ctrl+Shift+O converte texto em caminhos vetoriais. As letras deixam de ser editáveis como texto e viram formas que você pode distorcer, recortar e customizar — é assim que nascem as lettermarks e logotipos tipográficos. E há um motivo de produção: arquivos enviados para gráfica devem ter todos os textos em outline (ou fontes incorporadas no PDF), senão a gráfica sem a fonte instalada verá outra fonte no lugar.
Antes de converter para outlines, salve uma versão editável ("arquivo-aberto") do arquivo. Cliente sempre pede alteração de texto depois — e texto em outline não se edita mais. Nomeie: projeto_v03_EDITAVEL.ai e projeto_v03_FECHADO.ai.
6.4 Recursos que aceleram
- Touch Type Tool (Shift+T): move, gira e escala letras individuais sem quebrar o texto — perfeito para logotipos brincalhões.
- Estilos de caractere e parágrafo: salve combinações (fonte+tamanho+cor) e aplique com um clique em peças com muito texto, como cardápios e catálogos.
- Fontes variáveis e OpenType: no painel OpenType, ative ligaturas, alternativas estilísticas e swashes — detalhes que dão cara "de estúdio caro".
- Adobe Fonts: milhares de fontes licenciadas para uso comercial inclusas na assinatura. Sempre confirme a licença de qualquer fonte antes de usar em trabalho pago: fonte gratuita "para uso pessoal" em logotipo de cliente é risco jurídico real.
Monte um selo de "produto artesanal": dois círculos concêntricos, texto no caminho do círculo externo (parte de cima e parte de baixo — dica: duplique o círculo e use as alças de texto no caminho para inverter o lado), nome centralizado e dois asteriscos separadores. Ajuste baseline shift para o texto flutuar entre os círculos. Finalize com tracking generoso.
Escreva as iniciais do seu nome em uma fonte bold, converta em outlines e customize: corte um caractere com a Knife, conecte duas letras, substitua um pingo por uma forma. O objetivo é sair do "texto digitado" e chegar a um símbolo próprio — sua primeira peça de branding.
Construção: Pathfinder, Shape Builder e a lógica booleana
Designers profissionais não desenham logotipos com a caneta ponto a ponto: eles constroem combinando, subtraindo e recortando formas. Este capítulo é o coração do design de símbolos.
7.1 Pathfinder: os quatro que importam
Painel Window > Pathfinder (Shift+Ctrl+F9). Com dois ou mais objetos selecionados:
Funde tudo em uma forma só. Um boneco de neve vira uma silhueta única.
O objeto da frente "morde" o de trás. Um círculo menos outro círculo = lua crescente.
Sobra apenas a área comum. Dois círculos sobrepostos = a "folha" central.
Fatia tudo em pedaços independentes nas interseções — depois desagrupe e pinte cada pedaço.
Segure Alt ao clicar em um botão do Pathfinder para criar uma Compound Shape: o efeito é aplicado, mas as formas originais continuam vivas e editáveis por dentro (seleção direta). Clique em Expand só quando o desenho estiver aprovado.
7.2 Shape Builder: o Pathfinder interativo
A Shape Builder Tool (Shift+M) é a favorita dos profissionais para construir símbolos. Selecione um monte de formas sobrepostas e:
- Arraste através das regiões que quer fundir — elas se unem.
- Segure Alt e clique nas regiões que quer apagar.
- Escolha uma cor antes e cada região pintada já sai com ela.
Fluxo clássico de criação de logo: sobreponha círculos e retângulos guiados por um grid, e "esculpa" o símbolo com o Shape Builder. É rápido, geometricamente perfeito e fácil de refinar.
7.3 Offset Path, o segredo das versões
Object > Path > Offset Path cria uma cópia do caminho expandida (valor positivo) ou contraída (negativo). Usos que caem em prova de emprego:
- Criar contorno de segurança ao redor de um logotipo (área de respiro do manual de marca).
- Engrossar/afinar um símbolo inteiro mantendo as proporções.
- Criar a linha de corte de adesivos (die-cut) ao redor de uma ilustração.
7.4 Máscaras de recorte (Clipping Masks)
Coloque uma forma por cima do conteúdo, selecione ambos e pressione Ctrl+7: o conteúdo passa a aparecer apenas dentro da forma. É como uma janela. Fundamental para: fotos dentro de formas, estampas "sangrando" para fora do post, e conter fundos na exatidão da prancheta. Ctrl+Alt+7 libera a máscara. Para máscaras com transparência gradual, use a Opacity Mask no painel Transparency (preto esconde, branco revela).
7.5 Grades e guias: geometria que vende caro
- Ctrl+R mostra as réguas; arraste delas para criar guias. Ctrl+; mostra/esconde guias, Ctrl+Alt+; trava.
- Qualquer forma pode virar guia: selecione e Ctrl+5. É assim que se montam os famosos grids de construção de logotipo com círculos-guia.
- Smart Guides (Ctrl+U): alinhamentos magnéticos ao vivo. Deixe sempre ligado.
- View > Snap to Grid/Point/Pixel: em ícones para interface, ative o Pixel Preview e o Snap to Pixel para linhas nítidas em tela.
Construa, sem usar a Pen Tool: lua crescente, coração (2 círculos + quadrado rotacionado), gota, folha, cadeado, nuvem, xícara, pino de mapa, engrenagem (círculos + Ctrl+D radial + Unite) e um yin-yang. Todos com Pathfinder ou Shape Builder. Cronometre: refaça os dez até conseguir em menos de 30 minutos.
Monte um grid de círculos-guia (formas convertidas com Ctrl+5) e construa por cima um símbolo de "raposa" ou "montanha" usando apenas interseções do grid. Apresente em uma prancheta: o grid ao lado do símbolo final. Essa apresentação "de bastidor" é padrão de portfólio de branding.
Ilustração digital avançada
Pincéis, malhas de gradiente, blends e vetorização automática: o arsenal que transforma o Illustrator em um estúdio de ilustração completo — do flat design ao realismo vetorial.
8.1 Os cinco tipos de pincel
A Paintbrush Tool (B) desenha caminhos com pincéis aplicados; qualquer pincel também pode ser aplicado a caminhos já existentes. No painel Brushes (F5):
| Tipo | Comportamento | Uso típico |
|---|---|---|
| Calligraphic | Ponta elíptica com ângulo, sensível à pressão da mesa | Lettering, traço de tinta |
| Scatter | Espalha cópias de um objeto pelo caminho | Estrelas, folhas, confete, texturas |
| Art | Estica um desenho ao longo do caminho | Traço com textura de lápis/nanquim, setas |
| Bristle | Simula cerdas de pincel real | Pintura vetorial expressiva |
| Pattern | Repete módulos ao longo do caminho (com cantos) | Bordas decorativas, correntes, trilhos |
Crie seus próprios: desenhe uma pincelada com textura (algumas formas irregulares unidas), arraste para o painel Brushes e escolha "Art Brush". Ilustradores profissionais vendem packs de pincéis — e você acabou de aprender como eles são feitos. Para converter o traçado de pincel em formas definitivas: Object > Expand Appearance.
Para ilustração séria, uma mesa (mesmo as de entrada) muda o jogo: pincéis calligraphic e bristle respondem à pressão. Ative em cada pincel: Size > Pressure.
8.2 Image Trace: vetorização automática
Selecione uma imagem posicionada e clique em Image Trace no Properties (ou Window > Image Trace para o painel completo). Presets úteis: High Fidelity Photo (realista), 3 Colors / 6 Colors (posterizado, ótimo para estilizar), Black and White Logo e Line Art (para digitalizar desenhos à mão). Ajustes-chave: Threshold (o que vira preto), Paths/Corners/Noise (fidelidade × limpeza) e Ignore White (fundo transparente). Depois de ajustar, clique Expand para virar vetores editáveis.
Muitos ilustradores desenham no papel, fotografam, aplicam Image Trace em modo Line Art, expandem e finalizam com cor no Illustrator. E atenção: para logotipos de clientes, Image Trace não substitui redesenho manual — ele gera pontos demais e curvas imprecisas. Trace automático é ponto de partida, não entrega final.
8.3 Blend Tool: interpolação mágica
Selecione dois objetos e pressione Ctrl+Alt+B (ou Blend Tool, W): o Illustrator cria os passos intermediários de forma, cor e posição. Duplo clique na ferramenta define o modo: Specified Steps (n passos — degradês de formas, efeitos de profundidade) ou Smooth Color (transição contínua — sombras suaves, neon, efeitos 3D falsos). Truque avançado: Object > Blend > Replace Spine troca a trajetória do blend por qualquer caminho desenhado — é assim que se fazem aquelas linhas fluidas multicoloridas de posters modernos.
8.4 Gradient Mesh: o realismo vetorial
Selecione uma forma e use Object > Create Gradient Mesh (defina linhas e colunas) ou clique com a Mesh Tool (U) para adicionar pontos de malha. Cada ponto da malha aceita uma cor própria, que se difunde suavemente — é a técnica por trás de frutas, rostos e produtos "fotográficos" 100% vetoriais. Comece simples: uma pera. Malha 4×4, verde-claro no centro da luz, verdes médios no corpo, sombra ocre na base. Mova pontos de malha com a seleção direta para acompanhar o volume.
8.5 Estampas e padrões (Pattern Making)
Mercado enorme: moda, papelaria, decoração e venda de padrões em bancos de imagem. Selecione seus elementos e vá em Object > Pattern > Make: o modo de edição de padrão mostra a repetição ao vivo. Escolha o tipo de repetição (Grid, Brick, Hex), o espaçamento, e edite os elementos vendo o resultado infinito em tempo real. Ao sair, o padrão vira um swatch — aplique como preenchimento de qualquer forma. Para escalar só a estampa (sem escalar o objeto): duplo clique na Scale Tool com "Transform Patterns" marcado e "Transform Objects" desmarcado.
8.6 Simetria e repetição ao vivo
Object > Repeat oferece três repetições vivas: Mirror (desenhe metade de um rosto/vaso e veja a outra metade nascer espelhada em tempo real), Radial (mandalas instantâneas com controle de número de cópias) e Grid. Tudo permanece editável até você expandir.
Fotografe ou busque a referência de uma fruta simples (pera, tomate, limão). Desenhe o contorno com a Pen, crie uma malha 5×5 e pinte luz, meio-tom, sombra e reflexo. Finalize com uma sombra projetada (elipse com gradiente radial e Gaussian Blur). Publique o antes/depois: peças de mesh impressionam clientes e recrutadores.
Usando a flor do Capítulo 3 + folhas feitas com Shape Builder, crie um padrão seamless em Pattern > Make com repetição Brick by Row. Gere 2 variações de cor com Recolor Artwork. Aplique em um mockup de tecido ou papel de presente (busque "fabric mockup" gratuito) para apresentar como produto.
Aparência, efeitos e estilos gráficos
O painel Appearance é o recurso mais poderoso e menos compreendido do Illustrator. Dominá-lo significa criar visuais complexos que continuam 100% editáveis — a definição de trabalho profissional.
9.1 O painel Appearance: raio-X do objeto
Window > Appearance (Shift+F6) mostra a "receita" do objeto selecionado: cada preenchimento, cada traçado, cada efeito, em ordem de empilhamento. O pulo do gato: um objeto pode ter vários fills e vários strokes. Clique em "Add New Stroke" e experimente:
- Escreva uma palavra em bold. No Appearance, adicione um segundo stroke, grosso, atrás do fill (arraste-o para baixo na lista) — pronto: contorno estilo sticker sem duplicar o texto, e ele continua digitável.
- Adicione um terceiro stroke ainda mais grosso em outra cor: contorno duplo de camisa esportiva.
- Mude o texto. Tudo acompanha. Essa é a diferença entre efeito destrutivo e vivo.
9.2 Effects: Photoshop dentro do vetor
O menu Effect aplica transformações vivas (removíveis a qualquer momento pelo Appearance). Os mais usados no mercado:
- Stylize > Drop Shadow / Inner Glow / Outer Glow: sombras e brilhos com controle fino.
- Stylize > Round Corners: arredonda qualquer caminho, inclusive texto em outline.
- Distort & Transform > Transform: o efeito mais poderoso do programa — cria cópias com deslocamento, rotação e escala como efeito vivo. Padrões, sombras longas e efeitos de eco em um clique.
- Distort & Transform > Zig Zag / Roughen / Pucker & Bloat: ondas, texturas de traço manual e formas orgânicas a partir de geometria.
- Warp: arco, bandeira, peixe — a base do lettering de emblemas e selos vintage.
- 3D and Materials: extrusão, revolução e inflar (o famoso efeito "inflado 3D" das redes sociais), com materiais, iluminação e render. Revolve transforma metade do perfil de uma garrafa em uma garrafa 3D — usado em packaging para mockups rápidos.
Blur, Drop Shadow e o menu inferior de efeitos "Photoshop Effects" geram pixels. A resolução deles segue Effect > Document Raster Effects Settings — confira se está em 300 ppi antes de mandar algo com sombra para impressão, ou a sombra sairá quadriculada.
9.3 Graphic Styles: aparência de um clique
Montou uma receita bonita no Appearance? Arraste o objeto para o painel Graphic Styles: a receita vira um estilo aplicável a qualquer objeto com um clique — e editar o estilo atualiza tudo que o usa. Em uma série de 20 posts com o mesmo efeito de título, isso é a diferença entre 5 minutos e 2 horas de retrabalho quando o cliente pedir "só muda a sombra".
9.4 Envelope Distort e Liquify
Object > Envelope Distort > Make with Warp (presets) ou Make with Top Object (o texto assume a forma de qualquer objeto desenhado por cima — lettering dentro de uma onda, de um coração, de uma garrafa). As ferramentas de liquify (Width, Warp, Twirl, Pucker, Bloat, Scallop, Crystallize, Wrinkle) empurram vetores como massa. Use com moderação e propósito.
Crie um lettering de uma palavra com: fill em gradiente + stroke branco grosso + segundo stroke colorido + drop shadow dura (sem blur, deslocada) — tudo via Appearance, texto vivo. Salve como Graphic Style e aplique em mais duas palavras. Teste editar o estilo e ver as três atualizarem.
Combine tudo: texto com Warp (Arc), selo do Exercício 6.1, Round Corners, Roughen sutil (0,3 mm) para textura de impressão antiga e paleta de 3 cores terrosas. Resultado: um badge de cafeteria pronto para portfólio.
Branding e identidade visual
A frente mais valorizada do design vetorial. Aqui a técnica dos capítulos anteriores vira método: do briefing ao manual de marca entregue.
10.1 O processo profissional em 6 etapas
- Briefing: entenda negócio, público, concorrentes e personalidade da marca (3 adjetivos). Nunca comece a desenhar sem isso por escrito.
- Pesquisa e moodboard: referências visuais do setor — para se inspirar e para não repetir os concorrentes.
- Rascunhos: 20–50 miniaturas no papel. Quantidade gera qualidade. Só as 3 melhores vão para o vetor.
- Vetorização e refino: grid geométrico (Cap. 7), kerning manual (Cap. 6), teste em preto e branco primeiro. Se o logo não funciona em 1 cor, ele não funciona.
- Apresentação: mostre 1 a 3 caminhos aplicados em contexto (fachada, cartão, perfil de rede social) — cliente compra a visão, não o desenho solto.
- Entrega: kit completo de arquivos + manual de marca (abaixo).
10.2 Anatomia de um sistema de identidade
- Logotipo principal (versão preferencial) e variações: horizontal, vertical/empilhada e símbolo isolado.
- Versões de cor: colorida, monocromática, negativa (para fundos escuros) e preto puro.
- Área de proteção: margem mínima ao redor (defina usando um elemento do próprio logo como unidade, ex.: a altura da letra "x"). Construa com Offset Path.
- Tamanho mínimo: teste em 20 mm de largura impresso e 24 px em tela; se algum detalhe some, crie uma versão simplificada para tamanhos pequenos.
- Paleta: cores em Pantone + CMYK + RGB + HEX (Cap. 5).
- Tipografia institucional: família para títulos e para texto, com licença verificada.
- Elementos de apoio: grafismos, padrões e estilo de ícones que estendem a marca além do logo.
10.3 O manual de marca (brand guidelines)
Documento em PDF (montado nas pranchetas do próprio Illustrator ou no InDesign) com: apresentação do conceito, construção em grid, variações, usos incorretos ("não distorça, não mude a cor, não aplique sombra…" — mostre os erros riscados), paleta especificada, tipografia, aplicações. Um manual de 12–20 páginas transforma um "logozinho" em um projeto de identidade — e multiplica por 3 a 10× o valor que você pode cobrar.
Pasta organizada: 01_Logo (AI editável, PDF, EPS, SVG, PNG fundo transparente em 3 tamanhos — cada variação × cada versão de cor), 02_Manual (PDF), 03_Papelaria (se contratada). Nomeie: marca_horizontal_positivo_CMYK.pdf. Cliente que recebe isso indica você para outros.
10.4 Papelaria e aplicações no Illustrator
Cartão de visita (90×50 mm + 3 mm de sangria — Cap. 12), papel timbrado A4, assinatura de e-mail (RGB, 600 px), avatar e capa de redes sociais. Use pranchetas nomeadas em um único arquivo por cliente e cores globais: mudou o tom da marca, mudou tudo.
Escolha um comércio real do seu bairro com identidade fraca. Escreva um mini-briefing (3 linhas + 3 adjetivos), faça 20 rascunhos no papel, vetorize o melhor com grid, e monte uma prancheta de apresentação: símbolo, logo horizontal e vertical, paleta nos 4 sistemas de cor e aplicação em fachada (mockup). Tempo-alvo: um fim de semana.
Mídias sociais e marketing
O maior volume de trabalho do mercado: posts, anúncios, carrosséis e kits de campanha. O diferencial aqui não é só criar bem — é criar rápido, em escala e dentro da identidade do cliente.
11.1 Formatos que você precisa saber de cor
| Peça | Tamanho (px) | Observação |
|---|---|---|
| Post feed quadrado | 1080×1080 | O formato universal |
| Post feed retrato | 1080×1350 | Ocupa mais tela; preferido para alcance |
| Stories / Reels capa | 1080×1920 | Área segura: afaste conteúdo 250 px do topo e da base |
| Capa de página (Facebook) | 820×312 | Teste o corte no mobile |
| Banner YouTube | 2560×1440 | Área segura central: 1546×423 |
| Anúncio display comum | 300×250, 728×90, 160×600 | Google Ads: peso máximo por peça |
Monte um arquivo-template com uma prancheta de cada formato, camadas nomeadas e as áreas seguras desenhadas como guias. Todo trabalho novo começa desse template — é assim que agências entregam volume.
11.2 Design que performa
- Hierarquia em 3 níveis: gancho (grande), apoio (médio), CTA (destacado). A pessoa rola o feed a 2 segundos por post: o gancho precisa ser lido de relance.
- Contraste e tamanho de texto: nada abaixo de ~28 px em peça 1080; teste vendo a arte com 5 cm de largura na tela.
- Consistência de marca: use as cores globais e Graphic Styles do cliente. Carrossel: mantenha elementos que "atravessam" as pranchetas lado a lado (cole pranchetas encostadas e desenhe através delas) para o efeito contínuo no deslize.
- Carrossel com storytelling: capa-gancho → desenvolvimento (1 ideia por card) → card final com CTA. Numere os cards e deixe uma seta indicando continuação.
11.3 Exportação em escala: Export for Screens e Asset Export
É aqui que o Illustrator esmaga a concorrência em produtividade:
- File > Export > Export for Screens (Ctrl+Alt+E): exporta todas as pranchetas de uma vez, em múltiplos formatos e escalas simultâneas (1×, 2×, PNG + JPG), usando o nome de cada prancheta como nome de arquivo.
- Window > Asset Export: arraste elementos individuais (um ícone, um logo) para o painel e exporte-os isoladamente em lote — perfeito para entregar o pacote de ícones de um site.
- Para redes sociais, exporte PNG-24 (qualidade) ou JPG 80% (peso); para peça com foto, JPG. Suba sempre no tamanho exato do formato — o algoritmo de compressão das plataformas pune imagens redimensionadas.
11.4 Trabalhando com fotos dentro do Illustrator
File > Place com Link marcado mantém a foto externa (arquivo leve, foto atualizável); Embed incorpora (arquivo autossuficiente — obrigatório antes de enviar para terceiros, ou envie a pasta com os links via File > Package, que reúne arquivo, imagens e fontes automaticamente). Recorte fotos com máscara de recorte (Cap. 7.4) e aplique tratamentos rápidos: retângulo de cor da marca por cima em blend mode Multiply ou Screen (painel Transparency) para o "filtro de marca" clássico.
Para a marca do Exercício 10.1, crie um kit de lançamento: 1 post de anúncio (1080×1350), 1 carrossel de 4 cards com elemento contínuo, 1 story com área segura respeitada e 1 banner 728×90. Exporte tudo com Export for Screens em uma única operação, com nomes limpos vindos das pranchetas.
Pré-impressão e produção gráfica
Arte-final é responsabilidade: um erro aqui vira prejuízo impresso em 5.000 unidades. Este capítulo é o que separa quem "faz artes" de quem a gráfica respeita.
12.1 Sangria, margem de segurança e linha de corte
A guilhotina da gráfica tem tolerância de ~1 mm. Por isso:
- Sangria (bleed): todo fundo ou imagem que toca a borda deve ultrapassá-la em 3 mm (5 mm em embalagens). Configure ao criar o documento (campo Bleed) ou em File > Document Setup — a linha vermelha ao redor da prancheta é o limite da sangria.
- Margem de segurança: textos e logos ficam a pelo menos 3–5 mm para dentro da linha de corte.
- Ao salvar o PDF: marque "Use Document Bleed Settings" e inclua marcas de corte (Trim Marks).
12.2 Preto rico, preto puro e overprint
- Texto preto: sempre K100 puro (C0 M0 Y0 K100). Preto de 4 cores em texto pequeno gera borrado de registro.
- Fundos pretos grandes: use o preto rico (ex.: C40 M30 Y30 K100) para um preto profundo e uniforme.
- Overprint: em Window > Attributes, o texto preto pequeno sobre cor deve estar em overprint (imprime por cima, sem "recortar" o fundo — evita frisos brancos de desregistro). Verifique com View > Overprint Preview.
- Limite de tinta: a soma C+M+Y+K não deve passar de ~300% em offset (pergunte à gráfica). Confira no painel Separations Preview.
12.3 Checklist de fechamento de arquivo
- Documento em CMYK, efeitos raster em 300 ppi, imagens incorporadas em 300 ppi no tamanho final.
- Sangria de 3 mm aplicada em tudo que toca a borda.
- Textos convertidos em outlines (na cópia FECHADO — guarde a EDITÁVEL!).
- Pretos verificados (K100 em texto, preto rico em fundos), overprint conferido.
- Elementos fora da prancheta apagados; camadas de rascunho excluídas.
- Salvar como PDF/X-1a ou PDF/X-4 (padrões de gráfica) com marcas de corte e sangria — ou o padrão que a gráfica pedir. Sempre pergunte o gabarito da gráfica antes.
12.4 Embalagens e recorte especial (die-cut)
Para rótulos, caixas e adesivos: a gráfica fornece (ou você desenha) a faca — o contorno de corte e vincos — em uma camada separada, com uma cor spot exclusiva nomeada (ex.: "CutContour" ou "Faca", magenta 100%, em overprint stroke). A arte fica nas camadas de impressão; a faca, por cima, não imprime: ela guia o corte. Adesivos die-cut: crie o contorno com Offset Path (Cap. 7.3) ao redor da ilustração.
Monte frente e verso do cartão da marca do Cap. 10 (2 pranchetas de 90×50 mm): fundo sangrando 3 mm, textos na área de segurança, preto K100 no texto, versão EDITÁVEL e FECHADO, e exporte PDF/X-1a com marcas de corte. Abra o PDF e confira com zoom: as marcas estão lá? O fundo passa da linha de corte?
Produtividade, automação e trabalho em equipe
Quem cobra por projeto lucra com velocidade. Símbolos, ações, scripts e edição global: o arsenal para produzir em escala industrial sem perder qualidade.
13.1 Símbolos (Symbols)
Arraste um elemento para o painel Symbols: cada cópia usada (instância) aponta para o original. Edite o símbolo (duplo clique) e todas as instâncias atualizam — em todas as pranchetas. Use para: logos repetidos em kits de social media, ícones em infográficos, elementos de mapa. Bônus: símbolos deixam o arquivo mais leve.
13.2 Global Edit e Select Same
Selecionou um objeto que se repete (mesmo sem ser símbolo)? Clique em Start Global Edit no Properties: o Illustrator encontra os semelhantes e replica suas edições. Combine com Select > Same (Fill Color, Stroke Weight, Font…) para operações cirúrgicas em documentos gigantes.
13.3 Actions: gravando tarefas repetitivas
Window > Actions funciona como gravador: clique em gravar, execute a sequência (ex.: redimensionar para 1080, aplicar estilo, exportar PNG), pare. Depois, execute a action em qualquer arquivo com um clique — ou em lote: menu do painel > Batch, apontando para uma pasta inteira. Converter 200 logotipos EPS antigos para SVG? Uma action + batch + um café.
13.4 Scripts e variáveis de dados
- File > Scripts: o Illustrator roda scripts em JavaScript (ExtendScript). A comunidade mantém scripts gratuitos para tudo: distribuir objetos aleatoriamente, renomear pranchetas em massa, fechar caminhos abertos. Saber instalar e usar scripts já coloca você na frente; aprender a escrevê-los é um superpoder raro no mercado.
- Variables (Window > Variables) + planilha: data merge nativo — vincule campos de texto e imagens a um CSV/XML e gere dezenas de peças personalizadas (crachás com 80 nomes, convites numerados) automaticamente.
13.5 Bibliotecas de equipe (CC Libraries)
O painel Libraries sincroniza cores, estilos de texto, logos e componentes na nuvem, compartilháveis com a equipe. A agência inteira usa a mesma paleta do cliente, sempre atualizada; mudou o logo na biblioteca, mudou em todos os arquivos vinculados. Em entrevistas para agência, mencionar fluxo com Libraries + Package + nomenclatura de versão demonstra experiência real de produção.
13.6 Higiene de arquivo profissional
- Nomenclatura: cliente_projeto_peca_v03.ai — versão nova a cada rodada de alteração aprovada (nunca sobrescreva a anterior).
- Camadas nomeadas, sem objetos perdidos fora das pranchetas, sem swatches e pincéis não usados (menu dos painéis > Select All Unused > deletar).
- File > Package ao arquivar ou transferir projetos: reúne arquivo + fontes + imagens vinculadas em uma pasta.
Grave uma action que: 1) ajusta um objeto selecionado para 500 px de largura, 2) aplica um Graphic Style seu, 3) exporta PNG 2×. Rode-a nos 10 símbolos do Exercício 7.1. Depois, com Variables + um CSV de 10 nomes, gere 10 crachás personalizados a partir de um único layout.
Carreira, portfólio e precificação
Técnica sem posicionamento não paga boletos. Como montar portfólio, atender cliente, precificar e crescer — como freelancer ou contratado.
14.1 Os caminhos de carreira com Illustrator
Volume, prazo e trabalho em equipe. Procuram: velocidade, organização de arquivo, domínio de social media e produção gráfica. Ótima escola nos primeiros anos.
Liberdade e teto de renda maior, exige vender e negociar. Nichos que pagam bem: branding, embalagens, ilustração comercial.
Time de marketing de uma empresa só. Estabilidade, profundidade na marca, rotina de campanhas.
Estampas, ícones e ilustrações em bancos (Adobe Stock, Freepik, Shutterstock), templates e pincéis em marketplaces. Renda escalável e passiva que se acumula.
14.2 Portfólio que contrata
- 6 a 10 projetos fortes valem mais que 30 medianos. Corte sem dó.
- Mostre processo, não só resultado: briefing resumido → rascunhos → grid → aplicações em mockup. Recrutador contrata raciocínio.
- Projetos autoiniciados contam: os projetos do Capítulo 15 são desenhados exatamente para isso — briefs realistas que você pode executar sem ter cliente.
- Onde publicar: Behance (padrão do mercado e onde recrutadores buscam), Instagram (vitrine e networking) e um PDF enxuto de 8–12 páginas para enviar em candidaturas.
- Especialize a vitrine: quer branding? Que 70% do portfólio seja branding. Portfólio "de tudo um pouco" atrai trabalho de tudo um pouco.
14.3 Precificação sem mistério
- Calcule sua hora mínima: (custos de vida + custos de trabalho + impostos + margem) ÷ horas produtivas do mês. Horas produtivas reais de um freelancer: 60–100/mês, não 160.
- Cobre por projeto, calcule por hora: estime as horas, multiplique pela sua taxa e apresente um valor fechado por escopo. Cliente compra resultado, não relógio.
- Precifique também pelo valor de uso: um logo para uma padaria de bairro e para uma rede de 40 lojas têm o mesmo esforço e valores muito diferentes — o segundo compra mais valor.
- Escopo por escrito sempre: o que está incluso, número de rodadas de alteração (padrão: 2–3), prazos, forma de pagamento (50% para iniciar é praxe) e o que é cobrado à parte. Alteração fora do escopo = orçamento novo.
1) Trabalhar sem sinal e sem escopo escrito. 2) Rodadas de alteração infinitas por medo de perder o cliente. 3) Entregar o arquivo aberto (.AI) sem que isso esteja precificado — arquivo-fonte é um entregável com valor próprio, negocie-o explicitamente.
14.4 Atendimento: o briefing que evita retrabalho
Perguntas mínimas antes de qualquer orçamento: O que é o negócio e para quem? Qual o objetivo desta peça? Onde ela será usada (impresso? digital? ambos?) — isso define CMYK/RGB, sangria e formatos. Existe identidade/manual a seguir? Referências do que gosta e do que odeia? Prazo e verba disponível? Quem aprova? (descobrir na 3ª rodada que existe um sócio decisor é clássico).
14.5 Evoluindo sempre
- Certificação Adobe (ACP – Illustrator): diferencial em currículo júnior.
- Comunidades e desafios: 36 Days of Type, Inktober vetorial, redesign de marcas famosas — geram portfólio e audiência.
- Estude design, não só ferramenta: composição, tipografia, teoria da Gestalt e história do design são o que fazem a ferramenta ter algo a dizer.
Projetos de portfólio: quatro encomendas simuladas
Quatro briefs completos, um para cada frente do mercado. Trate-os como encomendas reais: leia o brief, faça perguntas a si mesmo, cumpra o escopo e o prazo. Ao final, você terá um portfólio inicial completo.
Identidade completa — Cafeteria "Rota do Grão"
Cliente fictício: cafeteria de especialidade, público 25–40 anos, clima acolhedor-artesanal, ponto físico + delivery.
Brief: a marca precisa funcionar em fachada, copo, avental, adesivo e Instagram. Personalidade: acolhedora, artesanal, confiável. O dono odeia clichês óbvios (xícara fumegante genérica).
- Símbolo + logotipo (horizontal e empilhado), construídos em grid geométrico
- Versões: cor, mono, negativa, preto — com paleta em Pantone/CMYK/RGB/HEX
- Manual de marca de 12 páginas (pranchetas A4 no Illustrator, PDF final)
- Padrão/estampa de apoio para copos e embalagens
4, 5, 6, 7, 10 · Prazo sugerido: 2 semanas
Campanha de lançamento — App de treino "Pulso"
Cliente fictício: startup fitness lançando app; identidade jovem, energética; verba de mídia paga.
Brief: kit de lançamento com linguagem visual consistente, forte hierarquia de leitura e CTA "Baixe grátis". Deve funcionar do story ao banner de site.
- Key visual da campanha (conceito gráfico reutilizável, com gradientes freeform + blends)
- 1 post 1080×1350, carrossel de 5 cards com elemento contínuo, 2 stories, banners 728×90 e 300×250
- Template .AI organizado (camadas nomeadas, cores globais, estilos gráficos) para o "social media" do cliente continuar a série
5, 8, 9, 11, 13 · Prazo sugerido: 1 semana
Série ilustrada — Editorial "Futuro do Trabalho"
Cliente fictício: revista digital encomendando 3 ilustrações conceituais para uma série de artigos.
Brief: estilo autoral consistente entre as 3 peças (mesma paleta de 5 cores globais, mesmo repertório de formas), formato 1600×900, conceitos: "trabalho híbrido", "IA como colega" e "aprender sempre". Metáfora visual > literalidade.
- 3 ilustrações finais + rascunhos (thumbnails) apresentados
- Técnicas obrigatórias: construção booleana, pincéis com textura, ao menos um blend ou mesh para volume/luz
- Versão recortada de 1 personagem/elemento em PNG para uso avulso da revista
4, 7, 8, 9 · Prazo sugerido: 10 dias
Embalagem e papelaria — Chá artesanal "Horta Viva"
Cliente fictício: pequena produtora de chás; venda em empórios e feira; impressão em gráfica offset local.
Brief: rótulo frontal para 3 sabores (camomila, hortelã, hibisco) diferenciados por cor, mantendo o sistema visual; e cartão de visita. Tudo pronto para gráfica — a produtora não entende de arquivos e confia 100% em você.
- Sistema de rótulo 80×120 mm com sangria de 3 mm e faca em cor spot separada
- Ilustração botânica vetorial de cada erva (Pen + pincéis) como elemento central
- Variação de cor por sabor via swatches globais / Recolor Artwork
- Cartão 90×50 mm frente/verso; PDFs em PDF/X-1a com marcas de corte
4, 5, 8, 12, 13 · Prazo sugerido: 2 semanas
No portfólio, deixe claro que são projetos conceituais/autoiniciados (é ético e ninguém desconta pontos por isso). Estruture cada case como: contexto e brief → processo (rascunhos, grid, testes de cor) → solução final → aplicações em mockup. Escreva 3–5 linhas de texto por etapa: recrutador lê raciocínio.
Atalhos essenciais
Os atalhos com maior retorno por tecla. No macOS, troque Ctrl por Cmd e Alt por Option.
Ferramentas
| Tecla | Ferramenta | Tecla | Ferramenta |
|---|---|---|---|
| V | Seleção | A | Seleção direta |
| P | Caneta | Shift+C | Converter ponto |
| T | Texto | M / L | Retângulo / Elipse |
| Shift+M | Shape Builder | Shift+W | Width Tool |
| R / S | Rotação / Escala | G | Gradiente |
| I | Conta-gotas | Shift+O | Pranchetas |
| B | Pincel | N | Lápis |
| W | Blend | U | Mesh |
Comandos
| Atalho | Ação |
|---|---|
| Ctrl+Z / Ctrl+Shift+Z | Desfazer / Refazer |
| Ctrl+G / Ctrl+Shift+G | Agrupar / Desagrupar |
| Ctrl+D | Repetir última transformação |
| Ctrl+F / Ctrl+B | Colar na frente / atrás (na mesma posição) |
| Ctrl+7 / Ctrl+Alt+7 | Criar / liberar máscara de recorte |
| Ctrl+J | Unir pontos (Join) |
| Ctrl+Shift+O | Texto em outlines |
| Ctrl+2 / Ctrl+Alt+2 | Travar seleção / destravar tudo |
| Ctrl+] / Ctrl+[ | Avançar / recuar na pilha (com Shift: topo/fundo) |
| Ctrl+Alt+E | Export for Screens |
| Ctrl+Y | Modo contorno (Outline) — raio-X dos caminhos |
| Ctrl+U | Smart Guides liga/desliga |
Glossário do profissional
Os termos que aparecem em briefings, e-mails de gráfica e vagas de emprego.
| Termo | Significado |
|---|---|
| Arte-final | Arquivo técnico pronto para produção (sangria, cores, marcas) |
| Sangria (bleed) | Extensão da arte além do corte (3 mm padrão) |
| Faca / die-cut | Contorno de corte especial de embalagens e adesivos |
| Spot color | Tinta pronta (ex.: Pantone), impressa como cor sólida separada |
| Quadricromia | Impressão com as 4 tintas CMYK |
| Overprint | Imprimir uma tinta por cima da outra sem recorte |
| Knockout | O oposto: a cor de baixo é "vazada" onde a de cima entra |
| Prova de cor | Impressão de teste para aprovação antes da tiragem |
| Key visual (KV) | Conceito visual central de uma campanha, que se desdobra nas peças |
| Lettermark / wordmark | Logo feito de iniciais / do nome completo estilizado |
| Área de proteção | Margem mínima de respiro ao redor do logotipo |
| Mockup | Simulação realista da arte aplicada (embalagem, fachada, tela) |
| Seamless pattern | Estampa que se repete sem emendas visíveis |
| Arquivo aberto | Arquivo-fonte editável (.AI) com textos vivos e camadas |
| Rodada de alteração | Ciclo de ajustes após apresentação; limite definido no escopo |
Checklist de entrega
Imprima e cole na parede. Passe por ele antes de todo envio.
Toda entrega
- ☐ Ortografia revisada (leia em voz alta; erro de texto é o erro mais caro do design)
- ☐ Modo de cor correto para o destino (CMYK impresso / RGB digital)
- ☐ Camadas nomeadas, lixo fora das pranchetas apagado
- ☐ Versão EDITÁVEL salva e arquivada antes de fechar textos
- ☐ Nome de arquivo no padrão cliente_projeto_peca_v0X
Impresso
- ☐ Sangria 3 mm + conteúdo na área de segurança
- ☐ Textos em outline (ou fontes incorporadas), imagens 300 ppi incorporadas
- ☐ Preto K100 em textos; preto rico só em fundos; overprint conferido
- ☐ PDF/X com marcas de corte; gabarito da gráfica respeitado
Digital
- ☐ Tamanho exato em pixels de cada plataforma; áreas seguras respeitadas
- ☐ Exportado em 1× e 2× quando for para telas de alta densidade
- ☐ PNG para transparência/logos, JPG para foto, SVG para web
- ☐ Teste real: veja a peça no celular antes de enviar
Fim da apostila — e começo do trabalho. Refaça os exercícios, publique os projetos e volte aos capítulos como referência sempre que um job pedir. Bons vetores!