Aprenda como criar um efeito de reflexão de água no Photoshop com ondulações de água realistas. Um tutorial passo-a-passo para Photoshop CC e CS6.
Como veremos, há três partes principais para criar o efeito de reflexão de água. Vamos começar por criar o reflexo básico em si, fazendo uma cópia da nossa imagem, arrastando-a abaixo do original, e depois virando-a para que a imagem no fundo espelhe a imagem acima. Vamos adicionar borrão de movimento e até mesmo uma tonalidade azulada para ajudar o reflexo a se parecer mais com água.
A partir daí, vamos criar um mapa de deslocamento, um tipo especial de documento no Photoshop que podemos usar para dobrar, deformar e reformular a nossa imagem. E finalmente, vamos pegar nosso mapa de deslocamento e aplicá-lo ao reflexo da água para criar ondas e ondulações de aparência realista! Vamos até adicionar uma sombra ao longo da costa para fazer com que pareça inclinar-se para a água. Há muitos passos, mas como sempre, vou te guiar através de cada um deles para que você possa seguir facilmente, mesmo que você seja um iniciante.
Aqui está um exemplo de como será o efeito de reflexão da água quando terminarmos. No final, vou mostrar-lhe como experimentar o efeito para obter os melhores resultados com a sua imagem:
P>Vamos começar!
p>p>Download deste tutorial como um PDF pronto para impressão!
- Como criar um reflexo de água no Photoshop
- Passo 1: Abra sua imagem
- Step 2: Desbloquear a camada de fundo e nomeá-la “Photo”
- Passo 3: Duplique a camada e nomeie como “Reflection”
- Passo 4: Converta a camada “Reflection” em um objeto inteligente
- Passo 5: Adicione mais espaço de tela abaixo da foto
- Passo 6: Mova a imagem “Reflexão” para o espaço adicionado
- Step 7: Flip The Image Vertically
- Passo 8: Arraste a camada “Reflection” abaixo da camada “Photo”
- Step 9: Add Motion Blur To The Reflection
- Passo 10: Add A Blue Solid Color Filler Layer
- Passo 11: Arraste a camada de preenchimento abaixo da camada “Reflection”
- Step 12: Selecione The Smart Filter Layer Mask
- passo 13: Desenhar um gradiente preto para branco na máscara de camadas
- Passo 14: Carregue a Máscara de Camadas como Selecção
- Passo 15: Adicionar uma Máscara de Camadas à Camada “Reflexão”
- Passo 16: Baixe a Intensidade do Azul
- Passo 17: Combine a camada “Reflection” e Filler Into A Smart Object
- Passo 18: Crie um novo documento do mesmo tamanho
- Step 19: Add Noise
- Step 20: Add Blur To Soften The Noise
- Step 21: Apply “Emboss” To The Red Channel
- Step 22: Apply “Emboss” To The Green Channel
- Passo 23: Selecione o canal RGB e abra novamente o painel de camadas
- Passo 24: Desbloquear a Camada de Fundo
- Step 25: Zoom Out From The Document
- Passo 26: Transformar a Perspectiva da Imagem
- Passo 27: Zoom In The Document
- Step 28: Crop The Image
- Passo 29: Escala da Altura da Imagem
- Passo 30: Salve o mapa de deslocamento como um arquivo .PSD do Photoshop
- Passo 31: Mude para o seu documento principal
- Step 32: Apply The Displace Filter
- Passo 33: Experimentar com as Configurações de deslocamento
- Passo 34: Estique o objeto inteligente “Reflection” para cima
- Passo 35: Cortar a imagem
- Step 36: Add A Shadow Along The Shoreline
Como criar um reflexo de água no Photoshop
Para este tutorial, estou usando o Photoshop CC, mas cada passo é compatível com o Photoshop CS6.
Passo 1: Abra sua imagem
Abra a imagem onde você quer adicionar seu reflexo de água. Aqui está a imagem que vou usar (sunset photo
da Adobe Stock):
Step 2: Desbloquear a camada de fundo e nomeá-la “Photo”
No painel de Camadas, vemos a imagem na camada de fundo. A camada de fundo é bloqueada, indicada pelo ícone de bloqueio na sua extrema direita. Precisamos desbloqueá-la para que possamos colocar outras camadas abaixo dela, e podemos fazer isso apenas renomeando-a. Clique duas vezes no nome “Background”:
Photoshop abre a caixa de diálogo New Layer. Nomeie a camada “Photo” e depois clique em OK:
Back no painel Layers, a camada de fundo é agora a camada “Photo” e o ícone de bloqueio desapareceu:
Passo 3: Duplique a camada e nomeie como “Reflection”
Faça uma cópia da camada. Vamos usar a cópia para criar o reflexo da água. Pressione e segure a tecla Alt (Win) / Option (Mac) no seu teclado enquanto você clica e arrasta a camada “Photo” para baixo no ícone New Layer na parte inferior do painel Layers:
Apagar o botão do seu mouse, e então libere a tecla Alt / Option. O Photoshop abre a caixa de diálogo Duplicate Layer (Duplicar camada). Nomeie a camada “Reflection”, e depois clique OK:
A camada “Reflection” aparece acima da camada “Photo”:
Passo 4: Converta a camada “Reflection” em um objeto inteligente
Converta a camada “Reflection” em um objeto inteligente clicando no ícone do menu no canto superior direito do painel de camadas:
Seleccionar Converter para Objecto Inteligente a partir do menu:
Um ícone de Objecto Inteligente aparece no canto inferior direito da miniatura de pré-visualização da camada “Reflection”, dizendo-nos que a camada é agora um Objecto Inteligente. Qualquer filtro que aplicarmos à camada será agora aplicado como Smart Filters editáveis:
Passo 5: Adicione mais espaço de tela abaixo da foto
Adicione mais espaço de tela abaixo da foto para dar espaço para a reflexão da água. Vá até o menu Image na Barra de Menu e escolha Canvas Size:
Na caixa de diálogo Canvas Size (Tamanho da Tela), ajuste a Largura para 100 Porcento e a Altura para 200 Porcento. Deixe o Relativo desmarcado. Para adicionar todo o espaço extra abaixo da foto, clique na caixa do meio superior na grade Âncora, e depois clique em OK para fechar a caixa de diálogo:
Photoshop adiciona o espaço extra abaixo da imagem. Se o espaço extra se estende da tela, pressione Ctrl+0 (Win) / Command+0 (Mac) no seu teclado para escolher o comando do Photoshop’s Fit on Screen:
Passo 6: Mova a imagem “Reflexão” para o espaço adicionado
Move a imagem “Reflexão” abaixo da foto principal e para o novo espaço de tela selecionando a Ferramenta Mover da Barra de Ferramentas:
Pressione e segure sua tecla Shift enquanto clica e arrasta a imagem para baixo para a nova área de tela. A tecla Shift limita a direção que você pode mover, tornando fácil arrastar diretamente para baixo:
Step 7: Flip The Image Vertically
Flip the image on the “Reflection” layer vertically so that the water reflection mirrors the photo above it. Vá até o menu Editar na Barra de Menu, escolha Transformar, e então escolha Flip Vertical:
Após inverter a camada “Reflection”, a imagem inferior agora espelha o topo:
Relacionada: Crie um efeito de imagem espelho com Photoshop
Passo 8: Arraste a camada “Reflection” abaixo da camada “Photo”
No painel Layers, clique na camada “Reflection” e arraste-a para baixo abaixo da camada “Photo”. Quando uma barra horizontal branca aparecer abaixo da camada “Photo”, solte o botão do mouse para soltar a camada “Reflection” no lugar:
Step 9: Add Motion Blur To The Reflection
Adicionar algum desfoque de movimento à reflexão de água usando o filtro Motion Blur do Photoshop. Com a camada “Reflection” ainda seleccionada, vá até ao menu Filter na Barra de Menu, escolha Blur, e depois escolha Motion Blur:
Na caixa de diálogo Desfoque de Movimento, defina o Ângulo para 90°, e depois defina a Distância para algum lugar entre 10-20 pixels dependendo do tamanho da sua imagem (imagens maiores precisarão de mais desfocagem). Eu irei com 20 pixels. Clique OK para fechar a caixa de diálogo:
Aqui está o efeito com uma subtil quantidade de borrão de movimento adicionado à água. Depois de aplicar o filtro Motion Blur, você pode notar uma linha horizontal passando pelo centro do documento, entre a foto principal e a imagem de reflexão. Esse é um artefato do filtro Motion Blur (Desfoque de movimento), e nós o limparemos mais tarde. Basta ignorá-lo por enquanto:
No painel de Camadas, o filtro de Desfoque de Movimento aparece como um Filtro Inteligente abaixo da camada “Reflexão”. Se você quiser alterar a quantidade de desfoque, clique duas vezes nas palavras “Motion Blur” para reabrir a caixa de diálogo do filtro e ajustar o valor da distância conforme necessário:
Passo 10: Add A Blue Solid Color Filler Layer
Desde que a água tende a parecer azul, vamos adicionar uma tonalidade azulada ao reflexo. Clique no ícone New Fill or Adjustment Layer (Novo preenchimento ou camada de ajuste) na parte inferior do painel Layers:
Escolha Cor Sólida do topo da lista:
No Colhedor de Cor, escolha um azul mudo, definindo o valor R como 40, o valor G como 110 e o valor B como 185, e depois clique OK para fechar o Colhedor de Cor:
Após adicionar a camada de preenchimento, o reflexo da água na metade inferior do documento é temporariamente coberto por azul sólido:
Passo 11: Arraste a camada de preenchimento abaixo da camada “Reflection”
A razão pela qual está coberta de azul é porque o Photoshop adicionou a camada de preenchimento, chamada “Color Fill 1”, entre as camadas “Photo” e “Reflection”. Clique na camada de preenchimento e arraste-a para baixo, abaixo da camada “Reflection”. Isto irá esconder a camada de preenchimento azul, permitindo que o reflexo da água reapareça. Vamos trazer a cor azul de volta em um momento:
Step 12: Selecione The Smart Filter Layer Mask
Next, vamos ajustar a aparência do desfoque do movimento no reflexo da água para que o efeito do desfoque se desvaneça à medida que ele se afasta mais da margem. Selecione a máscara da camada dos Filtros Inteligentes clicando na miniatura da máscara da camada à esquerda das palavras “Smart Filters”:
passo 13: Desenhar um gradiente preto para branco na máscara de camadas
Selecionar a ferramenta de gradiente na barra de ferramentas:
Na Barra de Opções, clique na pequena seta à direita da amostra de cor de gradiente, e depois escolha o gradiente Preto para Branco, clicando duas vezes na sua miniatura (terceira à esquerda, linha superior). Isto seleciona o gradiente e fecha o Gradient Picker:
Parar na Barra de Opções, certifique-se de que o estilo de gradiente linear está selecionado clicando em seu ícone (diretamente à direita da amostra de cor de gradiente):
Clique na parte inferior do documento para definir um ponto de partida para o gradiente. Mantenha o botão do mouse pressionado e arraste para cima até o meio (até o topo da imagem de reflexão da água). Mantenha o botão Shift pressionado enquanto arrasta para facilitar o arrastamento vertical:
Liv>Livre o botão do mouse para completar o gradiente. O efeito de desfoque do movimento agora desaparece gradualmente à medida que se move do topo do reflexo da água para o fundo:
Passo 14: Carregue a Máscara de Camadas como Selecção
Agora que desbotamos o efeito de desfoque do movimento, vamos desbotar o reflexo da água em si para que ele se misture com a nossa camada azul de preenchimento. Vamos fazer isso adicionando uma cópia exata da nossa máscara de camadas à camada “Reflection”. Pressione e segure a tecla Ctrl (Win) / Command (Mac) no seu teclado e clique na miniatura da máscara da camada “Smart Filters”. Isto carrega a máscara de camadas como uma selecção (um esquema de selecção aparecerá no documento):
Passo 15: Adicionar uma Máscara de Camadas à Camada “Reflexão”
Certifique-se de que a camada “Reflexão” está seleccionada e clique no ícone “Add Layer Mask” na parte inferior do painel Layers:
Photoshop converte o esquema de selecção numa nova máscara de camadas, dando-nos uma máscara idêntica com o mesmo gradiente de preto a branco na camada “Reflection”:
Com a máscara da camada adicionada, o reflexo da água agora desvanece-se gradualmente de cima para baixo para o azul da nossa camada de preenchimento de cor sólida:
Passo 16: Baixe a Intensidade do Azul
Se o azul parecer muito forte, você pode desvanecê-lo no painel de propriedades do Photoshop. Certifique-se de que a miniatura da máscara de camada na camada “Reflection” está selecionada. Depois, no painel de Propriedades, baixe o valor de Densidade arrastando o controle deslizante para a esquerda. Quanto mais baixá-la, mais a cor azul desaparecerá. Vou baixar o meu para 50%:
E agora o azul na água é mais subtil:
Passo 17: Combine a camada “Reflection” e Filler Into A Smart Object
Precisamos de combinar a camada “Reflection” e a camada de fill abaixo dela num único Objecto Inteligente. Com a camada “Reflection” selecionada, pressione e segure sua tecla Shift e clique na camada de preenchimento. Isto selecciona ambas as camadas de uma vez:
Clique no ícone do menu no canto superior direito do painel Layers:
Selecionar Converter para Objeto Inteligente:
As duas camadas agora aparecem no painel de camadas como um único Objeto Inteligente chamado “Reflection”:
Download deste tutorial como um PDF pronto para impressão!
Passo 18: Crie um novo documento do mesmo tamanho
Para que o reflexo se pareça mais com água, vamos adicionar ondulações a ele usando um mapa de deslocamento. O mapa de deslocamento precisa ser um documento separado do Photoshop, e precisa ter o mesmo tamanho que o nosso documento atual. Certifique-se de que o objeto inteligente “Reflection” está selecionado no painel Layers, e então vá até o menu Select e escolha All. Isto coloca um contorno de seleção em torno da imagem inteira:
Go up to the Edit menu and choose Copy to copy the image to the clipboard:
To create the new document, go up to the File menu and choose New:
This opens the New Document dialog box. Since we copied our image to the clipboard, Photoshop automatically sets the Width, Height and Resolution of the new document to the same values as the original document. Click Create (Photoshop CC) or OK (CS6) to create the document:
Step 19: Add Noise
The first thing we’ll do with our displacement map is add some noise. In the new document, go up to the Filter menu, choose Noise, and then choose Add Noise:
In the Add Noise dialog box, set the Amount to 400%, and then choose Gaussian and Monochromatic at the bottom. Click OK to close the dialog box. Photoshop fills the document with noise (little black and white dots):
Step 20: Add Blur To Soften The Noise
Soften the noise using the Gaussian Blur filter. Go up to the Filter menu, choose Blur, and then choose Gaussian Blur:
In the Gaussian Blur dialog box, set the Radius value to 2 pixels and then click OK:
Step 21: Apply “Emboss” To The Red Channel
Open the Channels panel by clicking its tab next to the Layers panel:
Click on the Red channel to select it:
Go up to the Filter menu, choose Stylize, and then choose Emboss:
In the Emboss dialog box, set the Angle to 90°, the Height to 1 pixel and the Amount to 500%. Click OK:
Step 22: Apply “Emboss” To The Green Channel
Click on the Green channel to select it:
Go back up to the Filter menu, choose Stylize, and once again choose Emboss. Deixe a Altura ajustada para 1 pixel e a Quantidade em 500%, mas mude o Ângulo para 180°. Clique OK:
Passo 23: Selecione o canal RGB e abra novamente o painel de camadas
Clique no canal RGB no topo para selecioná-lo. Isto liga os três canais coloridos (Vermelho, Verde e Azul) novamente:
Então volte ao painel de Layers clicando na sua tab:
Passo 24: Desbloquear a Camada de Fundo
Temos de desbloquear a Camada de Fundo para a podermos remodelar. No Photoshop CC, basta clicar sobre o ícone de bloqueio. No Photoshop CS6, pressione e segure a tecla Alt (Win) / Option (Mac) e clique duas vezes sobre a camada de fundo. Isto renomeia a camada “Layer 0” e o ícone de bloqueio desaparece:
Step 25: Zoom Out From The Document
Num momento, vamos remodelar a imagem, mas para isso, vamos precisar de muito espaço. Mantenha pressionada a tecla Ctrl (Win) / Command (Mac) no seu teclado e pressione a tecla menos (-) repetidamente para ampliar até que a imagem apareça muito pequena no centro:
Passo 26: Transformar a Perspectiva da Imagem
Vá até o menu Editar, escolha Transformar e depois escolha Perspective:
Clique no cabo no canto inferior esquerdo ou direito e arraste-o para longe da imagem. Quanto mais arrastar, maior o efeito de perspectiva que irá criar:
Não há nenhum valor específico para usar, mas se olharmos na minha Barra de Opções, vemos que eu arrastei o valor de Largura (W) para cerca de 3000%. Prima Enter (Win) / Return (Mac) no seu teclado para aceitar a transformação:
Passo 27: Zoom In The Document
Para voltar a fazer zoom na imagem, prima novamente e mantenha premida a tecla Ctrl (Win) / Command (Mac) no seu teclado e, desta vez, prima o sinal de mais (+) repetidamente. At this closer view, we can see the perspective effect we’ve created, and the image looks a lot like water ripples gradually moving further off into the distance:
Step 28: Crop The Image
To keep the file size small and avoid any problems when we go to save it as a displacement map, crop away the hidden pixels on the sides. Go up to the Select menu and choose All. A selection outline appears around the image:
Go up to the Image menu and choose Crop. It won’t look like anything has happened, but all of the hidden areas on the sides are now cropped away:
To remove the selection outline, go back up to the Select menu and choose Deselect:
Related: Como recortar imagens no Photoshop CC
Passo 29: Escala da Altura da Imagem
Finalmente, uma vez que o mapa de deslocamento precisa afetar apenas a reflexão da água na metade inferior do documento, vamos escalar a altura da imagem. Isto também irá aumentar ainda mais o efeito de perspectiva. Vá até o menu Edit e escolha Free Transform:
Clique no cabo superior e arraste-o para o centro do documento. Uma vez que você chegar perto do centro, ele deve encaixar no lugar. Pressione Enter (Win) / Return (Mac) no teclado para aceitá-lo:
Passo 30: Salve o mapa de deslocamento como um arquivo .PSD do Photoshop
Criamos o mapa de deslocamento e estamos prontos para salvá-lo. Vá até o menu File e escolha Save As:
Na caixa de diálogo Save As, nomeie o arquivo “displacement-map” e salve-o em seu Desktop ou outro local onde você possa facilmente encontrá-lo. Certifique-se de que o formato está definido para Photoshop para que o arquivo seja salvo como um arquivo .PSD, e então clique em Salvar. Se o Photoshop perguntar se você deseja ativar o Maximize Compatibility para o arquivo, clique OK:
Passo 31: Mude para o seu documento principal
Comutar de volta para o seu documento de reflexão da água clicando na sua tab:
Se você ainda estiver vendo o esquema de seleção ao redor da imagem de quando a copiamos, vá até o menu Select e escolha Deselect:
Step 32: Apply The Displace Filter
Apply the displacement map to the water reflection. Com o “Reflection” Smart Object selecionado no painel Layers, vá até o menu Filter, escolha Distort, e então escolha Displace:
Isto abre a caixa de diálogo Displace. Na parte superior estão as opções Escala Horizontal e Escala Vertical. Estas duas opções controlam o quanto o mapa de deslocamento irá dobrar, deformar e remodelar a imagem. Escala Horizontal controla a largura da distorção e Escala Vertical controla a altura. Para criar as ondulações da água, você geralmente obterá melhores resultados usando um valor baixo da Escala Horizontal e um valor mais alto da Escala Vertical. Os valores exatos que você precisa dependerá principalmente do tamanho da sua imagem, mas também do seu assunto, então você vai querer experimentar.
No meu caso, vou definir a Escala Horizontal para 10 e a Escala Vertical para 80. Deixe o Mapa de Deslocamento definido como Stretch To Fit e Undefined Areas definido como Repeat Edge Pixels, e depois clique em OK:
Selecione o mapa de deslocamento de onde você o salvou, e então clique em Open:
Photoshop aplica o mapa de deslocamento ao reflexo da água, e com esta imagem, as configurações que escolhi criam um efeito de ondulação agradável e sutil:
Passo 33: Experimentar com as Configurações de deslocamento
No painel de Camadas, o filtro de deslocamento aparece como um filtro inteligente abaixo do objeto inteligente “Reflection”. Para tentar diferentes valores de Escala Horizontal e Vertical, clique duas vezes sobre a palavra “Displace” para reabrir a caixa de diálogo:
Desta vez, vou deixar a Escala Horizontal configurada para 10 mas vou aumentar a Escala Vertical para 120. Note que eu estou trabalhando com uma imagem bastante grande. Imagens menores geralmente precisarão de valores menores para obter os mesmos resultados:
Click OK para fechar a caixa de diálogo. O Photoshop irá pedir-lhe para seleccionar novamente o seu mapa de deslocamento. E aqui vemos que desta vez, o valor mais alto da Escala Vertical cria ondulações de água mais fortes e óbvias:
Passo 34: Estique o objeto inteligente “Reflection” para cima
Se olharmos ao longo do topo do reflexo de água onde as duas imagens se encontram, vemos alguns artefatos azuis causados pelo mapa de deslocamento:
Para limpar esses artefactos, certifique-se que o objecto inteligente “Reflection” está seleccionado no painel Layers, e depois vá ao menu Edit e escolha Free Transform:
Photoshop irá avisá-lo que qualquer Filtro Inteligente que tenha aplicado será desligado enquanto estiver no modo Transform. Clique OK:
Clique na pega superior e arraste-a ligeiramente para cima para esticar a imagem de reflexão da água até que os artefatos azuis fiquem escondidos atrás da imagem principal. Prima Enter (Win) / Return (Mac) no seu teclado quando terminar:
Passo 35: Cortar a imagem
Pode também notar algumas áreas problemáticas ao longo da parte inferior da imagem de reflexão da água, novamente causadas pelo mapa de deslocamento. Ou, você pode querer apenas recortar um pouco do reflexo. Em ambos os casos, selecione a Ferramenta de Corte na Barra de Ferramentas:
Photoshop coloca uma caixa de corte ao redor da imagem. Clique na pega inferior e arraste-a para cima para recortar o fundo do reflexo. Press Enter (Win) / Return (Mac) when you’re done to crop the image:
Step 36: Add A Shadow Along The Shoreline
Finally, to complete the water reflection effect, add a shadow along the shoreline to give it some depth, as if the ground slopes into the water. Select the “Photo” layer in the Layers panel:
Add a new layer above it by clicking the New Layer icon:
Select the Rectangular Marquee Tool from the Toolbar:
Drag out a rectangular selection around the shoreline:
Fill the selection with black by going up to the Edit menu and choosing Fill:
In the Fill dialog box, set Contents to Black and then click OK:
The selection is now filled with black:
Remove the selection outline by going up to the Select menu and choosing Deselect:
Soften the edges by going up to the Filter menu, choosing Blur, and then choosing Gaussian Blur:
In the Gaussian Blur dialog box, drag the Radius slider towards the right until the edges appear nice and soft. Para uma imagem maior, um valor entre 30-40 pixels funciona bem. Para imagens menores, tente 15-20 pixels. Clique OK para fechar a caixa de diálogo:
Aqui está o resultado depois de suavizar as bordas:
Finalmente, diminua a opacidade da sombra para misturá-la com a imagem. A opção Opacidade é encontrada na parte superior direita do painel Layers. Vou baixar a minha para 50%:
E com isso, estamos acabados! Aqui, depois de ter desvanecido a sombra na linha de costa, está o meu efeito final de reflexão da água:
E aí o temos! É assim que se pode adicionar um efeito de reflexão de água realista a uma imagem com o Photoshop! Para levar o efeito ainda mais longe, tente adicionar chuva à sua imagem e depois adicionar um arco-íris! Visite nossa seção de Efeitos de Foto para mais tutoriais de efeitos do Photoshop!