facebook twitter youtube rss
Tutorial: “Bolinhas” no Illustrator – Criando o Efeito Halftone
Postado por em abr 14, 2008 sob as tags Illustrator | 8 comments
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
Durante minhas incursões no concurso de estampas do site Camiseteria.com, tive a oportunidade de ver muitos trabalhos excelentes dos outros candidatos. Percebi que muita gente utiliza o efeito Halftone em suas ilustrações. Lendo os comentários do site, percebi que a grande maioria das pessoas que utiliza este efeito, cria primeiramente no Photoshop e depois exporta para o Illustrator e utiliza o Live Trace para transformar em vetor. Vou tentar neste tutorial explicar um atalho para alcançar o mesmo efeito direto no Illustrator. Halftone no Illustrator 1


É interessante que você sempre comece o efeito com as cores padrão, ou seja, preto e branco. Você verá que no final você pode trocar a cor do efeito a vontade.Também vale lembrar que você pode conseguir este efeito tanto em Gradient, Gradient Meshes ou Blends, o processo é o mesmo.

1 – Neste exemplo usarei alguns polígonos simples mas você pode utilizar qualquer figura. Preencha a figura com gradient, gradient mesh ou blend. Atente para que as cores estejam configuradas para preto e branco.

2 – Com a imagem selecionada, vá em Effects > Pixelate > Color Halftone [ FIGURA 1]. O parâmetro Max Radius é o único que precisa ser alterado. Ele diz qual será o tamanho de cada círculo do efeito. Maior o valor, maior o círculo. Costumo utilizar valores entre 10 e 15. Não se preocupe muito com este valor por enquanto, após aplicado ele pode ser facilmente alterado na janela Appearance, clicando duas vezes na opção Color Halftone. Halftone no Illustrator 2

3 – Para continuarmos, fica muito mais fácil transformarmos a imagem em vetor. Para isso, vá em Object > Expand Appearance. Com a imagem ainda selecionada, o painel de controles exibe as opções do Live Trace [FIGURA 2A] . Clique no botão de Seta, do lado direito do botão Live Trace. Selecione a última opção Tracing Options… As opções que devem ser alteradas são:

  • Mode: Color
  • Max Colors: Depende de quantas cores você utilizou.
  • Path Fitting: 1px
  • Minimum Area: 1px
  • Corner Angle: 1
  • Ignore White: Mantenha este ítem selecionado.

Antes de clicar no botão Trace [FIGURA 2B], é uma boa idéia salvar suas alterações em um preset. Isso economizará muito tempo no caso de querer aplicar o mesmo efeito em outros vetores. Para isso basta clicar no botão Save Preset… e escolher um nome para o efeito.

 

4 – Após clicar em Trace, no painel de controle aparecerá um botão Expand [FIGURA 2C]. Clique neste botão e a imagem estará vetorizada.

 

Halftone no Illustrator 3

 

5 – Um último passo para finalizar o arquivo e permitir que a cor do efeito seja alterada. Ao criar o vetor, o Live Trace separa o efeito entre os círculos de cor preta e apesar de não aparecer, ele mantém os círculos de cor branca. É necessário que se apague os círculos brancos. Isso é possível facilmente com a ferramenta Magic Wand Tool (Y) [FIGURA 3]. Selecione esta ferramenta e clique em alguma parte branca da imagem entre as partes pretas e pressione delete. Pronto. Você já pode trocar a vontade a cor do efeito. Abaixo segue algumas aplicações do efeito. Espero ter mais uma vez ajudado.

 


 

Este tutorial foi baseado no tutorial Creating Halftone Effects do blog Vectips. Acessem para mais dicas utilizando este efeito.

 

[ ]s

 

Halftone no Illustrator 4



Sobre o autor

Tiago Pimentel

Estudei design gráfico na EPA e por uma ironia do destino, me tornei diretor de arte digital. Também sou ilustrador e músico, trabalho na Jazz Digital e sou adicto a links interessantes e todas as coisas boas da vida: fotografia, moda, cinema, viagens, arte, cultura, internet. Além disso dedico meu tempo livre às artes plásticas. Entre em contatos através das redes sociais, Facebook, Twitter, etc. Os links estão no MeAdiciona: www.meadiciona.com.br/tiagopimentel

Você também deve curtir:

Tutorial Photoshop: Criando o efeito Halftone (Efeito Coca-Cola) O último tutorial que postei, que foi sobre recorte de imagem utilizando o Quick Mask do Photoshop,...
Tutorial Illustrator: Criando Patterns (Padrões) Na minha série de ilustrações para o concurso de estampas Camiseteria.com,utilizei uma série de patterns...
MICA Concurso Carta Branca Logo após faturar o prêmio pelo concurso U-Printing International Poster Design, agora foi...
Concurso Festival del Sole Spoleto Olá bom dia tudo bem¿ A rede de restaurantes de fast-food italiano Spoleto, lançou um concurso de...


8 Respostaspara ““Tutorial: “Bolinhas” no Illustrator – Criando o Efeito Halftone”

  1. Luciana disse:

    Finalmente alguém publicou EXATAMENTE o que eu queria saber, e que eu tanto procurei por tanto tempo. Muuuuito obrigada, adorei!

  2. admin disse:

    Olá Luciana, tudo bem? Obrigado por seu comentário. “Mim fica feliz de ser útil” :P ahahaha Então, apesar do tempo andar curto fique sempre ligada por que muitos novos tutoriais vêm por ai.

    [ ]s

  3. Muuito bacana o tutorial Tiago. Parabéns, ficou muito prático e fácil de entender.
    Valeu. Bjs

  4. Obrigado Andrea. Elogios e críticas construtivas são sempre bem-vindos. [ ]s

  5. parabéns eu sempre quis fazer isso, hehehehehe. abrasss.

  6. rogerio disse:

    ola´prazer, adorei esse tutorial, quero tirar uma duvida! na opcao filter, tem o phantasm e tem a opcao halftones voce poderia fazer um tutorial como melhor usa-lo? desde obrigado

    acho q mta gente vai gostar.

  7. douglas disse:

    Um tuto simples, rapido, direto e pratico… muito bom ..parabens man!!! XP

  8. Eu que agradeço pelo comentário e pela visita.

    [ ]s

Deixe uma resposta

parceiros

The Old Black Gallery
Blog Ditudu
Caligraffiti
Choco la Design: O lado mais gostoso do design!
Studio MANGA ROSA
My Owl Barn
Tutorial 3D
Cute Drop
Magel Studio
Design Dicas
Design Dicas
Tutoriart
SmartGirls
Des1gnOn
Designers Brasileiros
sala7 design
Design Fera
Tonka 3D
Designer Effects
Designer Effects
Follow the Colours
Logotomia
Paroxismo Records
Designerd
SetUP Extras - Wallpapers  Matrias  Design
Artefinal
Designine