Como criar um reflexo de água no Photoshop com ondulações

Então, aprenda a criar um efeito de reflexo no Photoshop com ondulações de água realistas. Um tutorial passo a passo para Photoshop CC e CS6.

Sobretudo, há três partes principais para criar o efeito de reflexo da água. Começaremos criando o próprio reflexo básico fazendo uma cópia de nossa imagem, arrastando-a para baixo do original e, em seguida, virando-a de modo que a imagem na parte inferior espelhe a imagem acima.

Primeiramente adicionaremos desfoque de movimento e até mesmo um tom azulado para ajudar o reflexo a parecer mais com água. Ou seja, a partir daí, criaremos um mapa de deslocamento, um tipo especial de documento no Photoshop que podemos usar para dobrar, deformar e remodelar nossa imagem.

Então, finalmente, vamos pegar nosso mapa de deslocamento e aplicá-lo ao reflexo da água para criar ondas e ondulações de aparência realista! Enfim vamos até adicionar uma sombra ao longo da costa para fazer parecer que entra na água. Há muitas etapas, mas como sempre, vou orientá-lo em cada uma para que você possa acompanhar facilmente, mesmo se for um iniciante.

Aqui está um exemplo de como será o efeito de reflexo da água quando terminarmos. No final, mostrarei como experimentar o efeito para obter os melhores resultados com sua imagem:

Como criar um reflexo de água no Photoshop:
Para este tutorial, estou usando o Photoshop CC, mas todas as etapas são compatíveis com o Photoshop CS6.

Etapa 1: Abra sua imagem

Primeiramente, abra a imagem onde deseja adicionar seu reflexo de água. Aqui está a imagem que irei usar (foto do pôr do sol do Adobe Stock):

Etapa 2: desbloquear a camada de fundo e chamá-la de “Foto”

Então, no painel Layers, vemos a imagem na camada Background. Contudo, a camada de fundo está bloqueada, indicada pelo ícone de cadeado à direita. Precisamos desbloqueá-lo para que possamos colocar outras camadas abaixo dele, e podemos fazer isso apenas renomeando. Em seguida clique duas vezes no nome “Background“:

A princípio o Photoshop abre a caixa de diálogo Nova Camada. Nomeie a camada “Foto” e em seguida clique em OK:

De volta ao painel Camadas, a camada de fundo agora é a camada “Foto” e o ícone de cadeado desapareceu:

Etapa 3: duplique a camada e nomeie-a como “Reflexo”

Então, faça uma cópia da camada, usaremos a cópia para criar o reflexo da água. Pressione e segure a tecla Alt (Win) / Option (Mac) em seu teclado enquanto clica e arrasta a camada “Foto” para baixo no ícone de Nova Camada na parte inferior do painel Camadas:

Solte o botão do mouse e, em seguida, solte a tecla Alt / Option. O Photoshop abre a caixa de diálogo Duplicar Camada, nomeie a camada como “Reflexo” e em seguida clique em OK:

A camada “Reflexiva” aparece acima da camada “Foto”:

Etapa 4: converter a camada “Reflexo” em um objeto inteligente

Em seguida converta a camada “Reflexo” em um Objeto Inteligente, clicando no ícone do menu no canto superior direito do painel Camadas:

Então escolha Converter em objeto inteligente no menu:

Ou seja, um ícone de Objeto Inteligente aparece no canto inferior direito da miniatura de visualização da camada “Reflexo”, informando que a camada agora é um Objeto Inteligente. Então todos os filtros que aplicarmos à camada serão agora aplicados como Filtros Inteligentes editáveis:

Etapa 5: adicionando mais espaço na tela abaixo da foto

Adicione mais espaço de tela abaixo da foto para abrir espaço para o reflexo da água, em seguida vá até o menu Image na Barra de Menu e escolha Canvas Size:

Então, na caixa de diálogo Canvas Size, defina a largura (Width) como 100 por cento e a altura (Height) como 200 por cento, deixe Relative desmarcado. Para adicionar todo o espaço extra abaixo da foto, clique na caixa superior central na grade Âncora e em seguida clique em OK para fechar a caixa de diálogo:

A princípio o Photoshop adiciona espaço extra abaixo da imagem. Então se o espaço extra se estender para fora da tela, pressione Ctrl + 0 (Win) / Command + 0 (Mac) no teclado para escolher o comando Ajustar na tela do Photoshop:

Etapa 6: Movendo a imagem “Reflexo” para o espaço adicionado

