O filme Batman: O Cavaleiro das Trevas Ressurge estreia em algumas semanas e a quantidade de posters e promoções virais do filme é incrível. Tem muita coisa legal e boas artes para aprendermos alguns efeitos. No tutorial Photoshop de hoje vamos nos basear em uma das imagens promocionais do filme.

Nesse tutorial vamos criar um efeito stencil/spray usando filtros básicos e alguns brushes. A técnica é super simples e tenho certeza que você pode usar a ideia em seus projetos.

Passo 1

Abra o Photoshop e crie um novo documento. Estou usando 2560x1600 pixels. Depois disso vamos usar uma imagem de Bane. Procure no Google Imagens por uma que goste. A que usei pode ser encontrada em http://screencrave.com/wp-content/uploads/2012/06/Bane-and-The-Bat-in-Th...

Dark Knight Rises Stencil Effect in Photoshop

Passo 2

Com a Polygonal Lasso Tool (L) selecione a cabeça de Bane.

Dark Knight Rises Stencil Effect in Photoshop

Passo 3

Duplique a layer da cabeça para ter um backup. Depois disso selecione uma delas e vá até Filter>Filter Gallery>Sketch. Clique em Halftone Patter. Use 1 em Size, 43 em Contrast e Dot em Pattern Type. Lembre de ter Branco e Preto nas cores de foreground e background.

Dark Knight Rises Stencil Effect in Photoshop

Passo 4

Procure no Google Imagens por uma imagem do símbolo do Batman. Depois use o símbolo como se fossem os olhos de Bane.

Dark Knight Rises Stencil Effect in Photoshop

Passo 5

Adicione uma layer para usar como background. Preencha com preto e deixe a layer abaixo das outras. Selecione a layer da cabeça do Bane com o símbolo do Batman e faça merge em uma. Troque o Blend Mode para Screen e se necessário vá até Image>Adjustments>Levels e aumente os black and white inputs para não ter nenhum cinza. Depois disso adicione o texto "RISE" usando san-serif font em caps. Aumente também kerning para 125.

Dark Knight Rises Stencil Effect in Photoshop

Passo 6

Duplique a background layer, esconda uma das layers e selecione a que estiver visível. Faça merge em uma layer. Duplique essa layer. Com uma cópia vá até Filter>Blur>Gaussian Blur. Use 8.0 Pixels em Radius.

Dark Knight Rises Stencil Effect in Photoshop

Passo 7

Vá até Filter>Noise>Add Noise. Use 30% em Amount, Gaussian em Distribution e selecione Monochromatic.

Dark Knight Rises Stencil Effect in Photoshop

Passo 8

Vá até Layer>Layer Mask>Hide All. Com um spray brush do http://qbrushes.net/photoshop-splash-brushes/dirty-spray-photoshop-brushes/ comece a pintar na da layer mask usando a cor branca.

Dark Knight Rises Stencil Effect in Photoshop

Passo 9

Deixe visível a layer que escondemos no passo 6. Troque o Blend Mode para Color Dodge. Vá até Layer>Layer Mask>Hide All. Com um spray brush e a cor branca comece a pintar na mask para que a layer comece a aparecer. A ideia nesse passo é dar mais detalhe na cabeça de Bane.

Dark Knight Rises Stencil Effect in Photoshop

Passo 10

Repita o mesmo processo para aplicar o efeito na palavra "RISE" . Perceba que tem alguns detalhes como blurry edges e splatters. Você pode fazer isso com a layer mask e spray brushes.

Dark Knight Rises Stencil Effect in Photoshop

Passo 11

Procure por algumas texturas de alfalto. A que estou usando pode ser encontrada em http://www.martworkshop.com/var/albums/free-textures/Ground-texture/Asph...
Coloque a textura abaixo da background layer que está preenchida com preto. Troque o Blend Mode da background layer para Soft Light com 80% Opacity.

Dark Knight Rises Stencil Effect in Photoshop

Conclusão

Adicione uma layer acima das outras e usando um spray brush e a cor preta, cria um efeito vignette para deixar um ponto de foco no centro. Nosso design está pronto e a técnica que usamos para criar o efeito spray pode ser usada para suas imagens graffitti. Agora é com você.

Dark Knight Rises Stencil Effect in Photoshop

Download do 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.