Poster Os Vingadores no Photoshop

O Super Bowl é sempre um bom evento para ver trailers dos próximos lançamentos do cinema. Um que chamou minha atenção foi o filme Os Vingadores (The Avengers). Vou esperar a estreia para poder ver o filme... enquanto isso decidi recriar o poster no Photoshop.

Neste tutorial vamos mostrar para vocês como criar o efeito de brilho do poster de Os Vingadores usando apenas o Photoshop. Vamos usar basicamente Layer Styles e Brush Tool (B).

Passo 1

A primeira coisa a fazer é encontrar o logo do filme Os Vingadores. Faça uma busca no Google e você vai encontrar a versão vetorial. Então, no Illustrator você vai precisar criar 2 novas versões usando o Object>Path>Offset Path. Use negative value no offset. Eu usei 2mm nas duas versões, inner e outer.

Passo 2

Copie um por um do Illustrator para o Photoshop para ter 3 layers, inner, middle e outer. Esconda inner e middle e vamos começar a criar o efeito na "outer shape."

Passo 3

Vá até Layer>Layert Style>Bevel and Emboss. Use Inner Bevel em Style, Chisel Hard em Technique, 140% em Depth, 50 pixels em Size, 3 em Soften. Em Shading use 175º, 32º Altitude e no Gloss Contour use o mesmo que estou usando na imagem abaixo. Troque também o Highlight Mode para Color Dodge com branco na cor e 70% Opacity. No Shadow Mode use Color Burn com a cor preta e 100% Opacity.

Depois disso selecione Color Overlay. Use #32333a na cor.

Passo 4

Deixe o símbolo do meio visível novamente e o duplique. Esconda a versão duplicado por enquanto.

Passo 5

Com a versão do meio selecionada vá até Layer>Layer Styles>Bevel and Emboss. Use Inner Bevel em Style, Chisel Hard em Technique, 200% em Depth, 20 pixels em Size, 3 pixels em Soften. Para Shading use 175º no Angle, 32º na Altitude. No Gloss Contour use o mesmo da imagem abaixo. No Highlight Mode use Color Dodge com branco na cor e 80%, e no Shadow Mode use Color Burn com preto e 70%.

No Color Overlay use o mesmo do passo anterior.

Passo 6

Vá até Layer>Layer Style>Inner Shadow e use Color Dodge no Blend Mode com a cor branca. Em Opacity use 80%, em Angle use 175%, em Distance use 20 pixels e em Size use 30 pixels.

Passo 7

Deixe visível a layer duplicada e aplique o mesmo inner shadow do passo anterior. No color overlay use #21262f.

Passo 8

Deixe o a layer do inner symbol visível. Vá até Layer>Layer Style>Gradient Overlay. Use #031532 na cor mais escura e #a4c2d6 na mais clara.

Passo 9

Selecione Stroke e então, usando um gradiente de azul claro para branco com tamanho de 4px e inside em position.

Passo 10

Agora é hora de adicionar os efeitos de brilho. Isso é super simples, basta usar mask de formas básicas. Neste passo apenas crie elipses pretas e faça mask delas para que fiquem visíveis apenas acima do inner symbol

Passo 11

Agora adicione uma nova layer acima das outras e comece a pintar algumas sombras usando a Brush Tool (B) com a cor preta. Lembre que essas sombras apenas são aplicadas em middle e outer symbols. Perceba também que algumas áreas da sombra ficam blurry. Você pode fazer isso usando um soft brush ou a Blur Tool.

Passo 12

Adicione uma nova layer e agrupe em um folder. Troque o Blend Mode do folder para Color Dodge. Selecione a layer e então, com a Brush Tool e a cor branca, pinte alguns highlights (1-5)

Passo 13

Adicione alguns novos hightlights se necessário. Neste caso eu fiz highlight na parte de baixo da seta (1-2).

Passo 14

Adicione o texto que quiser usando a Text Tool (T) e depois, usando layer styles aplique um linear gradient como na imagem abaixo.

Conclusão

Selecione todas as layers e as duplique, faça merge delas em uma. Vá até Fitler>Blur>Gaussian Blur. Use 10 em radius. Troque o Blend Mode para Overlay com 50%. Duplique essa layer e troque o Blend Mode para Screen. A última coisa a fazer é duplique todas as layers novamente e fazer merge delas em uma para que possa adicionar noise na imagem.

O design é super simples, e como você pode ver, é um bom exercício. Ainda tem alguns ajustes para fazer, especialmente contours. Mas agora é com vocês.