Guia

Como vetorizar uma imagem no Illustrator?

Vetorize um PNG ou JPG no Illustrator com o Image Trace: a predefinição certa, os ajustes principais, expandir, remover o fundo branco e salvar como SVG.

Original SVG OriginalSVG Testar este exemplo
Resposta curta

Selecione a imagem, abra Window › Image Trace (Janela › Image Trace), escolha uma predefinição (Black and White Logo para uma cor, 6 ou 16 Colors para cores), ajuste Colors, Paths, Corners e Noise com o Preview ligado, marque Ignore White (ignorar branco), depois use Expand (expandir) e salve como SVG.

O Adobe Illustrator consegue transformar uma imagem feita de pixels (um PNG ou JPG) em formas vetoriais com um recurso chamado Image Trace (traçado de imagem). Depois de vetorizado, o design pode ser ampliado para qualquer tamanho sem ficar borrado, e você pode salvá-lo como SVG, EPS ou PDF. Aqui está o processo completo, os ajustes que realmente mudam o resultado, como preparar o arquivo para uma Cricut e os erros que deixam você com milhares de formas bagunçadas. Os nomes dos menus estão em inglês; na versão em português do Illustrator eles aparecem traduzidos.

Quais imagens vetorizam bem no Illustrator?

A vetorização funciona melhor em imagens com bordas nítidas e cores chapadas: logos, lettering, ícones, adesivos e clip-art. Use a versão maior e mais nítida que você tiver. Um logo de 300 pixels tirado de um site vai vetorizar com bordas irregulares; um de 2.000 pixels vai vetorizar limpo. Fotos também podem ser vetorizadas, mas viram uma colcha de retalhos de manchas de cor em vez de um vetor limpo.

Passo 1: coloque a imagem

  1. Crie um documento novo, vá em File › Place (Arquivo › Inserir) e escolha seu PNG ou JPG. Clique na prancheta para soltá-lo.
  2. Selecione a imagem com a ferramenta Seleção (V).

Passo 2: abra o painel Image Trace

Vá em Window › Image Trace. O painel permite ver uma prévia e ajustar a vetorização antes de confirmar, o que é muito melhor do que clicar no botão rápido “Image Trace” da barra de ferramentas e torcer pelo melhor. Marque Preview (visualizar) na parte de baixo do painel para as mudanças aparecerem na hora. A Adobe descreve cada opção em Image Trace panel options (opções do painel Image Trace).

Qual predefinição do Image Trace devo usar?

Sua imagemPredefinição para começar
Logo de uma cor, texto, arquivo de corteBlack and White Logo (logo em preto e branco)
Logo ou clip-art com poucas cores chapadas3 Colors, 6 Colors ou 16 Colors (3, 6 ou 16 cores)
Desenho ou esboço feito de linhasLine Art ou Sketched Art (arte de linha ou arte esboçada)
Formas sólidas que você quer como um preenchimento sóSilhouettes (silhuetas)
FotoLow Fidelity Photo (foto de baixa fidelidade; a High Fidelity gera arquivos enormes)

Quais ajustes do Image Trace importam mais?

AjusteO que fazBom ponto de partida
Mode (modo)Color, Grayscale ou Black and White (cor, tons de cinza ou preto e branco)De acordo com o seu design
Colors (modos com cor)Quantas cores a vetorização pode usarO número de cores que o seu design realmente tem
Threshold (limiar, preto e branco)Quais pixels contam como “tinta”Diminua se partes finas sumirem, aumente se as letras se fecharem
Paths (Advanced)O quanto os contornos seguem os pixels de pertoMenor para curvas mais suaves e simples
Corners (Advanced)A facilidade com que curvas viram cantos vivosMaior para logos com cantos nítidos
Noise (Advanced)A menor área vetorizada, em pixels10–25 px para ignorar pontinhos e o borrado do JPEG
Ignore White (Advanced)Deixa as áreas brancas fora da vetorizaçãoLigado para logos sobre fundo branco

Dê zoom de 200–400% enquanto ajusta. Linhas retas tortas e curvas irregulares passam despercebidas em 100%.

Passo 3: expanda a vetorização

