Camila Mizuta: Tutorial Photoshop: Efeito de janela embaçada.

Oi =)

Bom, como eu resolvi que esse blog seria voltado somente a fotografia, pensei "porque não colocar alguns tutorias também?", bem e aqui estou x)
Eu tava dando uma olhadinha no "10foco", e achei um tutorial bem legal, faz parecer com que você está tirando fotos atrás de uma janela cheia de gotinhas d'água =) Mas como eu não consegui colocar o vídeo-tutorial aqui, eu procurei por um parecido para que eu pudesse colocar aqui no blog o passo-a-passo =D

Então vamos lá ;)

Efeito

1º Passo

Abra o Photoshop e crie um novo documento. Aqui estamos usando 2560x1440 pixels no tamanho. Depois disso preencha a background layer com cinza escuro. Essa parte será necessária para criarmos os pingos.

2º Passo

Vá até Window>Brushes para criar o brush para os pingos. Siga a imagem acima para os ajustes, mas o importante é trocar a forma para elipse e também usar um brush bem suave.

3º Passo

Adicione uma nova layer e agrupe essa layer em um folder. Troque então o Blend Mode do folder para Color Dodge. Com a Brush Tool (B) e a cor branca, pinte alguns pingos. Como você pode ver as margens 'blurry' dos pequenos objetos se fundem de acordo com a proximidade delas. Isso é importante para deixar a imagem mais realista.

4º Passo

Selecione a background layer e o grupo com os pingos e faça merge deles em uma layer. Depois disso vá até Image>Adjustments>Levels. Troque o Black Input para 124 e o White para 161. Os valores podem variar de acordo com os pingos, então apenas garanta que tenha se livrado das blurry edges.

5º Passo

Com a Magic Wand Tool (W) selecione a área preta e vá até Select>Similar para garantir que todas as áreas pretas estejam selecionadas. Delete essa área.

6º Passo

Importe uma imagem para usar no seu design. Duplique essa layer pois vamos usá-la mais algumas vezes com diferentes valores de blur.

7º Passo

Vá até Filter>Blur>Gaussian Blur. Use 20 pixels para Radius.

8º Passo

Vá até Layer>Layer Styles>Color Overlay. Use um cinza escuro e troque a Opacity para 60%.

9º Passo

Agora coloque os pingos na frente da imagem e vamos aplicar alguns layer styles para deixá-los mais realistas.

10º Passo

Vá até Layer>Layer Styles>Blending Options e troque a Fill Opacity para 0. Depois disso selecione Inner Shadow. Use branco na cor e LInear Dodge no Blend Mode. Na Opacity use 50%, no angle 90º, naDistance use 3 pixels e no Size use 5 pixels. Mude também o Contour mode para Cone .

11º Passo

Selecione Bevel and Emboss. Troque a Depth para 350%, a Direction para Down, o Size para 7 pixels, Soften para 5 pixels, e nas opções Shading use 54º para Angle e 42º para Altitude. Troque também o Gloss Contour para Cove Deep, no Highlight Mode use 80% com branco e Color Dodge para Blend Mode, e para Shadow Mode use Multiply com preto e 50% de Opacity.

12º Passo

Selecione Inner Glow e para Blend Mode use Darken com 40% Oapcity e preto na cor. Troque Source para Edge e o Size para 25 pixels.

13º Passo

Agora selecione Color Overlay e use (#907f72) para cor com Color Dodge com 45% Opacity.

14º Passo

A última opção layer style será Drop Shadow. Use Multiply no , preto na Cor e 20% Opacity. Troque o Angle para 90º e use 9 pixels para Distance, 5% para Spread e 10 pixels para Size.

15º Passo

Deixe novamente visível a foto sem blur e vá até Filter>Blur>Gaussian Blur. Dessa vez use 5 pixels. Então no Layer Palette clique com o botão direito do mouse na thumb dos pingos, depois selecione "Select Pixel" para selecionar apenas os pingos. Selecione a foto que aplicamos o 5 pixles Gaussian Blur e vá até Layer>Layer Mask>Reveal Selection. Assim a imagem com 5 pixels blur ficará visível apenas abaixo dos pingos.

16º Passo

Selecione a layer mask que criamos no passo anterior e vá até Filter>Blur>Motion Blur. Use -90º para Angle e 80 pixels para Distance.

17º Passo

Depois do motion blur, vá até Image>Adjustments>Levels. Troque novamente o black and white inputs para se livrar das margens blurry. Você terá um efeito como o da imagem abaixo abaixo, como se os pingos estivessem escorrendo pela janela.

18º Passo

Duplique a layer com a foto que aplicamos o Gaussian Blur com 5 pixels de radius e delete a layer mask. Com a Horizontal Type Tool (T) adicione um texto com a fonte handwriting, ou se tiver um tablet ou se for muito bom com o mouse, escreva com sua própria letra. Selecione novamente apenas os pixels do texto como fizemos no Passo 15. Agora faça mask dessa nova foto com a forma do texto para que novamente a foto fique visível apenas abaixo da área do texto.

19º Passo

Adicione uma nova layer e com a Brush Tool (B) e o mesmo brush que criamos dos pingos, adicione mais pingos na área do texto como na imagem abaixo. Para aplicar a mesma layer style dos pingos, apenas clique com o botão direito do mouse na layer dos pingos e selecione Copy Layer Style, clique então na nova layer com os pingos pequenos e selecione Paste Layer Style.

20º Passo

Duplique a foto novamente e delete a layer mask. Depois disso vá até Layer>Layer Mask>Hide All. Selecione a thumb da layer mask e vá até Filter>Render>Clouds. Garanta que tenha preto e branco nas cores. Isso vai aplicar uma cloud texture ao efeito embaçado e vai deixar a imagem mais realista.

21º Passo

Selecione todas as layers e as duplique, depois faça merge delas em uma. Você também pode usar os atalhos do teclado Command+Alt+Shift+E. Vá então até Filter>Blur>Gaussian Blur. Use 20 pixels para Radius.