Em seguida mova a imagem “Reflexo” abaixo da foto principal e para o novo espaço da tela, selecionando a ferramenta Mover na barra de ferramentas:

Pressione e segure a tecla Shift enquanto clica e arrasta a imagem para a nova área da tela. A tecla Shift limita a direção que você pode mover, tornando mais fácil arrastar diretamente para baixo:

Etapa 7: virando a imagem verticalmente

Vire a imagem na camada “Reflexo” verticalmente para que o reflexo da água espelhe a foto acima dela. Vá até o menu Edit na barra de menus, escolha Transform e, em seguida, Flip Vertical:

Então, depois de virar a camada “Reflexo”, a imagem inferior agora espelha a superior:

Etapa 8: arraste a camada “Reflexo” abaixo da camada “Foto”

Em seguida, no painel Camadas, clique na camada “Reflexo” e arraste-a para baixo da camada “Foto”. Então quando uma barra horizontal branca aparecer abaixo da camada “Foto”, solte o botão do mouse para soltar a camada “Reflexo” no lugar:

Etapa 9: adicionando desfoque de movimento ao reflexo

Então, adicione um pouco de desfoque de movimento ao reflexo da água usando o filtro Motion Blur do Photoshop. Em seguida com a camada “Reflexo” ainda selecionada, vá até o menu Filter na Barra de Menu, clique em Blur e escolha: Motion Blur

Na caixa de diálogo Motion Blur, defina o ângulo para 90 ° e, em seguida, defina a distância para algo entre 10-20 pixels, dependendo do tamanho da imagem (imagens maiores precisarão de mais desfoque). Defina com 20 pixels, em seguida clique em OK para fechar a caixa de diálogo:

Então, aqui está o efeito com uma quantidade sutil de desfoque de movimento adicionado à água. logo após aplicar o filtro Motion Blur, você pode notar uma linha horizontal passando pelo centro do documento, entre a foto principal e a imagem refletida. Contudo, esse é um artefato do filtro Motion Blur, e vamos limpá-lo mais tarde. Apenas ignore por enquanto:

Entretanto, no painel Camadas, o filtro Desfoque de movimento aparece como um Filtro inteligente abaixo da camada “Reflexo”. 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 ajuste o valor de distância conforme necessário:

Etapa 10: adicionar uma camada de preenchimento de cor sólida azul

Como a água tende a parecer azul, vamos adicionar um tom azulado ao reflexo, então clique no ícone New Fill ou Adjustment Layer na parte inferior do painel Layers:

Então escolha Cor sólida (Solid Color) no topo da lista:

Então, no Seletor de cores, escolha um azul atenuado definindo o valor R como 40, o valor G como 110 e o valor B como 185 e, a seguir, clique em OK para fechar o Seletor de cores:

Então depois de adicionar a camada de preenchimento, o reflexo da água na metade inferior do documento é temporariamente coberto por um azul sólido:

Etapa 11: arraste a camada de preenchimento abaixo da camada “Reflexo”

O motivo de estar coberto em azul é porque o Photoshop adicionou a camada de preenchimento, chamada “Color Fill 1″, entre as camadas “Foto” e “Reflexo”. Em seguida clique na camada de preenchimento e arraste-a para baixo da camada “Reflexo”. Contudo isso ocultará a camada de preenchimento azul, permitindo que o reflexo da água reapareça. Todavia, traremos a cor azul de volta em um dado momento:

Etapa 12: selecionando a máscara de camada de filtro inteligente

A seguir, vamos ajustar a aparência do desfoque de movimento no reflexo da água para que o efeito de desfoque desapareça à medida que se afasta da costa. Em seguida selecione a máscara de camada Filtros inteligentes clicando na miniatura da máscara de camada à esquerda das palavras “Smart Filters”:

Etapa 13: desenhe um gradiente de preto para branco na máscara de camada

Escolha a ferramenta Gradiente na barra de ferramentas:

Na Barra de opções, clique na pequena seta à direita da amostra de cor do gradiente e em seguida escolha o gradiente de preto para branco clicando duas vezes em sua miniatura (terceira da esquerda, linha superior). Isso seleciona o gradiente e em seguida fecha o Seletor de gradiente:

Contudo, ainda 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 do gradiente):

Por fim, clique na parte inferior do documento para definir um ponto inicial para o gradiente. Mantenha o botão do mouse pressionado e em seguida arraste para cima até o meio (para o topo da imagem do reflexo da água). Segure a tecla Shift enquanto arrasta para facilitar o arrasto verticalmente:

Solte o botão do mouse para completar o gradiente, então o efeito de desfoque de movimento agora desaparece gradualmente à medida que se move da parte superior do reflexo da água para a parte inferior:

Etapa 14: carregar a máscara de camada como uma seleção

Agora que esmaecemos o efeito de desfoque de movimento, vamos esmaecer o próprio reflexo de água para que se misture com nossa camada de preenchimento azul. Contudo,fFaremos isso adicionando uma cópia exata de nossa máscara de camada à camada “Reflexo”. Em seguida pressione e segure a tecla Ctrl (Win) / Command (Mac) no teclado e clique na miniatura da máscara de camada Filtros Inteligentes. Desse modo carrega a máscara de camada como uma seleção (um contorno de seleção aparecerá no documento):

Etapa 15: Adicionar uma máscara de camada à camada “Reflexo”

Certifique-se de que a camada “Reflexo” esteja selecionada e em seguida clique no ícone Adicionar máscara de camada na parte inferior do painel Camadas:

A princípio o Photoshop converte o contorno da seleção em uma nova máscara de camada, dando-nos uma máscara idêntica com o mesmo gradiente de preto para branco na camada “Reflexo”:

Então, com a máscara de camada adicionada, o reflexo da água agora desaparece gradualmente de cima para baixo no azul de nossa camada de preenchimento de cor sólida:

Etapa 16: Abaixe a intensidade do azul

Portanto se o azul parecer muito forte, você pode esmaecer no painel Propriedades do Photoshop. Contudo, certifique-se de que a miniatura da máscara de camada na camada “Reflexo” esteja selecionada. Em seguida, no painel Propriedades, diminua o valor de Densidade arrastando o controle deslizante para a esquerda. Então quanto mais você o abaixa, mais a cor azul vai desaparecer, vou diminuir o meu para 50%:

Como resultado agora o azul da água é mais sutil:

Etapa 17: Combine a “Reflexão” e a Camada de Preenchimento em um Objeto Inteligente

Então, precisamos combinar a camada “Reflexo” e a camada de preenchimento abaixo dela em um único Objeto Inteligente. Com a camada “Reflexo” selecionada, pressione e segure a tecla Shift e em seguida clique na camada de preenchimento, isso seleciona as duas camadas de uma vez:

Então escolha Converter em Objeto Inteligente

Dessa forma ambas as camadas agora aparecem no painel Camadas como um único objeto inteligente chamado “Reflexo”:

Etapa 18: Criar um novo documento do mesmo tamanho

Para fazer o reflexo parecer mais com água, adicionaremos ondulações a ele usando um mapa de deslocamento. O mapa de deslocamento precisa ser um documento separado do Photoshop e deve ter o mesmo tamanho do nosso documento atual. Certifique-se de que o objeto inteligente “Reflexo” esteja selecionado no painel Camadas, em seguida vá até o menu Selecionar (Select) e escolha Tudo (All). Isso coloca um contorno de seleção em torno de toda a imagem:

Em seguida vá até o menu Editar e escolha Copiar(Copy) para copiar a imagem para a área de transferência:

Para criar o novo documento, vá até o menu Arquivo e em seguida escolha Novo:

Etapa 19: Adicionar ruído

A princípio o que faremos com nosso mapa de deslocamento é adicionar algum ruído. No novo documento, vá até o menu Filter, escolha Noise e, em seguida, escolha Add Noise:

Na caixa de diálogo Add Noise, defina Amount como 400% e escolha Gaussian e Monochromatic na parte inferior, em seguida clique em OK para fechar a caixa de diálogo. Dessa forma o Photoshop preenche o documento com ruído (pequenos pontos pretos e brancos):

Etapa 20: adicionar desfoque para suavizar o ruído

Suavize o ruído usando o filtro Gaussian Blur. Vá até o menu Filter, escolha Blur e, em seguida, Gaussian Blur:

Na caixa de diálogo Gaussian Blur, defina o valor do Raio para 2 pixels e em seguida clique em OK:

Etapa 21: aplique “relevo” ao canal vermelho

Abra o painel Canais clicando em sua guia ao lado do painel Camadas:

Alternando do painel Layers para o painel Channels.
Clique no canal Vermelho para selecioná-lo:

Vá até o menu Filter, escolha Stylize e, em seguida, Emboss:

Na caixa de diálogo Emboss, defina o Ângulo como 90 °, a Altura como 1 pixel e a Quantidade como 500%. Clique OK:

