Faz um tempo que não postamos um tutorial completo de Illustrator... na maioria das vezes publicamos tutoriais que são feitos no Photoshop e no Illustrator. Neste tutorial Marcos Torres vai mostrar a vocês como criar uma ilustração muito legal de um 'olho voador' no Illustrator. O processo é bastante simples e o resultado muito bacana.

Passo 1

Abra o Illustrator e crie um novo documento. O documento deve ter 29,7 x 21 cm. Usando a Ellipse Tool ( L ) crie um círculo perfeito (pressione shift + alt enquanto usa a ferramenta, assim fica mais fácil de fazer o círculo perfeito). Adicione então um light gradient e use 5 pt. Oval brush para deixar a aparência mais legal.

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Passo 2

Usando novamente a Ellipse Tool ( L ) crie um círculo pink e o mova para a borda do círculo branco. Use a Gradient Tool ( G ) e adicione um light pink gradient, adicione também 2 pt stroke nele.

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Agora crie um círculo preto com stroke cinza usando a Ellipse Tool ( L ). Usando então a Pen Tool ( P ), faça uma sombra no círculo preto com a mesma cor do stroke dele.

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Usando novamente a Pen Tool ( P ) para criar essa forma, escolha um white fill e troque a opacity para 10%. Você terá algo assim:

Cool Flying Eye Illustration in Illustrator CS5

Finalmente, crie dois círculos pequenos com a Ellipse Tool ( L ) e os posicione conforme a imagem.

Cool Flying Eye Illustration in Illustrator CS5

Passo 3

Usando a Line Segment Tool ( \ ) crie essas linhas com 1 pt de stroke na cor pink. Essa etapa pode levar um tempo para ficar pronta.

Cool Flying Eye Illustration in Illustrator CS5

Agora com a Pen Tool ( P ) desenhe uma forma de sombra e preencha com pink, troque então o blending para Multiply.

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Usando a Pencil Tool ( N ) desenhe uma forma e preencha com pink, selecione então Filters > Gaussian Blur e use 7 px blur. Troque a opacity da forma para 60 % para ter mais luz e transparência, você terá algo assim:

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Finalmente, vamos fazer os reflexos da Iris. Selecione a Pen Tool ( P ) e faça as formas. Depois, troque a opacity para 70 %. A iris está pronta, vamos partir agora para a sclera.

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Passo 4

Usando a Brush Tool ( B ) escolha um 0,25 pt brush para fazer as veias. Repare um truque: selecione todas as veias e vá até Object > Expand Appearance para transformar os strokes em shapes. Para deixar o visual mais realista, faça um gradient fill em todas as veias, como no exemplo abaixo:

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Usando a Pen Tool ( P ) faça todas as formas cinzas ao redor da sclera, escolha então o blending Multiply. O olho está pronto, agora vamos fazer as asas.

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Passo 5

Faça uma nova layer, usando então a Pen Tool ( P ) desenhe uma forma básica de asa. Usando a Gradient tool ( G ) faça um gradiente dourado nela. Novamente com a Pen Tool ( P ) , desenhe uma segunda linha de asa, conforme abaixo.

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Agora precisamos fazer os reflexos e sombras. Isso vai levar um tempo pois precisaremos fazer uma forma de cada vez. Usando a Pen Tool ( B ) crie formas brancas perto das bordas como no exemplo abaixo:

Cool Flying Eye Illustration in Illustrator CS5

Agora vamos fazer as sombras, use novamente a Pen Tool ( P ) e dessa vez faça as formas cinzas próximas do stroke das asas. Depois disso, escolha o blending Multiply. Você terá algo assim:

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Para fazer a outra asa, duplique a layer da primeira asa usando a Selection Tool ( V ) + alt. Depois ajuste, redimenione e posicione ela como na imagem abaixo.

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Passo 6

Agora vamos dar ao desenho um senso de movimento. Crie uma nova layer e use a Brush Tool ( B ) para fazer algumas linhas pretas com 0,75 stroke. Isso vai dar a imagem uma impressão de movimento.

