No último sábado fui no cinema assistir Wall Street: O Dinheiro Nunca Dorme. O filme é bom, mas confesso que estava esperando mais em termos de história e efeitos especiais, algumas coisas foram muito básicas, deixaram a desejar. No entanto, no final do filme, nos créditos, eles criaram uma animação muito legal com ilustração de dinheiro, não sei bem o nome do efeito, mas gostei bastante e decidi tentar no Photoshop.

Então neste tutorial vou mostrar uma técnica legal para um efeito simples de ilustração com estilo de dinheiro usando uma foto normal. Não fica tão perfeito quanto as ilustrações que vemos no dinheiro, mas é bem bacana. Devem existir outras maneiras de fazer esse efeito, então se souberem alguma técnica, compartilhem com a gente. Essa que criei é bastante simples e rápida.

Passo 1

Abra o Photoshop e use uma foto na qual queira aplicar o efeito. Nesse caso usei uma minha, a que uso no Twitter. A foto foi feita por John Arlington, e você pode saber mais sobre ele em http://dbox.com.br

Money Style Illustration in Photoshop

Passo 2

Vá até Image>Adjustmenst>Desaturate.

Money Style Illustration in Photoshop

Passo 3

Vá até Image>Adjustments>Levels. Troque o black input para 50 e o white input para 150. Mude também o grey input para 1.

Money Style Illustration in Photoshop

Passo 4

Vá até Filter>Blur>Surface Blur. Use 30 pixels para Radius e 20 para Threshold. Salve esse arquivo PSD como Displace.psd. Vamos usar dois arquivos para esse tutorial, um será o displace e o outro o design real.

Money Style Illustration in Photoshop

Passo 5

Desfaça alguns passos até que tenha a imagem greyscale. Salve como me.psd. Então vá até Image>Adjustments>Levels. Use 15 para black input, 1 para grey e 205 para white.

Money Style Illustration in Photoshop

Passo 6

Vá até Image>Mode>Greyscale, depois até Image>Adjustment>Bitmap. Use os default settings, meu output é 240 pixels/inch pois o input é o mesmo, então o valor vai variar dependendo do input que tiver. Para Method use Halftone Screen...

Money Style Illustration in Photoshop

Passo 7

A próxima 'dialog box' será dos settings Halftone Screen. Use Line para Shape e 30 lines/inch para frequency. Troque também Angle para 0. Dica: dependendo da resolução da sua imagem a frequency pode mudar, então é preciso testar alguns valores até que tenha um bom resultado.

Money Style Illustration in Photoshop

Passo 8

Esse é o resultado que terá depois de mudar seu documento para Bitmap mode. Agora vamos mudar de volta para Greyscale. Vá até Image>Adjustments>Greyscale.

Money Style Illustration in Photoshop

Passo 9

Vá até Filter>Blur>Gaussian Blur. Use 0.5 pixels em Radius. Você também pode usar 1. Esses valores vão variar dependendo da resolução que estiver usando.

Money Style Illustration in Photoshop

Passo 10

Vá novamente até Image>Adjustments>Levels. Troque o white input para 110.

Money Style Illustration in Photoshop

Passo 11

Vá até Filter>Distort>Displace. Use 1 para Horizontal Scale, 3 para Vertical e depois Stretch to Fit and Wrap Around nas opções. Pressione OK. Outra dialog box vai abrir para selecionar o Displace map. Selecione o arquivo Displace.psd criado no passo 4.

Money Style Illustration in Photoshop

Passo 12

Agora o displace filter vai distorcer a imagem e as linhas não ficarão uniformes.

Money Style Illustration in Photoshop

Conclusão

Agora é só adicionar seu logo e brincar com outros efeitos. O displace filter é um dos filtros mais legais do Photoshop pois com ele podemos criar efeitos diferentes, como o deste tutorial. Como mencionei antes, tive a ideia para o tutorial vendo os créditos do filme Wall Street: O Dinheiro Nunca Dorme, onde eles mostraram alguns designs com dinheiro.

Money Style Illustration in Photoshop

Detalhe

Você pode brincar um pouco mais aumentando o level e também o gaussian blur.

Money Style Illustration in Photoshop

Outro Exemplo

Aqui está outra versão usando uma textura de papel e com Hue and Saturation eu dei um tom verde ao design. Use color burn no blend mode para a image layer que ficará acima da textura.

Money Style Illustration in Photoshop

Detalhe 2

Money Style Illustration in Photoshop

Download do Arquivo Photoshop

Clique aqui para fazer o download do arquivo Photoshop usado nesse tutorial

About the author of this post

I'm Gisele Muller, someone who loves communication, design, creativity, technology and everything in between. A brazilian current living in San Francisco Bay Area, USA. Twitter user: @gismullr