Tutorial de Illustrator: como criar um conjunto de avatares de X-Men

0
46
Destaque

Você ainda não assistiu o novo filme “X-Men: Apocalypse” como eu? Vamos nos preparar juntos e seguir este tutorial para criar avatares planos e sem rostos de personagens de X-Men! Nós vamos descobrir algumas dicas e truques úteis e aprender técnicas simples, usando formas básicas, o Painel Pathfinder, a Shape Builder Tool e Clipping Masks.

Aqui vai uma prévia do resultado final:

img1

Este tutorial, é uma tradução de envatotuts+.

Os personagens de X-Men são os meus heróis favoritos de todo o universo Marvel, então eu sempre espero os novos filmes com uma certa impaciência. No entanto, este tutorial pode ser útil não só para os fãs de X-Men! Você pode usar as técnicas a seguir para criar avatares de super-heróis, retratos humanos planos e qualquer outro tipo de avatar plano! Você ainda pode usar qualquer imagem de referência, até sua própria foto, para criar um avatar semelhante para o seu perfil de rede social. Vamos começar!

Passo 1

Vamos moldar o rosto de Wolverine, começando com o queixo. Pegue a Rectangle Tool (M) e faça uma forma de 100px*60px na cor de pele, mais ou menos um tom de rosa-bege. Mantendo a forma selecionada, vá para Object > Path > Add Anchor Points, para adicionar um ponto no meio de cada lado.

img2

Passo 2

Vamos formar o queixo. Selecione o ponto de ancoragem inferior esquerdo com a Direct Selection Tool (A) e aperte Enter para abrir a janela Move. Defina o valor Horizontal para 20px e Vertical para 0px. Clique em OK para mover o nosso ponto 20px para a direita.

Repita o mesmo processo para o ponto de ancoragem inferior direito, mas desta vez defina o valor de Horizontal para -20px, a fim de mover o ponto na direção oposta.

img3

Passo 3

Agora, vamos fazer a forma do queixo mais arredondada e suave, com a ajuda da função Live Corners. Selecione todos os pontos de ancoragem, exceto os dois primeiros com a Direct Selection Tool (A) e puxe os círculos marcadores da função Live Corners para cima, tornando os cantos ligeiramente arredondados.

Se você estiver usando versões anteriores do Adobe Illustrator, que não incluem esta função, você pode ir em Effect > Stylize > Round Corners como alternativa. Note que ele vai fazer todos os cantos arredondados. Neste caso, use a Eraser Tool (Shift+E), mantendo o Alt pressionado para fazer o topo da forma se tornar reto e plano novamente.

img4

Passo 4

Agora, vamos formar a parte superior do rosto. Crie um retângulo de 100px*75px. Vá para Object > Path > Add Anchor Points.

img5

Passo 5

Vamos ajustar a linha fina um pouco. Selecione o ponto de ancoragem central superior com a Direct Selection Tool (A) e mova-o 10px para baixo. Mude para a Anchor Point Tool (Shift+C) e arraste as alças do ponto de ancoragem selecionado para cima, como mostrado na imagem abaixo. Desta forma, criamos uma linha fina em forma de gaivota.

img6

Passo 6

Mova as alças dos principais pontos de ancoragem da esquerda e da direita para deixar a linha fina mais fluente e curvada.

img7

Passo 7

Vamos nos certificar de que as partes da face estejam totalmente alinhadas umas com as outras. Vamos usar a mesma técnica mais adiante, quando precisaremos alinhar os objetos.

Selecione as duas partes do rosto com a Selection Tool (V) e clique na forma de cima uma vez, para fazer dela um objeto-chave. Isso será indicado com uma seleção mais espessa em torno da forma. Agora, vá para o painel Align e clique em Horizontal Align Center. Desta forma, alinhe o queixo com a forma superior.

img8

Passo 8

Mova a parte superior do rosto para baixo, prendendo-a no queixo.

img9

Passo 9

Utilize a função Path de novo para mover os cantos superiores esquerdo e direito, para mais perto um do outro, deixando a parte superior da forma, mais estreita.

img10

Passo 10

Agora, vamos desenhar o penteado bem conhecido de Wolverine! Pegue a Pencil Tool (N) e desenhe a parte do cabelo. Ligue os pontos de ancoragem extremos, com a Pencil Tool (N) ou com a Pen Tool (P) para deixar a borda direita da forma reta e quadrada.