Cool Flying Eye Illustration in Illustrator CS5

Agora vamos pular para a aureola, usando a Ellipse Tool ( L ) faça dois círculos como uma elipse, depois vá até pathfinder panel e use o Minus Front shape mode. Isso fará a forma do centro subtrair a outra forma. Usando a Gradient Tool ( G ) crie um gradiente dourado com stroke amarelo de 0,75 pt.

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Agora duplique essa forma eliptica usando Selection Tool ( V ) + alt, e a posicione conforme o exemplo abaixo. Talvez você precise trocar a direção do gradiente para ficar melhor.

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Finalmente, vamos criar a sombra. Use a Pen Tool novamente para desenhar uma forma preta perto da borda oposta do brilho, troque então a opacity para 10 %.

Cool Flying Eye Illustration in Illustrator CS5

Para finalizar, vamos fazer a sombra e o brilho da aureola. Usando a Pen Tool ( P ), faça a forma perto do canto da aureola e troque a opacity para 75 %.

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Passo 7

Essa é a parte mais complicada do tutorial: fazer o sangue. Primeiro, crie uma nova layer e usando a Pen Tool ( P ) ou a Pencil Tool ( N ), faça formas que lembrem gotas caindo do olho. Usando a gradient tool, faça um gradiente vermelho conforme abaixo.

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Agora duplique essa forma usando a Selection Tool ( V ) + alt, delete seu fill e coloque um stroke de 2 pt nela.

Cool Flying Eye Illustration in Illustrator CS5

Fazer a sombra é certamente a parte mais complicada, não tem atalho aqui: usando a Pen Tool ( P ) você vai precisar fazer as formas com os gradientes vermelhos e usar Multiply como blending mode. Isso vai levar um tempo. Não esqueça de fazer todas as formas abaixo das gotas.

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Faça um grupo com todas as sombras e esconda essa layer. Agora vamos fazer os glows. Isso pode demorar pois vamos usar a Pen Tool ( P ) para fazer as formas pink perto das bordas.

Cool Flying Eye Illustration in Illustrator CS5

Agora você pode adicionar detalhes como gradientes para deixar o visual ainda mais bacana.

Cool Flying Eye Illustration in Illustrator CS5

Passo 8

Passo final! Vamos desenhar as gotas de sangue. Usando a Ellipse Tool ( L ) faça um círculo e adicione o mesmo gradiente e stroke do sangue, você pode copiar usando a Eyedropper Tool ( I ).

Cool Flying Eye Illustration in Illustrator CS5

Usando a Pen Tool ( P ), desenhe a forma na borda do círculo e use um gradiente vermelho, escolha então Multiply como blending mode.

Cool Flying Eye Illustration in Illustrator CS5

Agora você pode finalmente desenhar formas brancas com a Pen Tool ( P ) e a Ellipse Tool ( L ). Troque então a opacity delas para 75 %. Duplique a layer da gota usando a Selection Tool ( V ) + alt.

Cool Flying Eye Illustration in Illustrator CS5

Cool Flying Eye Illustration in Illustrator CS5

Resultado Final

Bem, posso dizer que esse tutorial é baseado em saber como usar formas simples para criar algo legal. Você pode adicionar qualquer tipo de background nessa imagem...um céu azul parece uma ideia interessante. Espero que tenham gostado do tutorial.

Cool Flying Eye Illustration in Illustrator CS5

Download do Arquivo Illustrator

Clique aqui para fazer o download do arquivo Illustrator usado nesse tutorial.

Sobre o Autor

Olá! Sou o Marcos Torres, um diretor de arte/freelancer brasileiro de 19 anos que quer mostrar coisas novas e interessantes para vocês. Você pode conferir meu portfolio em http://flickr.com/marcostorres. Qualquer pergunta ou oportunidade você pode enviar para marcostorres90@gmail.com, alem de poder me seguir no twitter @marcos333

About the author of this post

Would like to write a guest post for us?

If you would be interested in writing some guest articles or even become a regular contributor, send us an email to abduzeedo[at]abduzeedo.com requesting a contributor account.