Brincando com o Displace Filter no Photoshop

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

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

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.

Passo 5

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

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.

Passo 7

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

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.

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.

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.

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.

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.

Passo 13

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

Passo 14

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

Passo 15

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

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

Passo 17

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

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.

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

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.

Download Arquivo Photoshop

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