Vetorizar imagem com a ferramenta Image Trace no Illustrator CS6

Tenho aqui no site um tutorial de como vetorizar uma imagem a partir dessa ferramenta Live trace no Illustrator, mas é para Illustrator CS4. Muita gente estava tentando vetorizar a partir daquele tutorial (que é pra cs4) usando o Illustrator CS5 ou CS6 e não estava conseguindo.

Você pode acessar ele clicando aqui: Tutorial de como vetorizar no illustrator cs4

Mas agora você vai notar o que mudou, nesse tutorial de Illustrator CS6 aqui.

Siga-me:

vetorizar-imagem-illustrator-cs6-2

1. Primeiro escolhemos File > New (Arquivo > novo) para criar um novo documento. Vai aparecer uma janela como nessa imagem acima. Como nós vamos trabalhar com produção de arte para usar em monitores e dispositivos eletrônicos (não impresso) em Profile escolhemos Web. Depois de você selecionar você vai notar que o documento a ser criado vai ser em RGB que é justamente o tipo de documento a ser usado em WEB e dispositivos eletrônicos. Dê OK.

 

vetorizar-imagem-illustrator-cs6-3

2. Quando o documento for criado, é hora de trazer para ele a imagem que vamos trabalhar. É só escolher File > Place (Arquivo > Lugar)

vetorizar-imagem-illustrator-cs6-4

…e escolher a imagem. Eu vou usar a do pássaro (com fundo azul).

vetorizar-imagem-illustrator-cs6-5

Imagem aberta.

 

vetorizar-imagem-illustrator-cs6-6

Agora selecionamos a imagem com a ferramenta de seleção normal, a preta, e Clicamos em Image Trace.

 

vetorizar-imagem-illustrator-cs6-7

Logo você vai ver que o Illustrator vai começar a trabalhar…

 

vetorizar-imagem-illustrator-cs6-8

…e depois vetorizar a imagem, mas com a predefinição padrão de Trueshold. Mas não queremos essa, então vamos fazer a janela do Image Trace aparecer (agora no Illustrator CS6 está Image Trace, nos anteriores era Live Trace)…

 

vetorizar-imagem-illustrator-cs6-9

Clicando nessa pequena janela (que a seta aponta)…

 

vetorizar-imagem-illustrator-cs6-10

…vai aparecer essa janela do lado direito da minha tela. Clique em “Advanced” para aparecer as opções complementares (a janela fica maior).

 

vetorizar-imagem-illustrator-cs6-11

Vou testar já mudando algumas configurações (Se você não sabe para que serve cada uma, Corner, Feather etc. veja no tutorial do illustrator cs4 que eu expliquei direitinho lá pelo meio de post). Como o Preview, na parte de baixo está marcado, tudo que eu mudo eu já vejo em tempo real no meu desenho.

 

vetorizar-imagem-illustrator-cs6-12

E agora vou mudar para deixar uma imagem de 4 cores.

 

vetorizar-imagem-illustrator-cs6-13

Vou mexer mais para adicionar…

 

vetorizar-imagem-illustrator-cs6-14

Ou retirar algumas cores e deixar como eu quero. (Ou seja, se eu marca em 4 colors, ele deixa a imagem com apenas quatro cores, uma imagem mais simples)

 

vetorizar-imagem-illustrator-cs6-15

Pronto, decidi o jeito que quero o meu desenho. Agora, com ele selecionado, vou clicar em Expand para aparecer os pontos do vetor.

 

vetorizar-imagem-illustrator-cs6-16

Pronto, agora vou Desagrupar.

 

vetorizar-imagem-illustrator-cs6-17

Com ele selecionado vou apertar simultaneamente Ctrl+Shift+G para desagrupar.

 

vetorizar-imagem-illustrator-cs6-18

Desagrupou tudo, agora vou selecionando as partes que não quero (partes azuis) e deletando.

 

