A maioria dos games que tenho jogado ultimamente não são tão charmosos quanto Angry Birds. Por quê? Pois hoje em dia a maioria dos jogos foca muito em gráficos ultra realistas e AI melhorada. Eles esquecem do básico da diversão de jogos como Super Mario World. Se você ainda não jogou Angry Birds, não pode perder a oportunidade; é viciante. Inspirado em uma das partes do jogo resolvi fazer essa versão, essa paródia, para mostrar para vocês. Espero que gostem tanto quanto eu.

Sei que meu último tutorial foi bastante avançado, mas hoje vou seguir a linha mais iniciante e intermediário. Você não vai precisar se grandes habilidades em desenho no tablet para seguir o tutorial, então vamos lá. Tem um arquivo Ai no final do post para auxiliar.


Background

Passo 1

Aqui está o rascunho dessa ilustração... Sei que está meio estranho, meio feio, mas o rascunho é apenas um guia para os passos que usei para chegar no resultado final, então não me preocupo muito com o rascunho. O conceito é fazer uma cena de uma reunião antes do confronto entre cada personagem vestido como heróis clássicos de filmes.


Ok, vamos abrir o Adobe Illustrator e criar um A4 canvas (29,7 x 21 cm), RGB, 300 DPI.


Usando a rectangle tool (M) crie dois retângulos no canvas.


O maior será a parede e o menor o chão, então adicione um fill verde claro na parede e um mais escuro no chão.


Vamos começar com o quadro, primeiro desenhe um retângulo cinza usando a rectangle tool (M).


E faça um mais escuro dentro dele.


Escolha a rectangular grid tool, clique uma vez no canvas para ajustar parâmetros conforme abaixo:


Altere também opacity para 20%, use apenas green stroke, sem fill.



Como alguns de vocês já sabem, o Pig King é o principal vilão do jogo, então apenas escrevi no quadro "Subject: Pig King" como identificador, usei essa fonte .


Fiz uma ilustração do pig king no quadro, apenas contorno, como painéis clássicos de guerra. Então primeiro desenhe uma elipse com a ellipse tool (L).


Faça duas menores atrás da maior na diagonal superior esquerda. Elas serão as orelhas e a maior a cabeça. Use green stroke e black fill.


Use a mesma ferramenta para criar os olhos. Faça um, duplique, reflita e coloque no outro lado.


O nariz segue basicamente o mesmo processo, você apenas precisa ajustar a forma usando a direct selection tool (A). Não esqueça de fazer as duas cavidades.


Adicione os seguintes detalhes nas orelhas.


E não vamos esquecer da mandibula, desenhando com a pen tool (P).


Vamos colocar as sobrancelhas também com a pen tool (P).


Um rei não é rei sem coroa, então desenhe uma com a pen tool (P) e adicione algumas elipses na parte de baixo para parecer jóias.




Passo 2

Eu decidi colocar um calendário na parede, então vamos começar fazendo a folha de papel com a rectangle tool (M).



Adicione um retângulo vermelho no topo.


Usando a ellipse tool (L) faça os furos, depois, usando a rounded rectangle tool faça os anéis de metal.



Decidi usar a fonte original Angry Birds para escrever Jun 6. Por que June 6? Pois é o dia D (Normandy landings), apenas uma analogia.



Passo 3

Também decidi criar um jogo de dardos. Primeiro faça duas elipses uma dentro da outra como no exemplo abaixo usando a ellipse tool (L), faça um com black fill e white stroke e o outro com a combinação inversa.


Clique duplo na blend tool (W) para abrir o painel, ajuste spacing como specified steps e ajuste 3 steps. Agora escolha os dois círculos para ver o resultado.



Ok, vamos fazer outro círculo com o mesmo tamanho do branco acima desse blend, vamos adicionar stroke nele. Vá até o stroke panel e ajuste align em internal, weight em 90 pt e dasehd line em 25 pt dash.



Vamos fazer alguns dardos. Desenhe a forma usando a pen tool (P), duplique, reflita e use a opção chamada Unite no pathfinder panel.




Agora posicione no alvo dos dardos.


