Tenho brincado bastante com o Displace filter no Photoshop e ainda fico impressionado com o poder dele. Mesmo já tendo escrito alguns tutoriais usando a ferramenta, decidi recriar um efeito diferente que vi em uma das imagens enviadas para o Inspiração Diária. Era uma parede de tijolos deformada, como se fosse feita de pano.

Então, neste tutorial, ou um 'dicas rápidas', vou mostrar a vocês como criar uma cortina feita de tijolos ou como deformar uma parede de tijolos como se fosse uma cortina. Para fazer isso vamos usar algumas stock photos, layer adjustments e o Displace filter no Photoshop CS5. A técnica é bastante simples e o tutorial vai tomar apenas 30 minutos do seu tempo.

Passo 1

Abra o Photoshop e crie um novo documento. Estou usando 2560 x 1440 pixels para o tamanho. Depois disso importe uma foto de uma parede de tijolos. A que estou usando é cortesia do Shutterstock e pode ser encontrada em http://www.shutterstock.com/pic-56014678/stock-photo-red-brick-wall.html

Playing with Displace Filter in Photoshop

Passo 2

Vamos importar outra imagem, de uma mulher abrindo a cortina. Essa foto também é uma cortesia do Shutterstock e pode ser encontrada em http://www.shutterstock.com/pic-44776357/stock-photo-a-young-woman-openi...

Playing with Displace Filter in Photoshop

Passo 3

Com a Lasso Tool (L) ou a Pen Tool (P) selecione o vazio branco. Assim que selecionar as áreas pode ir até Select>Refine Edges. Selecione Smart Radius em Edge Detection e clique no brush icon nesse painel para selecionar a Refine Edges Tool. Pinte nas margens do cabelo para refinar a área. Assim que tiver refinado a seleção, vá até Layer>Layer Mask>Hide Selection, ou você pode fazer via Refine Edges settings.

Playing with Displace Filter in Photoshop

Passo 5

Agora selecione as mãos/braços da mulher e a cortina.

Playing with Displace Filter in Photoshop

Passo 6

Mova a layer da parede de tijolo para que ela fique na frente da layer da mulher. Como você pode ver na imagem abaixo, tem uma 'marquee selection' da cortina e dos braços dela.

Playing with Displace Filter in Photoshop

Passo 7

Vá até Layer>Layer Mask>Hide Selection. Agora você terá a parede de tijolos na frente da cortina.

Playing with Displace Filter in Photoshop

Passo 8

Duplique a layer da mulher e delete a mulher usando o mask da parede de tijolos como referência. Vá então até Image>Adjustment>Desaturate, vá então até Image>Adjustment>Levels. Aumente o black input e um pouco do white. Confira a imagem abaixo como referência.

Playing with Displace Filter in Photoshop

Passo 9

Troque o Blend Mode da Layer para Overlay. Seu resultado será algo como a imagem abaixo. Se quiser, pode deixar o efeito mais forte duplicando a layer, mas você precisará mudar a opacity ou ficará muito escuro.

Playing with Displace Filter in Photoshop

Passo 10

Agora vamos precisar da foto da mulher abrindo a cortina em preto e branco. Abra o arquivo novamente em um documento com o tamanho do seu design (2560x1440) e vá até Image>Adjustment>Desaturate e em Image>Adjustments>Levels. Aumente o black input e um pouco do white input, o resultado será parecido com o da imagem abaixo. Salve esse arquivo no formato Photoshop.

Playing with Displace Filter in Photoshop

Passo 11

De volta ao seu design, selecione a layer da parede de tijolos e vá até Filter>Distort>Pixelate. Use 10 em Horizontal Scale, 30 em Vertical Scale. Selecione Stretch to Fit e Repeat Edge Pixels. Pressione OK e então outra dialog box vai abrir pedindo para selecionar um arquivo. Selecione o arquivo Photoshop que salvou no último passo.

Playing with Displace Filter in Photoshop

Passo 12

Você vai notar que os tijolos estarão distorcidos seguindo highlight e sombras do arquivo da cortina. Depois disso vá até Layer>New Adjustment Layer>Gradient Map. Garanta que esteja em preto e branco e troque o Blend Mode para Soft Light.

Playing with Displace Filter in Photoshop

Passo 13

Acima das outras layers, vá até Layer>New Adjustment Layer>Photo Filter. Use laranja na cor com 60% Density.

Playing with Displace Filter in Photoshop

Passo 14

Vamos adicionar outra adjustment layer, vá até Layer>New Adjustment Layer>Hue and Saturation. Troque a Saturation para -20.

Playing with Displace Filter in Photoshop

Passo 15

Depois de todos os layer styles você provavelmente terá algo como a imagem abaixo.

Playing with Displace Filter in Photoshop

Passo 16

Importe outra imagem, dessa vez a imagem de uma paisagem para ser usada como background. Como se a mulher estivesse abrindo a parede e pudesse ver esse campo. A imagem que estou usando é cortesia do Shutterstock e você a encontra aqui: http://www.shutterstock.com/pic-61151230/stock-photo-daylily-flower-at-s...

Playing with Displace Filter in Photoshop

Passo 17

Com a layer do campo selecionada vá até Image>Adjustment>Hue and Saturation. Troque Hue para -35 e Saturation para -50.

Playing with Displace Filter in Photoshop

Passo 18

Adicione uma nova layer acima das outras e a preencha com preto, então com a Brush Tool (B), um 'very soft brush' e branco como cor, pinte com branco o centro até que tenha uma elipse branca. Depois disso apenas troque o Blend Mode para Multiply para criar um efeito vignette.

Playing with Displace Filter in Photoshop

Passo 19

Selecione a layer do topo e então, use o atalho Command+Alt+Shift+E para criar uma nova layer com todas as 'layers merged' nela. Depois disso, com essa nova layer selecionada, vá até Filter>Blur>Gaussian Blur. Use 10 pixels para Radius. Troque o Blend Mode dessa layer para Screen e a Opacity para 60%.

Playing with Displace Filter in Photoshop

Conclusão

Você pode aplicar o mesmo atalho aplicado no passo anterior para criar outra layer com todas as 'layers merged' nela e então adicionar um pouco de noise na imagem. Vá até Filter>Noise>Add Noise. Eu usei 3% no Amount e Gaussian em Distribution.

O efeito está pronto. Mais uma vez usamos o Displace filter para dar mais realismo ao nosso design. Eu adoro o Displace filter e tenho feito vários experimentos com ele. Nesse exemplo eu usei a cortina para distorcer os tijolos. Claro que esse é apenas um conceito, tem muitos ajustes a serem feitos para que fique perfeito, no entanto a técnica é a mesma, a única diferença é a quantidade de tempo que vai gastar na imagem.

Agora é com você... você pode testar diferentes imagems e ver o resultado. O mais importante é você praticar e se divertir com o Photoshop.

Playing with Displace Filter in Photoshop

Download Arquivo Photoshop

Clique aqui para fazer o download do arquivo Photoshop usado nesse 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.