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.

The Avengers Poster in Photoshop

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."

The Avengers Poster in Photoshop

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.

The Avengers Poster in Photoshop

Passo 4

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

The Avengers Poster in Photoshop

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.

The Avengers Poster in Photoshop

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.

The Avengers Poster in Photoshop

Passo 7

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

The Avengers Poster in Photoshop

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.

The Avengers Poster in Photoshop

Passo 9

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

The Avengers Poster in Photoshop

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

The Avengers Poster in Photoshop

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.

The Avengers Poster in Photoshop

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)

The Avengers Poster in Photoshop

Passo 13

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

The Avengers Poster in Photoshop

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.

The Avengers Poster in Photoshop

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.

The Avengers Poster in Photoshop

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.