A vetorização fica “ativa” até você expandi-la. Escolha Object › Image Trace › Expand (ou clique em Expand na barra Controle). Agora o design é feito de caminhos vetoriais normais. Clique com o botão direito e escolha Ungroup (desagrupar) se quiser editar ou recolorir formas individuais, e apague as formas brancas soltas que o Ignore White não pegou: selecione uma e use Select › Same › Fill Color para selecionar todas, depois apague.

Como preparar a vetorização para Cricut ou Silhouette?

  1. Para um corte de uma cor, selecione todas as formas e clique em Unite (unir) no painel Pathfinder (Window › Pathfinder), para o design ser cortado como uma peça só.
  2. Para vinil em camadas, mantenha um grupo por cor: selecione uma forma, Select › Same › Fill Color, depois Object › Group (Objeto › Agrupar). Cada grupo vira uma camada no Design Space.
  3. Ajuste a prancheta ao design: Object › Artboards › Fit to Artwork Bounds (ajustar aos limites da arte), para o arquivo não ter margens vazias.

Passo 4: salve como SVG

Use File › Save As (Arquivo › Salvar como) e escolha SVG, ou File › Export › Export As › SVG. Para a Cricut e a Silhouette Designer Edition, as configurações padrão funcionam bem.

Por que a minha vetorização no Illustrator fica bagunçada?

ProblemaCausa provávelSolução
Milhares de formas minúsculasCores demais, Noise de menosDiminua Colors, aumente Noise, use uma imagem de origem mais limpa
Linhas retas saem onduladasImagem de origem pequena ou borrada; Paths alto demaisComece maior; diminua Paths, aumente Corners
Lascas finas ao longo de cada bordaBordas suaves vetorizadas como cores extrasMenos cores; aumente Noise
O texto parece derretidoLetras pequenas numa imagem pequenaImagem de origem maior, ou digite as palavras de novo na fonte
Caixa branca atrás do designO branco foi vetorizado como formaIgnore White antes de expandir

Mais sobre por que as vetorizações explodem em formas: por que o meu SVG tem tantas formas?

Dá para vetorizar uma imagem sem o Illustrator?

Sim. O Illustrator exige uma assinatura paga. Se você só precisa do SVG, o conversor de PNG para SVG do Vectacle faz a vetorização no seu navegador: ele ajusta linhas retas, arcos e cantos como geometria de verdade, junta o ruído do JPEG, pode remover o fundo e mantém degradês suaves como degradês SVG de verdade. Sua imagem não fica guardada. A alternativa gratuita para computador é o Inkscape: veja como vetorizar no Inkscape.

PNGLogo de skyline, PNG original
SVGLogo de skyline vetorizado num SVG de uma cor
Um logo de uma cor vetorizado com o Vectacle: torres retas, curvas uniformes, nenhum pontinho solto, uma única forma de 8 KB.

Não tem Illustrator? Para ajustes rápidos, o editor de SVG grátis apaga formas soltas, move, muda cores e adiciona texto no seu navegador.

Perguntas

Qual predefinição do Image Trace é melhor para um logo?

Comece com Black and White Logo (logo em preto e branco) para um logo de uma cor, ou 6 Colors / 16 Colors (6 / 16 cores) para um logo colorido. Depois ajuste Colors, Paths, Corners e Noise no painel Image Trace.

Por que o botão Expand está desativado (cinza)?

O Expand só funciona num objeto vetorizado. Selecione a imagem vetorizada (não a imagem original colocada) e confira se o Image Trace terminou; depois use Object › Image Trace › Expand (Objeto › Image Trace › Expandir).

Como tirar o fundo branco depois de vetorizar?

Antes de expandir, abra Advanced (avançado) no painel Image Trace e marque Ignore White. Se você já expandiu, desagrupe e apague as formas brancas, ou selecione uma e use Select › Same › Fill Color (Selecionar › Mesmo › Cor de preenchimento) para apagar todas de uma vez.

Dá para vetorizar uma imagem sem o Illustrator?

Sim. Entre as opções gratuitas estão o Trace Bitmap do Inkscape e ferramentas no navegador como o Vectacle, que ajusta linhas e curvas de verdade e pode remover o fundo para você.

Fontes: Ajuda da Adobe: “Image Trace panel options”

Mais guias