Articles

Como criar um efeito de reflexão de água realista no Photoshop

Neste tutorial vamos criar um efeito de reflexão de água realista. Você deve ser capaz de replicar este efeito em outras imagens usando as técnicas aqui apresentadas.


Este tutorial do Photoshop usa algumas técnicas bastante avançadas, mas as explicações detalhadas em cada passo devem facilitar o entendimento dos iniciantes.

Final Image

Como sempre, esta é a imagem final que vamos criar:

Recursos

  • Castle

Passo 1

Abrir a imagem do Castelo. Esta imagem é bastante grande, então vamos reduzir um pouco o tamanho. Pressione Ctrl + Alt + I para abrir a janela Tamanho da imagem e use as configurações mostradas abaixo:

Passo 2

Selecione a Ferramenta de Corte e arraste as alças superior e inferior para remover a marca registrada do autor, bem como os pixels extras nas margens superior, esquerda e direita.(Não se preocupe, é perfeitamente legal. Você pode honrar o autor ligando-se ao seu website ou a esta imagem em particular).

Passo 3

Duplique a camada de fundo pressionando Ctrl + J. Nomeie esta camada como “Reflection”.

Passo 4

Agora vamos aumentar o tamanho da tela (temos que colocar o nosso reflexo em algum lugar). Pressione Ctrl + Alt + C para abrir a janela Tamanho da Tela e escolha as configurações mostradas abaixo.

Clique na camada “Reflexão” para torná-la ativa e pressione Ctrl + T para entrar na Transformação Livre. Clique com o botão direito do mouse sobre a imagem e escolha “Flip Vertical”. Pressione Enter depois de terminar.

Step 5

Select the Move Tool (V) and with the “Reflection” layer still selected click and drag down while holding Shift in order to move the layer down as shown in the image below.

This could already be considered a reflection but it looks quite unrealistic because the water is way to calm and there are no ripples. Vamos abordar estas questões nos seguintes passos.

Passo 6

Agora precisamos de criar algumas ondulações. Para isso, precisamos de uma textura especial parecida com ondulações que podemos aplicar na camada de reflexão. Vamos começar a trabalhar na nossa textura criando um novo documento (Ctrl + N), 4000 x 4000.

Samos capazes de adicionar algum Ruído. Escolha Filter > Noise > Add Noise e use as configurações mostradas abaixo.


Precisamos de um grão mais grosseiro para conseguir ondulações. Usaremos um truque que consiste em embaçar a camada de ruído e depois aumentar o contraste. Aplique um borrão gaussiano de 5px (Filter > Blur > Gaussian Blur).


1098>Agora escolha Imagem > Ajustes > Curvas e arraste os cursores à esquerda e à direita em direção ao pico.


Escolha o Filtro >Filtro Galeria e na pasta Sketch selecione o filtro Bass Relief. Use um valor de 2 para Detalhe e 2 para Suavidade. Podemos ver agora como esta textura começa a parecer ondulações. Mas espere, ainda não terminamos.


Aplique um Desfoque de Movimento 35px (Filter > Blur > Motion Blur) para obter ondas mais suaves e alongadas.

Passo 7

Queremos fazer corresponder a textura das ondulações à nossa camada de reflexão. Para conseguir isso, teremos que mover temporariamente a textura para o nosso documento original (o documento do castelo). Enquanto no documento de textura selecionamos tudo pressionando Ctrl + A e copiamos pressionando Ctrl + C. Selecione nosso documento original e pressione Ctrl + V para colar.


Novo vamos transformar esta textura ondulada a fim de alcançar a mesma perspectiva como em nosso documento. Pressione Ctrl + T para entrar Free transform.

Reduzir a altura da textura para caber na metade inferior da imagem.

Clicar direito dentro do limite da transformação e selecionar Perspective. Arraste as alças superiores para dentro e as inferiores para fora a fim de conseguir uma transformação como a minha abaixo.

Certifique-se de que os limites superiores da camada de textura não excedem os limites superiores da camada “Reflection”. Para um alinhamento mais fácil, certifique-se que tem o Snap activo (Ver > Snap). Pressione Enter depois de terminar.

Step 8

Na paleta Layers clique na camada de textura que acabamos de transformar no passo anterior para ter certeza de que está ativa. Agora Ctrl-clique na camada “Reflection” para criar uma selecção dos seus pixels. Pressione Ctrl + J para duplicar a seleção (enquanto sobre a camada de textura). Nomeie esta nova camada como “Texture” e apague a camada anterior (Layer1).

A fim de ter certeza que seguiu os meus passos correctamente Ctrl-clique na camada “Reflection” e depois Ctrl-clique na camada Texture. A área selecionada deve permanecer a mesma. Se for maior então você cometeu um erro e deve refazer os passos.