img11

Passo 11

Preencha a forma com a cor cinza-escuro. E vamos virar a cópia para o outro lado, para fazer outra parte do penteado. Clique duas vezes na Reflect Tool (O) para abrir a janela de opções e selecione o Vertical Axis. Clique em Copy, e junte anexe a parte direita do penteado.

img12

Passo 12

Agora, vamos adicionar as orelhas. Pegue a Ellipse Tool (L) e faça uma forma oval de 15px*30px. Fixe a forma no rosto, girando-a um pouco. Adicione uma segunda orelha, usando a Reflect Tool (O).

img13

Passo 13

Agora, vamos criar a barba do Wolverine! Primeiro de tudo, copiamos o formato do rosto e colamos na frente (Ctrl+C, Ctrl+F). Use a Eyedropper Tool (I) para escolher a cor do cabelo e aplique na cópia criada.

Pegue a Ellipse Tool (L) e faça uma forma com 125px*130px, colocando ela na parte superior do rosto. Agora, você pode ver que a barba já começou a aparecer na parte inferior do rosto.

img14

Passo 14

Adicione outra elipse de menor tamanho (60px*45px), cobrindo parcialmente o queixo.

img15

Passo 15

Selecione as duas elipses e una elas no painel Pathfinder, fundindo-as em uma única forma.

img16

Passo 16

Agora, vamos cortar as elipses, deixando apenas as peças com um tom de cinza mais escuro para a barba. Selecione tanto a forma cinza-escuro, quanto as elipses mescladas e use a função Minus Front do painel Pathfinder para cortar as formas.

img17

Passo 17

Vamos adicionar algumas mechas de cabelo na testa do Wolverine. Faça uma elipse de 60px*5px. Selecione seus pontos de ancoragem laterais e com a Direct Selection Tool (A) e deixe as extremidades da forma pontiagudas, usando a função Convert selected anchor points to corner, no topo do Painel de Controle.

Mantendo a forma selecionada, vá em Effect > Warp > Arc. Defina o valor de Horizontal Blend para 30% e vá em Object > Expand Appearance para aplicar o efeito.

img18

Passo 18

Fixe a linha fina criada no fechamento de cabelo do couro cabeludo e adicione uma cópia menor ao lado dela.

img19

Passo 19