Você pode duplicar usando a selection tool (V) + alt , redimensionar e espalhar no alvo. Troque a fill color para ficar mais legal.


Bem, o background está pronto, hora de desenhar os angry birds.



Red Bird

Primeiro: crie uma elipse usando a ellipse tool (L), depois, usando a direct selection tool (A), mude os vector points para ter essa forma mais bagunçada.



Novamente com a ellipse tool (L), faça essas duas formas e as coloque no topo da forma do corpo.


Selecione tudo e acesse o pathfinder panel; escolha Unite.



Coloque também um stroke nele. Geralmente uso o 3 pt oval brush, é muito bom para desenhar personagens cartoon.



Usando a pen tool (P), desenhe mais detalhes.


"Ele está voando, flutuando ou algo do gênero?" é uma frase que meu professor sempre perguntava quando eu mostrava meus desenhos. Depois daquilo nunca mais esqueci de colocar sombras e chão nas minhas ilustrações. Então faça uma elipse branca e coloque um fill verde escuro na parte de baixo do corpo.


Faça a próxima forma usando a pen tool (P), coloque na parte de trás, como se estivesse agarrando o red bird.


Usando a pen tool (P) faça a barriga dele usando apenas color fill.


Use a ellipse tool (L) para criar duas elipses.


Faça as sobrancelhas usando a pen tool (P).


Faça o bico usando a pen tool (P).


Use a ellipse tool (L) para fazer a iris.


Quis deixar ele mais raivoso, então coloquei essas duas formas usando a pen tool (P) na parte de baixo dos olhos, para parecer que ele está nos encarando.


Claro que coloquei essas formas vermelho escuro para cobrir a parte do olho que foi deixada para trás.


E adicionei esses círculos usando a ellipse tool (L), são pequenas manchas que o bird tem.


Faça essas "black fill shapes" usando a pen tool (P) para criar o rabo.


Confesso que me inspirei na versão Top Gun de Charlie Sheen para fazer a bandana da cabeça. Você pode desenhar ela usando a pencil tool (N) ou a pen tool (P).


Adicione os detalhes usando a pen tool (P).


Adicione esse pequeno círculo usando a ellipse tool (L) para parecer um nó, depois faça a outra parte usando a pen tool (P).



Repita novamente a apenas coloque a outra parte para trás.



The Big Brother

Você vai seguir praticamente os mesmos passos para desenhar esse e os outros birds, então esse vai ser mais fácil. Primeiro faça essa forma redonda usando o mesmo processo que usamos no red bird.


Usando a ellipse tool (L) faça a sombra dele com fill verde escuro.


Copie a vara do outro bird e coloque nesse.


Faça a barriga dele usando a pen tool (P). Também adicionei alguns detalhes aqui.


Apenas copiei o bico do bird anterior e adaptei algumas coisas.


Crie os olhos usando a ellipse tool (L).


Não esqueça da iris.


Essa sobrancelha é mais grossa que a dos outros birds, pois ele precisa ter uma aparência mais malvada. Crie usando a pen tool (P).


Para ficar mais parecido com um "80's commander", vamos fazer a clássica boina verde com a pen tool (P).


Não esqueça de colocar uma estrela usando a star tool.


Eu sei, é um pouco chato, mas você precisa criar esses círculos escures ao redor dos olhos usando a pen tool (P) para dar a ele um ar de cansado.


E também coloque essas "time stains" no corpo usando a ellipse tool (L).


Copie e cole o mesmo rabo do outro bird.


Faça os detalhes usando a pen tool (P).


Agora coloque os dois na mesma cena.



Yellow bird

Faça um triângulo usando a polygon tool com os ajustes abaixo:



Use a smooth tool para deixar as margens mais suaves.



Adicione uma sombra verde abaixo do corpo dele usando a ellipse tool (L).


Faça olhos/iris usando a ellipse tool (L).



Use a pen tool (P) para criar o bico.


Use a mesma ferramenta para criar o fill branco da barriga.


Crie as sobrancelhas.


O rabo desse bird não é como o dos outros, então vamos desenhar usando a pen tool (P).