Clique direito na camada “Texture” na paleta de camadas e no menu suspenso escolha Duplicate Layer, defina o destino como um Novo documento. Dê-lhe um nome apropriado e pressione Ok.

Passo 9

Nota que existe uma área transparente na parte superior da nossa textura. Precisamos de nos livrar disso e, para isso, vamos escolher Imagem > Trim . Selecione Transparent Pixels e pressione OK. Guarde a textura (Ctrl + S) algures no seu computador (lembre-se onde).

Passo 10

Feche o documento de textura (Ctrl + W) e volte ao nosso documento original. Desligue a visibilidade da camada “Textura” clicando no pequeno ícone do globo ocular à esquerda da sua miniatura.

>

Passo 11

Clique com o botão direito do rato na camada “Reflection” na paleta de camadas e a partir do menu pendente escolha Convert to Smart Object.

Com a camada “Reflection” seleccionada escolha Filter > Filter Gallery. Selecione o Filtro de vidro (na pasta Distort). Note que ao lado do nome da textura há um pequeno ícone. Clique sobre esse ícone e pressione “Load Texture”. Seleccione a textura que guardou anteriormente (a textura do passo 9).

Escolha um valor de Distort maior se quiser um efeito mais pronunciado. Para a subtileza seleccione um valor mais baixo (6-7). O bom dos Smart Objects é que você pode alterar as configurações dos seus filtros a qualquer momento. Como você pode ver, já conseguimos um efeito agradável. No entanto, ainda podemos adicionar algumas melhorias.

Passo 12

Água tem uma certa qualidade reflectora e o nosso reflexo não tem essa qualidade. Lembre-se da camada “Textura” que desligamos no passo 17? Ligue novamente a sua visibilidade clicando no ícone do olho (mais exactamente onde o ícone do olho costumava estar).

Mude o seu modo de mistura para Soft Light e baixe a Opacity para 18% e repare como a camada “Reflection” ganhou aquela qualidade reflectora.

Passo 13

Usualmente a água tem a cor/tinta do céu. Vamos fazer isto na nossa imagem. Selecione a ferramenta Pincel (B) e Alt-clique em algum lugar no azul do céu para samplear uma cor (samplear uma cor significa que qualquer cor que esteja debaixo da ponta do amostrador torna-se a cor do primeiro plano).

Crie uma nova camada (Ctrl + Shift + Alt + N) e preencha a camada com a cor do primeiro plano (Alt + Backspace). Nomeie esta camada como “Color”.

Move a camada “Color” logo abaixo da camada “Texture” (clicando e arrastando). Depois disso clipe a camada “Color” para a camada “Reflection” segurando a tecla Alt e clicando entre as duas camadas da paleta de camadas.

Cortar uma camada para outra significa que a camada superior será visível apenas através dos pixels da camada inferior.


Pressione D para reiniciar para as cores padrão e X para alternar entre elas.

Adicionar uma máscara de camadas à camada “Color” escolhendo Layer > Layer Mask > Reveal All. Selecione a Gradient Tool (G) e na barra de opções superior selecione Foreground to Background option.

Step 14

Click on the layer mask and with the Gradient Tool still selected hold the Shift key and drag downards as indicated in the image below. Este passo garantirá que a cor não será visível na parte superior da imagem e tornar-se-á gradualmente mais visível nas partes inferiores.

>
Diminua a Opacidade da camada “Color” para 12%.
>

Passo 15

Muito feito! Vamos fazer algo para melhorar a aparência da imagem em geral. Um pouco de correção de cor seria exatamente o que esta imagem precisa. Crie uma nova camada de ajuste de curvas (Camada > Nova camada de ajuste > Curvas).




Passo 16

Para aumentar o contraste adicione uma camada de ajuste de preto & Branco escolhendo a camada > Nova camada de ajuste > Preto & Branco. Mude o modo Blending desta camada para Soft Light e baixe a opacidade para 46%.

Passo 17

Estamos quase lá. A imagem parece demasiado simétrica porque invertemos verticalmente a camada original. Além disso, existem alguns artefatos feios de pixel na parte inferior da imagem (nós criamos aqueles quando aplicamos o filtro de vidro na camada de Reflexão). A fim de resolver estes dois problemas vamos recortar a nossa imagem e nos livrar de alguns da parte inferior.

Passo 18

Finalmente, vamos adicionar um efeito Vignette. Crie uma nova camada (Ctrl + Shift + Alt + N) e preencha-a com branco (com branco como primeiro plano pressione Alt + Backspace). Escolha Filter > Lens Correction e na aba Custom arraste o controle deslizante Vignette Amount para a esquerda. Pressione OK e mude o modo de mistura da camada para Multiply.

Note como a camada “Color” é um pouco intensa demais? Vamos baixar a sua Opacidade de 12% para 7%.