Vamos adicionar o pescoço. Faça um retângulo com 60px*70px e uma cor em tom de pele mais escura. Coloque o pescoço sob a cabeça movendo-o para trás, Shift+Ctrl+[ (Colchete aberto). Ajuste o comprimento do pescoço, movendo ele para cima ou para baixo, escondendo a parte desnecessária sob a cabeça.

Adicione outro retângulo de 75px*25px para o colarinho e preencha-o com uma cor cinza-azulada escura.

img20

Passo 20

Vamos dar forma ao tronco. Faça um retângulo de tamanho 160px*110px de cor azul-acinzentada mais clara, e coloque-o abaixo da gola. Alinhe todas as formas no centro, se necessário.

Selecione o ponto de ancoragem inferir esquerdo com a Direct Selection Tool (A) e pressione Enter para abrir a janela Move. Mova o ponto superior esquerdo, definindo o valor de Horizontal Position para -20px.

Mova o ponto de ancoragem para a direita no sentido oposto, fazendo com que a parte inferior do retângulo fique mais ampla e forme um trapézio.

img21

Passo 21

Use o recurso Live Corners (ou o efeito Round Corners) para deixar os ombros do tronco arredondados.

Vamos adicionar um emblema redondo do X-Men para o colar. Faça um círculo de 28px*28px com a Ellipse Tool (L), com um preenchimento cinza-escuro e um amarelo para o contorno espesso (defina a espessura do contorno para 5pt no painel de controle superior).

Use a Line Segment Tool (\) para formar duas linhas amarelas com contorno de 5pt, fazendo o sinal de um “X” no centro.

img22

Passo 22

Vamos adicionar a base do nosso avatar. Faça um quadrado de 300px*300px amarelo e envie ele para trás (Ctrl+Shift+[), abaixo do personagem. Agrupe no Ctrl+G, todas as partes do Wolverine e redimensione-as para fazer a silhueta se ajustar ao quadrado. Você pode deixar a parte inferior do tronco fora do quadrado, como na imagem abaixo.

Copie o quadrado e traga para a frente (Cltr+Shift+]), acima de todos os outros objetos.

Finalmente, selecione tudo (Ctrl+A), clique no botão direito do mouse a faça um Clipping Mask, escondendo as partes indesejadas que estão fora do quadrado. Ótimo!

img23

Agora, temos nosso primeiro avatar de X-Men pronto! Vamos para o próximo.

img24

Passo 23

Nosso segundo personagem vai ser a maravilhosa Mística.

Vamos começar a formar o queixo do rosto, como fizemos anteriormente. Pegue o queixo de Wolverine que foi nosso primeiro avatar e modifique-o, tornando os cantos mais arredondados com a ajuda do recurso Live Corners. Selecione o ponto de ancoragem inferior (a ponta do queixo) e deixe-o pontiagudo, através da opção Converting it to Corner no menu Convert na parte superior.

img25

Passo 24

Agora, vamos formar a parte superior do rosto. Faça um retângulo de 100px*60px e alinhe-o no formato do queixo. Use a Direct Selection Tool (A) para selecionar os dois pontos de ancoragem superiores esquerdo e direito e faça a parte superior da forma ficar totalmente arredondada.

Use a Anchor Point Tool (Shift+C) para fazer a linha fina em forma de coração, colocando a âncora como mostrado abaixo.

img26

Passo 25

Fixe a parte do rosto na parte inferior e mude a cor da pele para azul.

Vamos adicionar o penteado! Faça um retângulo vermelho de 100px*89px e coloque-o sob o rosto na parte superior da cabeça. Deixe o topo do retângulo totalmente arredondado.

Ajuste a posição das formas uma com a outra. No meu caso, eu vou mover a parte superior do rosto ainda mais para baixo, para deixar o rosto mais curto e revelar o penteado um pouco mais.

img27

Passo 26

Adicione as orelhas e o pescoço na cabeça de Mística. Crie um trapézio para o tronco e desta vez una o tronco e o pescoço no painel Pathfinder.

img28

Passo 27

Use a Direct Selection Tool (A) para selecionar os pontos de ancoragem na parte inferior do pescoço. Deixe-os arredondados, usando o recurso Live Corners. Faça os ombros ficarem arredondados, formando uma silhueta suave e gentil.

img29

Passo 28

Use a Ellipse Tool (L) para fazer uma elipse de 5px*10px com uma cor um pouco mais escura do que o rosto. Adicione mais alguns pontos no rosto, variando seu tamanho e posição.

img30

Passo 29

Finalize o avatar da Mística, adicionando alguns pontos ao seu corpo e colocando a personagem em uma máscara em um quadrado com fundo azul-escuro.

img31

Passo 30

Vamos fazer a cabeça e o capacete de Magneto. Copie a base do corpo de Wolverine e mude a parte superior da cabeça através da substituição do rosto e o cabelo do Wolverine com um retângulo de 100px*75px. Faça o topo da cabeça totalmente arredondado, usando a função Live Corners.

Crie um retângulo no topo (ligeiramente maior do que a cabeça) e faça a sua parte superior bem arredondada. Ele será o capacete do Magneto.

Nesta fase, também removeremos as orelhas e definiremos a cor de preenchimento do capacete para Nenhum, a fim de vermos a cabeça de maneira clara e limpa.

img32

Passo 31

Agora, vamos formar as partes faciais do capacete. Se você se lembra dos filmes de X-Men, Magneto tinha uma grande contorno para os olhos, nariz e boca.

Adicione uma pequena elipse e coloque-a na área do olho esquerdo, como mostrado na imagem abaixo. Use a Reflect Tool (O) para criar uma segunda elipse. Adicione uma faixa vertical, combinando ela com os buracos dos olhos. Por fim, selecione as elipses criadas e a faixa, e una-os no painel Pathfinder.

img33

Passo 32

Mude a cor de preenchimento do capacete para roxo escuro, e a forma do centro, para qualquer cor contrastante, por exemplo, amarelo. Mantendo a forma amarela selecionada, vá para Object > Path > Offset Path e defina o valor de Offset para 5px, criando uma forma mais ampla.

img34

Passo 33

Selecione o capacete e a forma amarela menor. Use a função Minus Front no painel Pathfinder para eliminar a forma.

Agora, temos a forma de cor amarelo escuro e um capacete com um buraco no centro.

img35

Passo 34

Mantendo ambas as formas selecionadas, pegue a Shape Builder Tool (Shift+M), mantenha pressionada a tecla Alt e clique no meio da forma em amarelo-escuro que precisamos eliminar. Ótimo! Agora podemos ver o rosto.

img36

Passo 35

Altere a cor amarelo-escuro para um roxo-claro, para fazê-la se misturar com o capacete. E vamos adicionar uma tarja fina de 5px na parte inferior do capacete também. Use a Shape Builder Tool (Shift+M) novamente, para eliminar as partes desnecessárias da listra que estão fora do capacete.

img37

Passo 36

Vamos trabalhar um pouco no terno do Magneto. Deixe-o mais escuro, mudando a cor de preenchimento para um roxo-acinzentado escuro. Adicione uma linha fina no centro do terno, que vai ser o zíper estilizado.

Vamos escurecer os ombros. Pegue a Line Segment Tool (\) e desenhe duas linhas diagonais através dos ombros. Selecione as duas linhas e o tronco, e use a Shape Builder Tool (Shift+M) e clique nas ombreiras que precisamos cortar. Maravilha! Agora as partes do ombro são divididas do resto do tronco e nós podemos deixá-las mais escuras.

Não se esqueça de apagar as partes da linha que não precisamos.

img38

Passo 37

Deixe a base do avatar com um roxo-claro e use o Clipping Mask para formar a composição.

Finalmente, use a função Convert, para deixar os cantos externos dos buracos dos olhos um pouco pontiagudos. Edite as formas com a Direct Selection Tool (A).

img39

Ótimo! O avatar de Magneto está pronto. Vamos fazer o último!

img40

Passo 38

Nosso último avatar, vai ser a jovem Vampira.

Vamos duplicar toda a silhueta da Mística e usá-la como base para o avatar malandramente, recolorindo a pele e removendo as manchas do corpo.

img41

Passo 39

Selecione o ponto central da linha fina com a Direct Selection Tool (A) e mova-o um pouco para a direita, mudando a forma da linha do cabelo.

Agora, pegue a Pencil Tool (N) e faça um contorno ligeiramente curvado para o fechamento de cabelo, que servirá de franja.

img42

Passo 40

Vamos modificar a franja. Mude a cor de contorno para um cinza-claro. Dirija-se ao painel Stroke (Window > Stroke) e defina o Weight para 16pt, tornando assim, a franja muito mais espessa.

Deixe o Cap e o Corner em posições intermediárias para deixar as pontas do contorno arredondadas.

Por fim, mude o Profile para Width Profile 5 (um dos perfis padrão no menu drop-down) e use o botão Flip Along próximo a ele para mudar a direção da linha de contorno. Ótimo trabalho!

Adicione um traço vertical bege-claro no topo do cabelo escuro, entre a separação. Defina o Stroke Weight com 1.5pt e o Profile para Width Profile 1.

img43

Passo 41

Adicione outro bloqueio no lado oposto do rosto e utilize configurações semelhantes as do passo anterior. Você pode usar a Eyedropper Tool (I) para selecionar a cor do fechamento anterior e aplicá-la no novo, reduzindo o Weight para 12pt.

Copie o colar do avatar de Wolverine e cole-o no pescoço de Vampira.

img44

Passo 42

Vamos vestir a nossa personagem. Selecione a forma do corpo e utilize a Knife Tool para dividir a forma em duas partes. Preencha o tronco com a cor cinza-escuro, que representa o terno de nossa personagem.

img466

Passo 43

Adicione um zíper e o logotipo do X-Men no terno.

img46

Passo 44

Terminaremos o avatar, adicionando um fundo quadrado verde, e colocando os objetos em uma máscara de corte (Clipping Mask).

img47

Sensacional! Nossos avatares de X-Men estão criados!

img48

Este tutorial, é uma tradução de envatotuts+.

DEIXE UMA RESPOSTA

Please enter your comment!
Please enter your name here