vetorizar-imagem-illustrator-cs6-19 vetorizar-imagem-illustrator-cs6-20 vetorizar-imagem-illustrator-cs6-21

Quando estiver tudo deletado, vou pressionar Ctrl+ para a tela chegar mais perto do desenho.

 

vetorizar-imagem-illustrator-cs6-22

E vou começar a arredondar os traços.

 

vetorizar-imagem-illustrator-cs6-23

Note que eu selecionei o vetor escuro, e selecionei agora a ferramenta Direct Selection (seta amarela).

 

vetorizar-imagem-illustrator-cs6-24

E vou começar a arredondar os traços. Quando eu seleciono um ponto clicando em cima dele, aparece um traço com uma bolinha na ponta que serve para a pessoa clicar em cima dele, segurar o clique e arrastar para arredondar as extremidades.

 

vetorizar-imagem-illustrator-cs6-25 vetorizar-imagem-illustrator-cs6-26

Note que eu clique e arrastei e arredondei.

 

vetorizar-imagem-illustrator-cs6-27

Pronto, já arredondei algumas coisas.

vetorizar-imagem-illustrator-cs6-28

Agora como essa parte está toda dentada, cheia de ondulações, seria interessante eu selecionar cada ponto que não quisesse e deletasse. Vou fazer isso.

 

vetorizar-imagem-illustrator-cs6-29 vetorizar-imagem-illustrator-cs6-30 vetorizar-imagem-illustrator-cs6-31 vetorizar-imagem-illustrator-cs6-32

Pronto. Aqui eu terminei de deletar vários pontos, mas ficou como se o vetor estivesse aberto, ou seja, se eu pintar ele vaza. Então eu tenho que fechar isso.

 

vetorizar-imagem-illustrator-cs6-33

É só selecionar a ferramenta PEN (caneta) e clicar em um ponto…

 

vetorizar-imagem-illustrator-cs6-34

E no outro que eles fecham.

 

vetorizar-imagem-illustrator-cs6-35

Agora eu selecionando a ferramenta Direct Selection e clicando em cima dos pontos, eu posso moldar tudo para ficar redondo.

 

vetorizar-imagem-illustrator-cs6-36 vetorizar-imagem-illustrator-cs6-37

 

Pronto agora é só eu terminar de arredondar todo o meu desenho seguindo esses passos.

Lembrando que tem como você vetorizar a imagem e já deixar ela arredondada, bonitinha, mas sempre você, depois de vetorizar, vai ter que consertar algumas coisas.

Veja aqui um tutorial de como vetorizar uma imagem no Illustrator para Illustrator CS4

 

Siga-me no Facebook

Comments

comments

Comments

  1. says

    Olá Everson, tudo bem?

    Parabéns pelo tutorial. Segui suas dicas e funcionou muito bem!!!

    Nunca tinha imaginado o quanto essa ferramenta é poderosa para fazer esse trabalho. Impressionante.

    Consegui vetorizar uma imagem do jeito que eu queria e foi muito fácil.

    Obrigado pelas dicas.

    Forte abraço,

    Sucesso Sempre.

  2. Carlos says

    Muito bom esse post!

    Estou querendo fazer um curso de Illustrator para ficar muito bom na ferramenta…

    Queria aproveitar e pedir uma ajuda… estou pesquisando cursos e encontrei o curso de Illustrator CS6 da Impacta.. alguém conhece? sabe se é bom?

    <a href=”http://www.impacta.com.br/curso/Illustrator-CS6-Modulo-I.php”>Curso Illustrator CS6!</a>

    Abraço…

  3. Caio says

    Cara, essa ferramenta é poderosa!

     

    Mas estou com um problema, pois tenho uma tabela que está em uma resolução muito ruim. Ao usar tal ferramenta, a situação ficou ainda pior… rs

    Como faço para deixar a tabela numa condição um pouco melhor?

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios são marcados com *