Etapa 22: aplique “relevo” ao canal verde

Clique no canal Verde para selecioná-lo:

Volte para o menu Filter, escolha Stylize, e mais uma vez escolha Emboss. Deixe a Altura definida como 1 pixel e a Quantidade em 500%, mas altere o Ângulo para 180 °. Logo após clique em OK:

Etapa 23: selecione o canal RGB e abra novamente o painel de camadas

Clique no canal RGB na parte superior para selecioná-lo. Isso ativa todos os três canais de cores (vermelho, verde e azul):

Em seguida, volte para o painel Camadas clicando em sua guia:

Etapa 24: desbloquear a camada de fundo

Precisamos desbloquear a camada de fundo para que possamos remodelá-la. No Photoshop CC, basta clicar no ícone de cadeado. No Photoshop CS6, pressione e segure a tecla Alt (Win) / Option (Mac) e clique duas vezes na camada Background. Isso renomeia a camada “Camada 0” e o ícone de cadeado desaparece:

Etapa 25: diminuir o zoom do documento

Em um momento, vamos remodelar a imagem, mas, para fazer isso, precisaremos de muito espaço. Pressione e segure a tecla Ctrl (Win) / Command (Mac) em seu teclado e pressione a tecla menos (-) repetidamente para diminuir o zoom do documento até que a imagem pareça muito pequena no centro:

Etapa 26: Transforme a perspectiva da imagem

Vá até o menu Editar, escolha Transformar e escolha Perspectiva:

Clique na alça no canto inferior esquerdo ou direito e arraste-a para longe da imagem. Quanto mais você arrastar, maior será o efeito de perspectiva que criará:

Não há um valor específico a ser usado, mas se olharmos na minha Barra de opções, vemos que arrastei o valor da largura (W) para cerca de 3000%. Pressione Enter (Win) / Return (Mac) no teclado para aceitar a transformação:

Etapa 27: amplie o documento

Para aumentar o zoom na imagem, pressione e segure novamente a tecla Ctrl (Win) / Command (Mac) no teclado e, desta vez, pressione o sinal de mais (+) repetidamente. Nesta visão mais próxima, podemos ver o efeito de perspectiva que criamos, e a imagem se parece muito com ondulações de água movendo-se gradualmente mais longe na distância:

Etapa 28: recorte a imagem

Para manter o tamanho do arquivo pequeno e evitar problemas ao salvá-lo como um mapa de deslocamento, recorte os pixels ocultos nas laterais. Vá até o menu Selecionar e escolha Tudo. Um contorno de seleção aparece ao redor da imagem:

Vá até o menu Imagem e escolha Cortar. Não vai parecer que nada aconteceu, mas todas as áreas ocultas nas laterais não foram cortadas:

Para remover o contorno da seleção, volte ao menu Selecionar e escolha Desmarcar:

Etapa 29: dimensionar a altura da imagem

Por fim, como o mapa de deslocamento precisa afetar apenas o reflexo da água na metade inferior do documento, vamos dimensionar a altura da imagem. Isso também aumentará o efeito de perspectiva ainda mais. Vá até o menu Editar e escolha Transformação Livre:

Clique na alça superior e arraste-a para o centro do documento. Depois de chegar perto do centro, ele deve se encaixar no lugar. Pressione Enter (Win) / Return (Mac) no teclado para aceitá-lo:

Etapa 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 Arquivo e escolha Salvar como:

Na caixa de diálogo Salvar como, nomeie o arquivo “mapa de deslocamento” e salve-o na sua área de trabalho ou em outro local onde possa encontrá-lo facilmente. Certifique-se de que o Formato esteja definido como Photoshop para que o arquivo seja salvo como um arquivo .PSD e clique em Salvar. Se o Photoshop perguntar se você deseja ativar Maximize Compatibility para o arquivo, clique em OK:

Etapa 31: Mudar para o seu documento principal

Volte para o documento de reflexão da água clicando em sua guia:

Se você ainda estiver vendo o contorno da seleção ao redor da imagem de quando a copiamos, vá até o menu Selecionar e escolha Desmarcar:

Etapa 32: aplique o filtro de deslocamento

Aplique o mapa de deslocamento ao reflexo da água. Com o objeto inteligente “Reflexo” selecionado no painel Camadas, vá até o menu Filtro, escolha Distorcer e, em seguida, escolha Deslocar:

Isso abre a caixa de diálogo Displace. No topo estão as opções Escala horizontal e Escala vertical. Essas duas opções controlam o quanto o mapa de deslocamento dobrará, deformará e remodelará a imagem. A escala horizontal controla a largura da distorção e a escala vertical controla a altura.

Para criar as ondulações da água, você geralmente obterá melhores resultados usando um valor de escala horizontal baixo e um valor de escala vertical mais alto. Os valores exatos de que você precisa dependerão principalmente do tamanho da imagem, mas também do assunto, então você vai querer experimentar.

No meu caso, irei definir a Escala horizontal como 10 e a Escala vertical como 80. Deixe o Mapa de deslocamento definido como Esticar para caber e Áreas indefinidas definidas como Pixels de aresta de repetição e, a seguir, clique em OK:

Escolha seu mapa de deslocamento de onde você o salvou e clique em Abrir:

O 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:

Etapa 33: experimente as configurações de deslocamento

No painel Layers, o filtro Displace aparece como um Smart Filter abaixo do Smart Object “Reflection”. Para experimentar diferentes valores de escala horizontal e vertical, clique duas vezes na palavra “Displace” para reabrir a caixa de diálogo:

Desta vez, deixarei a Escala horizontal definida para 10, mas aumentarei a Escala vertical para 120. Observe que estou trabalhando com uma imagem bastante grande. Imagens menores geralmente precisam de valores menores para obter os mesmos resultados:

Clique em OK para fechar a caixa de diálogo. O Photoshop solicitará que você selecione novamente 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:

Etapa 34: Estique o objeto inteligente “Reflexo” para cima

Se olharmos ao longo do topo do reflexo da água onde as duas imagens se encontram, vemos alguns artefatos azuis causados pelo mapa de deslocamento:

Para limpá-los, certifique-se de que o Objeto Inteligente “Reflexo” esteja selecionado no painel Camadas e vá até o menu Editar e escolha Transformação Livre:

O Photoshop irá avisá-lo que quaisquer Filtros Inteligentes que você aplicou serão desligados enquanto você estiver no modo Transformar. Em seguida clique em OK:

Então clique na alça superior e arraste-a ligeiramente para cima para esticar a imagem do reflexo da água até que os artefatos azuis fiquem ocultos atrás da imagem principal. Pressione Enter (Win) / Return (Mac) no teclado quando terminar:

Etapa 35: recorte a imagem

Você também pode notar algumas áreas problemáticas ao longo da parte inferior do reflexo da água, novamente causadas pelo mapa de deslocamento. Ou você pode apenas querer cortar alguns dos reflexos. Em ambos os casos, selecione a ferramenta Recortar na barra de ferramentas:

O Photoshop coloca uma caixa de recorte ao redor da imagem. Clique na alça inferior e arraste-a para cima para cortar a parte inferior do reflexo. Pressione Enter (Win) / Return (Mac) quando terminar de cortar a imagem:

Etapa 36: adicionar uma sombra ao longo da linha costeira

Por fim, para completar o efeito de reflexão da água, adicione uma sombra ao longo da linha da costa para dar-lhe alguma profundidade, como se o solo se inclinasse na água. Selecione a camada “Foto” no painel Camadas:

Adicione uma nova camada acima clicando no ícone Nova camada:

Selecione a ferramenta Rectangular Marquee na barra de ferramentas:

Arraste uma seleção retangular ao redor da costa:

Preencha a seleção com preto indo até o menu Editar e escolhendo Preencher:

Na caixa de diálogo Preencher, defina Conteúdo como Preto e clique em OK

A seleção agora está preenchida com preto:

Remova o contorno da seleção indo até o menu Selecionar e escolhendo Desmarcar:

Suavizando as bordas

Suavize as bordas indo até o menu Filtro, escolhendo Desfoque e, em seguida, Desfoque Gaussiano:

Na caixa de diálogo Desfoque Gaussiano, arraste o controle deslizante Raio para a direita até que as bordas pareçam boas e suaves. Para uma imagem maior, um valor entre 30-40 pixels funciona bem. Para imagens menores, experimente 15-20 pixels. Clique em OK para fechar a caixa de diálogo:

Aqui está o resultado depois de suavizar as bordas:

Por fim, diminua a opacidade da sombra para misturá-la com a imagem. A opção Opacity é encontrada no canto superior direito do painel Layers. Vou diminuir o meu para 50%:

E com isso, terminamos! Aqui, depois de esmaecer a sombra na linha da costa, é meu efeito final de efeito de reflexo no Photoshop com ondulações na água: