Na semana passada eu assisti o novo trailer do novo Homem de Ferro e achei incrível. Estou contando os dias para ver o filme em abril. Ainda faltam uns meses para ver o filme, então enquanto esperamos resolvi criar uma versão da máscara do Homem de Ferro usando o Illustrator e o Photoshop para aquecer para o filme e para melhorar minhas habilidades de ilustrar.

Neste tutorial vou mostrar para vocês como criar a máscara do Iron Man usando Adobe Illustrator e Photoshop. Não é nada muito detalhado pois quis compartilhar dicas simples do processo para que você possa fazer sua versão do seu jeito pois essa é a melhor maneira de aprender coisas novas.

Passo 1

Abra o Illustrator e crie um novo documento. A primeira coisa a fazer é pegar uma referência legal daquilo que você quer fazer. Depois disso crie um círculo e uma linha cruzando o centro. Vamos criar apenas metade da máscara. Com a Pen Tool (P) comece a criar as formas básicas.

Iron Man in Illustrator and Photoshop

Passo 2

Crie uma forma em cada parte da máscara, assim ficará mais fácil de adicionar cor e textura mais tarde no Photoshop

Iron Man in Illustrator and Photoshop

Iron Man in Illustrator and Photoshop

Iron Man in Illustrator and Photoshop

Passo 3

Depois que tiver as formas, use cores básicas cinza para ver se tudo está certo.

Iron Man in Illustrator and Photoshop

Passo 4

Duplique a metade da máscara e faça um flip horizontal.

Iron Man in Illustrator and Photoshop

Passo 5

Agora no Photoshop, cole cada parte da máscara como uma layer e vamos adicionar cores. As cores básicas do Iron Man são dourado e vermelho. Também tem algumas sombras e detalhes sutis como você pode ver na imagem abaixo.

Iron Man in Illustrator and Photoshop

Passo 6

Para cada parte da máscara adicione uma layer e vá até Layer>Create Clipping Mask. Preencha a layer com preto e troque o Blend Mode para Color Dodge. Com a Brush Tool (B), um brush suave e a cor branca, comece a pintar algumas áreas. Use 10-20% Opacity.

Iron Man in Illustrator and Photoshop

Passo 7

Repita as mesmas coisas do passo anterior mas dessa vez use Screen no Blend Mode. Pinte mais alguns highlights.

Iron Man in Illustrator and Photoshop

Passo 8

Adicione mais highlights, especialmente na boca e na parte vermelha.

Iron Man in Illustrator and Photoshop

Passo 9

Agora vamos adicionar textura. Lembre de aplicar a textura em cada parte da máscara. Mova a posição da textura para dar mais profundidade. A textura que estou usando você pode baixar em http://www.hdwallpapers4ipad.com/_ph/24/641167066.jpg

Iron Man in Illustrator and Photoshop

Passo 10

Para os olhos, crie duas formas e preencha com azul e use uma textura básica. Depois aplique um pouco de gaussian blur.

Iron Man in Illustrator and Photoshop

Passo 11

Adicione uma nova layer acima da layer onde criou os olhos e agrupe a nova layer em um folder. Troque o Blend Mode do folder para Screen. Depois disso, com a Brush Tool, use um brush suave e branco para pintar dois pontos de luz. Adicione outra layer dentro do folder e pinte dois pontos com azul.

Iron Man in Illustrator and Photoshop

Passo 12

Duplique o folder e delete a layer azul. Troque o Blend Mode do folder para Color Dodge. Delete o conteúdo com os pontos brancos e crie dois novos, mais fracos. O color dodge vai criar um efeito de luz realista.

Iron Man in Illustrator and Photoshop

Conclusão

O processo todo é mais pintura digital que design. Não sou muito bom em pintura digital mas esse exercício é bom justamente por isso. Com certeza tem mais detalhes que eu faria nesse design, mas como comentei no começo, dessa vez quiz compartilhar algo rápido, sem muito detalhe. Agora é com você para criar a sua versão, divirta-se ;)

Iron Man in Illustrator and Photoshop

Download no arquivo Photoshop

Clique aqui para fazer o download do arquivo Photoshop usado no tutorial

About the author of this post

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.