Quantcast
Channel: Abduzeedo - Design Inspiration and Tutorials
Viewing all articles
Browse latest Browse all 5330

Iron Man no Illustrator e Photoshop

$
0
0
Iron Man no Illustrator e Photoshop

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


Viewing all articles
Browse latest Browse all 5330

Latest Images

Trending Articles



Latest Images