Nesse bird vamos desenhar um boné, primeiro faça a base usando a pen tool (P).


Faça então a aba usando a mesma ferramenta.


Adicione um pouco de cabelo. Você pode copiar o rabo e apenas ajustar para ficar legal como cabelo.


Adicione esse detalhe preto para parecer o ajuste do boné.


Copie a estrela da boina e ajuste aqui.


Vamos colocar um pouco de profundidade na cena. Selecione todo o yellow bird, vá até effect > blur > gaussian blur.


Ajuste gaussian blur em 9 pixels.


Agora coloque ele na frente do big brother.



Blue Bird

Criar esse bird é super simples. Primeiro faça um círculo usando a ellipse tool (L).


Faça mais duas elipses e as coloque acima da forma do corpo.


Acesse o pathfinder panel e escolha a opção Unite.


Adicione sombra verde escura usando a ellipse tool (L).


Use a pen tool (P) para criar o bico.


Desenhe os olhos usando a pencil tool (N).


Adicione a iris.


Não esqueça os detalhes do topo, desenhe eles com a pen tool (P).


Faça o rabo usando a pen tool (P).


Ele tem um círculo laranja ao redor dos olhos. Faça com a pen tool (P).


Vamos dar a ele um olhar malvado. Apenas adicione pálpebras usando a pen tool (P).


Para deixar o visual mais clássico eu adicionei essa pintura de guerra nele usando a brush tool (B); use preto/branco charcoal brush.



Adicione duas tags usando a rounded rectangle tool .


Esse truque é muito legal: faça uma linha de pontos como se fosse uma corrente para colocar no pescoço dele. Agrupe todos e arraste para o brush panel.


Escolha a opção para criar um novo art brush.



Ele será colocado entre os outros brushes, então selecione usando a the brush tool (B).



Vamos adicionar a mesma quantidade de blur nele, então vá até effects > blur > gaussian blur.


Ajuste gaussian blur radius em 9 pixels .



Agora coloque ele na frente do vermelho.



White Bird

Ok, prometo que esse será o último. Faça uma forma oval criando primeiro uma elipse usando a ellipse tool (L), depois a ajuste usando a direct selection tool (A).


Adicione sombra verde escura na parte inferior.


Ok, olhando assim pode parecer meio estranho, mas esse é o rabo do bird. Desenhe usando a pen tool (P).


Faça o bico usando a pen tool (P).


Os itens seguintes serão todos criados usando a pen tool (P): bochechas, sobrancelha, barriga.




Tenha cuidado com o capacete para ele não parecer uma panela.


Adicione detalhes usando a pen tool (P)


Você pode copiar a bandana do red bird ou pode fazer novamente, tanto faz.



Adicione cabelo.


E alguns pequenos pontos no topo do capacete, use a brush tool (B) para isso.


Blur novamente, então vá até effects > blur > gaussian blur.


Esse vai ser um pouco mais intenso, então ajuste radius em 20 pixels.



Coloque ele no centro da cena.



Passo Final

Sem brincadeira, esse é o passo final. Então depois de fazer toda essa ilustração precisamos adicionar uma iluminação interessante. Então vamos fazer uma lâmpada. Primeiro desenhe um círculo usando a ellipse tool (L).


Faça essa forma usando a rectangle tool (M).


E essa usando a pen tool (P).


Você vai fazer esse trapézio usando a pen tool (P).


Ajuste opacity em 40%.



Agora vá até o transparency panel e escolha o blending mode Overlay.



Usando a rectangle tool (M) faça um retângulo que caiba no canvas. Adicione um radial black and white gradient nele.


Vá até transparency panel e escolha o blending mode Multiply. E finalmente está pronto.



Conclusão

Bem, espero que tenham gostado e tenham se divertido com o tutorial. Não se preocupe se não completou todo o tutorial, apenas fazer um dos birds já é uma maneira legal de aprender coisas novas.





Arquivo Illustrator

Faça o Download do Arquivo Illustrator usado nesse tutorial

About the author of this post

I'm Marcos Torres, I'm a Graphic Artist from Brasil. You can know more about me at my Website, at my Tumblr or at my Flickr.