Ainda não tive a chance de ir ao cinema para assistir Capitão América. Como o poster do filme está espalhado por todos os cantos de São Francisco, cada vez que via o poster pensava em fazer algo no Photoshop para criar o escudo. Ontem acordei e resolvi colocar a ideia em prática :)

Então neste tutorial vou mostrar para vocês como criar o escudo do Capitão América no Photoshop. O processo todo é bastante simples e não vai levar mais de 45 minutos.

Passo 1

Abra o Photoshop e crie um novo documento. Estou usando o tamanho 2600x2600 pixels. Preencha a background layer com preto usando a Paint Bucket Tool (G).

Captain America Shield in Photoshop

Passo 2

Com a Ellipse Tool (U) crie um círculo no centro do documento usando vermelho (#d51a37) na cor.

Captain America Shield in Photoshop

Passo 3

Com a Magic Wand Tool (W) selecione a área do círculo e adicione uma nova layer acima da layer do círculo vermelho.

Captain America Shield in Photoshop

Passo 4

Preencha a nova layer com branco usando a Paint Bucket Tool (G).

Captain America Shield in Photoshop

Passo 5

Vá até Filter>Noise>Add Noise. Selecione preto e branco para as cores de background e foreground. Use 150% em Amount, Gaussian em Distribution e selecione Monochromatic.

Captain America Shield in Photoshop

Passo 6

Com a marquee selection ainda ativa vá até Filter>Blur>Radial Blur. Use 40 em Amount, Spin no Blur Method e Best em Quality.

Captain America Shield in Photoshop

Passo 7

Vá até Image>Adjustment>Levels. Troque Input Levels usando 103 em black, 1.00 em grey e 192 em white inputs.

Captain America Shield in Photoshop

Passo 8

Troque o Blend Mode para Darken com 100% Opacity.

Captain America Shield in Photoshop

Passo 9

Repita a mesma coisa para criar o círculo cinza do escudo.

Captain America Shield in Photoshop

Passo 10

Repita os mesmos passos para criar mais três círculos e a estrela. Perceba que para cada objeto eu criei um efeito radial brush.

Captain America Shield in Photoshop

Passo 11

Hora de deixar o escudo mais realista. A primeira coisa a fazer é usar Layer Styles. Vá até Layer>Layer Styles>Drop Shadow. Use branco na cor, Linear Dodge (Add) no Blend Mode, -4º em Angle, 5 pixels em Distance e 4 pixels em Size. Troque também Contour para o que estou usando na imagem abaixo.

Captain America Shield in Photoshop

Passo 12

Selecione Inner Shadow. Use Linear Burn no Blend Mode, preto na cor, 90% em Opacity, 45º em Angle, 5 pixels em Distance, 0% em Choke e 3 pixels em Size. Use o Contour style que estou usando na imagem abaixo.

Captain America Shield in Photoshop

Passo 13

Selecione Stroke. Use 2 pixels em Size, Inside em Position e preto na cor.

Captain America Shield in Photoshop

Passo 14

Aplique layer style em todos os círculos e na estela. Você vai precisar fazer alguns ajustes dependendo do tamanho do seu design.

Captain America Shield in Photoshop

Passo 15

Hora de adicionar algumas texturas. A que estou usando é cortesia do Shutterstock e você a encontra em http://www.shutterstock.com/pic-20761540/stock-photo-metal-plate-backgro...

Captain America Shield in Photoshop

Passo 16

Aplique a circle mask e troque o Blend Mode para Soft Light.

Captain America Shield in Photoshop

Passo 17

Importe uma nova textura. A que estou usando é do DeviantArt e você a encontra em http://wojtar-stock.deviantart.com/art/metal-texture-4-60021019. Pinte um pouco com branco usando a Brush Tool (B) e um very soft brush. Esse branco vai ser importante para o blend mode, para criar alguns highlights.

Captain America Shield in Photoshop

Passo 18

Troque o Blend Mode para Color Burn com 30%.

Captain America Shield in Photoshop

Passo 19

Adicione uma nova layer e usando a Gradient Tool (G) com Angle Style preencha a layer com um gradiente usando preto e branco. Como você pode ver na imagem, eu criei um custom gradient para esse efeito.

Captain America Shield in Photoshop

Passo 20

Troque o Blend Mode para Overlay com 80%.

Captain America Shield in Photoshop

Passo 21

Duplique a layer e troque o Blend Mode para Color Dodge com 30%. Depois vá até Layer>Layer Mask>Reveal All. Selecione a Brush Tool (B). Com um very soft brush e a cor preta comece a pintar as áreas que quer esconder. No nosso caso, as áreas 1,2 e 3.

Captain America Shield in Photoshop

Passo 22

Adicione uma nova layer acima das outras e crie então uma marquee selection da área do círculo. Vá então até Filter>Render>Clouds. Selecione preto e branco para as cores de background e foreground.

Captain America Shield in Photoshop

Passo 23

Troque o Blend Mode para Soft Light com 50% Opacity.

Captain America Shield in Photoshop

Conclusão

Selecione todas as layers e as duplique. Depois faça merge delas em uma via Layer>Merge Layers. Com as nova layer selecionada vá até Image>Adjustment>Desaturate. Troque o Blend Mode para Soft Light com 50%.

Como você pode ver, o processo todo é bastante simples, usamos apenas filtros básicos e texturas. O segredo está nos Blend Modes para criar efeitos de luz necessários para deixar a cena mais realista.

Captain America Shield in Photoshop

Download do Arquivo Photoshop

Clique aqui para fazer o download dos arquivos Photoshop usados 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.