Neste tutorial do Photoshop, aprenderemos como adicionar facilmente um reflexo realista da água a qualquer foto. É um efeito muito fácil de criar e você pode adicioná-lo a qualquer foto que desejar, embora tenda a funcionar melhor com imagens que ainda não contêm água. Usaremos um filtro simples e um mapa de deslocamento para criar o efeito cascata da água e uma camada de ajuste de Matiz / Saturação para dar um pouco de cor à nossa água.
Nota da versão: Este tutorial foi escrito para o Photoshop CS5 e versões anteriores. Os usuários do Photoshop CC e CS6 vão querer conferir o nosso novíssimo tutorial Efeito de reflexão de água.
Aqui está a foto com a qual vou trabalhar ao longo deste tutorial:
A imagem original.
E aqui está como será nossa imagem depois de adicionar o reflexo da água:
O resultado final.
Este tutorial é da nossa série Photo Effects. Vamos começar!
Etapa 1: duplicar a camada de plano de fundo
Com nossa imagem recém-aberta no Photoshop, podemos ver na paleta Layers que atualmente temos uma camada, a camada Background, que contém nossa imagem:
A imagem original na camada Plano de fundo na paleta Camadas.
Precisamos duplicar a camada Background, e podemos fazer isso usando o atalho de teclado Ctrl + J (Win) / Command + J (Mac). Agora, quando olho para a paleta Camadas agora, vejo que agora tenho duas camadas - minha camada original de fundo na parte inferior e uma nova camada, "Camada 1", acima dela, que é minha duplicata:
Pressione "Ctrl + J" (Win) / "Command + J" (Mac) para duplicar a camada Background.
Etapa 2: adicione mais espaço de tela na parte inferior do documento
Vamos adicionar o reflexo da água abaixo da imagem, então vamos adicionar um espaço de tela na parte inferior do documento para dar espaço para a reflexão. Para fazer isso, vá até o menu Imagem na parte superior da tela e escolha Tamanho da tela . Isso exibirá a caixa de diálogo "Tamanho da tela" do Photoshop. A coisa mais fácil a fazer aqui é adicionar o dobro do espaço da tela do que temos atualmente, mas queremos que ele apareça na parte inferior do documento, não acima ou nos dois lados, por isso precisamos informar ao Photoshop exatamente onde queremos que esse espaço extra de tela seja utilizado.
Primeiro, digite 100 para a Altura e defina a medida como porcentagem, conforme circulado em vermelho abaixo. Deixe a opção Largura definida como 0. Em seguida, verifique se a opção Relativo está marcada, o que instrui o Photoshop a fornecer 100% mais espaço na tela do que o que já temos. Abaixo da opção "Relativa", há uma grade de quadrados 3x3. É aqui que dizemos ao Photoshop onde queremos colocar nosso espaço adicional na tela. Clique dentro do quadrado no meio da linha superior (novamente como circulado abaixo). Isso diz ao Photoshop para não colocar nenhum espaço extra na tela acima do documento e, em vez disso, colocá-lo na parte inferior:
Adicione mais espaço na tela usando a caixa de diálogo "Tamanho da tela".
Clique em OK para sair da caixa de diálogo e o Photoshop adicionará o espaço extra da tela na parte inferior da imagem:
x
A altura do documento agora foi dobrada com o espaço extra da tela adicionado à parte inferior.
Etapa 3: Virar a camada superior verticalmente
Para criar nossa reflexão, precisamos inverter nossa imagem de cabeça para baixo, então vamos fazer isso. Com a camada superior selecionada na paleta Camadas, vá para o menu Editar na parte superior da tela, escolha Transformar e escolha Virar vertical . O Photoshop vira a imagem de cabeça para baixo no documento:
Vá em Editar> Transformar> Virar vertical para virar a imagem na camada superior de cabeça para baixo.
Etapa 4: Arraste a imagem invertida para a parte inferior do documento
Precisamos que a imagem invertida esteja na parte inferior do documento, então pegue sua Ferramenta Mover na paleta Ferramentas ou pressione V no teclado para o atalho:
Selecione a ferramenta Mover.
Em seguida, com a ferramenta Mover selecionada, clique dentro do documento e arraste a imagem invertida para baixo até que a parte superior esteja alinhada com a parte inferior da imagem original acima. Mantenha pressionada a tecla Shift enquanto arrasta para ter certeza de arrastar para baixo em uma linha reta:
Arraste a imagem invertida abaixo do original.
Etapa 5: adicionar uma nova camada em branco
Agora que temos nossa imagem invertida, podemos começar a criar nosso efeito cascata de água. Primeiro, precisamos adicionar uma nova camada em branco na parte superior da paleta Camadas. Portanto, com a "Camada 1" ainda selecionada, clique no ícone Nova camada na parte inferior da paleta Camadas:
Adicione uma nova camada em branco ao documento.
Etapa 6: preencher a nova camada com branco
Vamos preencher nossa nova camada em branco com branco. Se atualmente o branco não for a sua cor de fundo, pressione D no teclado, que redefinirá as cores de primeiro plano e de fundo do Photoshop, tornando preto sua cor de primeiro plano e branco sua cor de fundo. Em seguida, use o atalho de teclado Ctrl + Backspace (Win) / Command + Delete (Mac) para preencher a nova camada com a cor de fundo (branca). Seu documento será preenchido com branco sólido.
A imagem inteira está agora preenchida com branco.
Etapa 7: aplique o filtro "Padrão de meio-tom" para criar linhas horizontais em preto e branco
Vá para o menu Filtro na parte superior da tela, escolha Esboço e escolha Padrão de meio-tom . Isso exibe a Galeria de filtros do Photoshop (no Photoshop CS e superior) definida para as opções de filtro "Padrão de meio-tom" à direita, com uma grande visualização do efeito à esquerda. Vamos usar esse filtro para adicionar uma série de linhas horizontais em preto e branco à imagem. Essas linhas vão se tornar nossas ondas de água. Quanto mais linhas tivermos, mais ondulações teremos.
Primeiro, queremos ter certeza de que estamos criando linhas e não pontos ou círculos, então defina a opção Tipo de padrão como Linhas . Controlamos o número de linhas ajustando a opção Tamanho . Valores mais baixos nos dão mais linhas, já que estamos diminuindo o tamanho de cada linha, e valores mais altos nos dão menos linhas, porém mais grossas. Vou definir meu valor de tamanho como 7, o que acho que funciona melhor para minha imagem. Você pode experimentar esse valor por conta própria. A opção Contraste abaixo determina como as bordas das linhas são nítidas. Valores mais baixos fornecem linhas mais suaves, valores mais altos em branco fornecem linhas mais arestas. Defina esse valor até 50 para obter arestas nítidas nas linhas. Nós vamos amolecê-los nós mesmos com o filtro Gaussian Blur em um momento:
Ajuste as opções de filtro Padrão de meio-tom para criar uma série de linhas em preto e branco na imagem.
Clique em OK quando terminar de sair da caixa de diálogo e o Photoshop preencherá a imagem de cima para baixo com suas linhas em preto e branco:
A imagem agora está preenchida com linhas horizontais em preto e branco.
Etapa 8: aplique o filtro "Gaussian Blur" nas linhas
Antes de podermos usar nossas linhas em preto e branco como ondulações da água, precisamos suavizá-las e criar transições agradáveis e suaves entre elas. Para fazer isso, vá para o menu Filtro novamente, escolha Desfoque e, em seguida, escolha Desfoque Gaussiano, que exibe a caixa de diálogo "Desfoque Gaussiano". Fique de olho na sua imagem e arraste o controle deslizante na parte inferior da caixa de diálogo para aumentar o valor do raio até que as linhas tenham uma borda muito suave. Estou usando uma imagem pequena para este tutorial, portanto, para mim, um valor de raio de cerca de 4 pixels funciona bem. Se você estiver usando uma imagem maior e de alta resolução, precisará definir a sua com um valor mais alto:
Use o filtro Gaussian Blur para suavizar as bordas das linhas.
Clique em OK para sair da caixa de diálogo e aplicar o desfoque nas linhas.
Etapa 9: duplicar a camada de linhas como um novo documento
Vamos criar um documento totalmente novo a partir de nossa camada de linhas, que usaremos como nosso mapa de deslocamento para nossas ondulações de água. Com a camada de linhas selecionada, vá até o menu Camada na parte superior da tela e selecione Camada duplicada, que abre a caixa de diálogo "Camada duplicada". Nas opções "Destino", clique na seta apontando para baixo à direita da opção Documento e defina-a como Novo, que criará um novo documento do Photoshop fora da nossa camada:
Defina a opção "Documento" na caixa de diálogo "Duplicar camada" para "Novo".
Clique em OK para sair da caixa de diálogo e sua camada será aberta em um novo documento na tela.
Etapa 10: Salve o novo documento e feche-o
Este novo documento que criamos se tornará nosso mapa de deslocamento, mas antes que possamos usá-lo, precisamos salvá-lo. Também encerraremos o processo depois de salvá-lo, pois não precisaremos mais dele abrir, e a maneira mais fácil de realizar ambas as tarefas é simplesmente fechar o documento. Quando você tenta fechá-lo, o Photoshop fica como você, se você deseja salvar o documento antes de fechá-lo. Clique em Sim :
Escolha "Sim" quando o Photoshop perguntar se você deseja salvar o documento antes de fechá-lo.
O Photoshop exibirá a caixa de diálogo Salvar como . Você pode nomear seu novo documento como desejar. Vou nomear minhas "ondulações de água". Salve-o como um arquivo .PSD do Photoshop, pois esses são os únicos arquivos que o Photoshop pode usar como mapa de deslocamento. Provavelmente, você deseja salvar o documento na área de trabalho, pois precisaremos encontrá-lo novamente em um momento.
Etapa 11: Excluir a camada de linhas
Agora que usamos nossas linhas em preto e branco para criar o arquivo que usaremos como nosso mapa de deslocamento, podemos nos livrar dele. Para fazer isso, basta clicar nele e arraste-o para o ícone da Lixeira, na parte inferior da paleta Camadas:
Clique e arraste a camada de linhas ("Camada 2") para a Lixeira na parte inferior da paleta Camadas para excluí-la.
Etapa 12: Mesclar as duas camadas em uma nova camada
Antes de adicionarmos nosso mapa de deslocamento, precisamos mesclar nossas duas camadas de imagem em uma nova camada acima delas. Para fazer isso, com a "Camada 1" selecionada, use o atalho de teclado Shift + Ctrl + Alt + E (Win) / Shift + Command + Option + E (Mac). Parece que nada aconteceu no documento, mas se olharmos na paleta Camadas, podemos ver que as duas camadas foram mescladas em uma nova camada na parte superior:
Agora, as duas camadas são mescladas em uma nova camada, "Camada 2".
Etapa 13: Use o filtro "Deslocar" para criar as ondulações da água
Estamos prontos para criar nossas ondulações de água usando o mapa de deslocamento que acabamos de criar. Com a nova camada mesclada selecionada na paleta Camadas, volte ao menu Filtro na parte superior da tela, escolha Distorcer e escolha Deslocar .
Isso abre a caixa de diálogo do filtro "Deslocar" do Photoshop. É aqui que determinamos a força do nosso efeito cascata, e fazemos isso com a opção Escala horizontal na parte superior. Vou definir o meu para um valor de 4, o que me dará um efeito cascata realista. Você pode experimentar esse valor com sua própria imagem. Ajustá-lo muito alto criará uma distorção horizontal demais e você perderá o realismo.
Não precisamos de distorção vertical para criar nosso efeito; portanto, defina a opção Escala vertical como 0 . Além disso, verifique se a opção Esticar para ajustar e repetir pixels de borda está selecionada:
Vá para Filter> Distort> Displace para exibir a caixa de diálogo Displace.
Clique em OK no canto superior direito da caixa de diálogo e o Photoshop perguntará qual arquivo você deseja usar como seu mapa de deslocamento. Escolha o arquivo que você salvou há pouco, que eu salvei na minha área de trabalho como "water-ripples.PSD" e clique em Abrir. O Photoshop aplicará o mapa de deslocamento a toda a imagem, criando nossas ondulações de água:
A imagem após a aplicação do nosso mapa de deslocamento com o filtro "Deslocar".
Etapa 14: oculte as ondinhas no topo com uma máscara de camada
Claro, temos um pequeno problema no momento. Adicionamos nosso efeito cascata de água a toda a imagem e só queríamos na metade inferior. Podemos corrigir isso facilmente usando uma máscara de camada. Primeiro, pressione Ctrl (Win) / Command (Mac) diretamente na miniatura de "Layer 1" na paleta Layers para fazer uma seleção em torno da imagem invertida na parte inferior do documento:
"Clique com o botão direito do mouse" (Win) / "Control-click" (Mac) diretamente na miniatura da camada 1 na paleta Layers para fazer uma seleção em torno da imagem invertida.
Você verá uma seleção aparecer na metade inferior da imagem no seu documento. Agora, com a camada mesclada ainda selecionada, clique no ícone Layer Mask na parte inferior da paleta Layers:
Clique no ícone "Máscara de camada" para adicionar uma máscara de camada à camada mesclada na parte superior da paleta Camadas.
O Photoshop adicionará uma máscara de camada à camada mesclada e, como fizemos uma seleção na metade inferior do documento quando adicionamos a máscara de camada, apenas a metade inferior da camada mesclada permanece visível. A metade superior fica oculta, removendo as ondulações indesejadas de água daquela parte da imagem:
O efeito cascata agora está oculto na metade superior da imagem após a aplicação da máscara de camada.
Etapa 15: aplique o filtro "Gaussian Blur" à máscara de camada
Antes de adicionarmos o toque final colorindo a água, vamos suavizar um pouco a borda da máscara de camada para que não haja uma linha divisória tão dura entre a imagem na parte superior e a água abaixo. Usaremos o filtro Gaussian Blur para isso e, como queremos aplicá-lo à máscara de camada, precisamos primeiro selecionar a máscara. Podemos fazer isso clicando na miniatura da máscara de camada na paleta Camadas:
Tutoriais do Adobe Photoshop: Clique na miniatura da máscara de camada na paleta Camadas para selecionar a máscara de camada.
Você pode dizer que a máscara de camada agora está selecionada pela caixa de destaque branca em torno de sua miniatura. Vamos aplicar o filtro Gaussian Blur à máscara, então volte ao menu Filtro, selecione Blur novamente e, em seguida, selecione Gaussian Blur . Quando a caixa de diálogo aparecer, basta clicar em OK para aplicar o mesmo valor de raio que usamos anteriormente.
Etapa 16: Colorir a água com uma camada de ajuste de matiz / saturação
Vamos terminar agora adicionando apenas uma pitada de azul à nossa água e usaremos uma camada de ajuste de Matiz / Saturação para isso. Queremos que a camada de ajuste afete apenas a metade inferior da imagem onde estão as ondulações da água. Portanto, mantenha pressionada a tecla Alt (Win) / Option (Mac), clique no ícone Nova camada de ajuste na parte inferior da paleta Layers, depois selecione Matiz / Saturação na lista de camadas de ajuste:
Mantenha pressionado "Alt" (Win) / "Option" (Mac), clique no ícone "New Adjustment Layer" e arraste o mouse para "Hue / Saturation" para selecioná-lo.
Mantendo pressionado "Alt / Option", isso informa ao Photoshop para abrir a caixa de diálogo Nova camada antes de adicionar a camada de ajuste. Selecione a opção Usar camada anterior para criar máscara de recorte clicando dentro da caixa de seleção à esquerda dela:
Selecione a opção "Usar camada anterior para criar máscara de recorte" na caixa de diálogo "Nova camada".
Essa opção informa ao Photoshop que queremos que a camada de ajuste afete apenas a camada diretamente abaixo dela na paleta Camadas e, como a camada abaixo é a camada que contém nossas ondulações de água, apenas as ondulações de água serão coloridas, e é isso que queremos . Clique em OK para sair da caixa de diálogo.
Isso exibirá a caixa de diálogo Matiz / Saturação. Queremos colorir nossa água, então a primeira coisa que queremos fazer aqui é selecionar a opção Colorir no canto inferior direito. Em seguida, selecione a cor que você deseja que sua água arraste o controle deslizante Hue na parte superior. Vou arrastar meu controle deslizante para a direita para um valor de cerca de 218, o que acho que é uma boa cor para a minha água:
Use a caixa de diálogo Matiz / Saturação para colorir a água.
Clique em OK para sair da caixa de diálogo e você verá que sua água na parte inferior agora está colorida, mas a cor está muito forte no momento.
Etapa 17: diminuir a opacidade da camada de matiz / saturação
Para reduzir a intensidade da cor que acabamos de adicionar à água, basta acessar a opção Opacidade no canto superior direito da paleta Camadas e diminuir o valor da opacidade. Vou diminuir o meu até cerca de 25%, o que adiciona uma quantidade muito mais realista de cor à água:
Diminua a opacidade da camada de ajuste até que a água tenha apenas uma pitada de cor.
Depois de diminuir a opacidade da camada de ajuste para reduzir a intensidade da cor da água, está pronto! Aqui está o meu resultado final de "reflexão da água":
O efeito final.
Apenas por diversão, aqui está outro exemplo do mesmo efeito aplicado a uma imagem diferente. A única coisa que mudei aqui foi adicionar apenas metade do espaço da tela abaixo da imagem original (defino o valor "Altura" na caixa de diálogo Tamanho da tela para 50% em vez de 100%). Todo o resto foi feito exatamente da mesma maneira:
Outro exemplo de uma imagem usando o mesmo efeito.
E aí temos que! É assim que se adiciona um efeito de reflexão da água a uma imagem com o Photoshop! Visite nossa seção Efeitos de foto para obter mais tutoriais sobre efeitos do Photoshop!