Este tutorial passo a passo mostra como criar um efeito de chuva no Photoshop que pode ser facilmente adicionado a qualquer foto. Funciona com qualquer versão do Photoshop. Para todos os níveis de habilidade.
A maioria de nós prefere evitar ser pego na chuva, se possível, principalmente se tivermos nossas câmeras conosco. Mas e se você é uma das muitas pessoas que gosta de tirar fotos do tempo? Mesmo que a fotografia meteorológica não seja o seu principal interesse, não há como negar que a chuva adiciona uma nova dimensão às suas imagens. Então, como você tira fotos da chuva sem molhar a câmera?
Fácil! Espere até que pare de chover, tire a foto e adicione novamente a chuva usando o Photoshop, que é exatamente o que vamos aprender a fazer.
Esta versão do tutorial é para o Photoshop CS5 e versões anteriores. Os usuários do Photoshop CC e CS6 devem consultar o tutorial Photoshop Rain Effect totalmente atualizado.
Aqui está a foto com a qual vou trabalhar para esse efeito:
A imagem original.
E aqui está a mesma imagem depois de adicionar a chuva no Photoshop. Está realmente chegando lá fora!
O resultado final.
Este tutorial é da nossa série Photo Effects. Vamos começar!
Como criar um efeito de chuva com o Photoshop
Etapa 1: duplicar a camada de plano de fundo
A primeira coisa que precisamos fazer para esse efeito é duplicar nossa camada de fundo. Com nossa imagem aberta no Photoshop, podemos ver na paleta Layers que atualmente temos uma camada, chamada Background . Esta camada contém nossa imagem original:
A paleta Layers no Photoshop mostra a imagem original na camada Background.
Precisamos criar uma cópia dessa camada, então vamos usar o atalho de teclado rápido, Ctrl + J (Win) / Command + J (Mac). Parece que nada aconteceu na janela do documento, mas se olharmos novamente na paleta Camadas, podemos ver que agora temos duas camadas - a camada original de fundo na parte inferior e uma cópia dela, que o Photoshop nomeou " Camada 1 ", acima dela:
Duplique a camada Background pressionando "Ctrl + J" (Win) / "Command + J" (Mac).
Etapa 2: adicione algum espaço extra na tela ao redor da imagem
A próxima coisa que vamos fazer é adicionar um espaço extra na tela ao redor da imagem. O motivo é que usaremos o filtro "Desfoque de movimento" na imagem, e o filtro de Desfoque de movimento tende a ter problemas ao lidar com arestas, portanto, vamos facilitar as coisas dando a ele um pouco mais de espaço nas bordas para trabalhar. Você verá o que quero dizer mais adiante, mas, por enquanto, vamos adicionar um espaço extra na tela. Antes de fazer isso, vamos redefinir as cores de primeiro plano e plano de fundo no Photoshop pressionando D no teclado. Isso define preto como cor de primeiro plano e branco como cor de fundo. Podemos ver isso nas amostras de cores próximas à parte inferior da paleta Ferramentas:
Redefina as cores de primeiro plano e plano de fundo.
Agora vamos adicionar nosso espaço de tela. Para isso, usaremos a Ferramenta Recortar . Selecione-o na paleta Ferramentas ou simplesmente pressione C no teclado:
Selecione a ferramenta Recortar.
Em seguida, com a ferramenta Recortar selecionada, clique e arraste uma seleção ao redor da imagem inteira. Se você estiver trabalhando com a imagem exibida em uma janela de documento, pressione F no teclado para alternar o Photoshop para o Modo de tela cheia com a barra de menus, o que facilitará as coisas. Em seguida, clique fora do canto superior esquerdo da imagem e arraste para baixo abaixo do canto inferior direito.
Ao soltar o botão do mouse, você verá pequenas alças quadradas ao redor da imagem. Mantenha pressionada a tecla Alt (Win) / Option (Mac) e arraste a alça esquerda ou direita para fora para adicionar espaço nos dois lados da imagem. Manter a tecla Alt ou Option pressionada indica ao Photoshop para mover as alças dos dois lados ao mesmo tempo, o que facilita as coisas para nós. Adicione uma polegada extra ou duas nas laterais. Em seguida, faça o mesmo para a parte superior e inferior. Mantenha pressionada a tecla Alt / Option e arraste a alça superior ou inferior para adicionar a mesma quantidade de espaço acima e abaixo da imagem. Não se preocupe em adicionar muito espaço, pois o cortaremos posteriormente mais tarde. Por enquanto, é melhor adicionar muito do que não o suficiente:
Arraste as alças para adicionar mais espaço na tela ao redor da imagem.
Quando terminar de arrastar as alças, pressione Enter (Win) / Return (Mac), e o Photoshop preencherá o espaço extra com a cor de fundo atual, branca:
O Photoshop preenche o espaço extra com a cor de fundo atual.
Etapa 3: adicionar uma nova camada em branco
Precisamos adicionar uma nova camada em branco ao nosso documento neste momento. Portanto, com a camada superior selecionada na paleta Camadas (você pode dizer qual camada é selecionada pela qual é destacada em azul), clique no ícone Nova camada no parte inferior da paleta Camadas:
Clique no ícone "Nova camada" para adicionar uma nova camada em branco.
O Photoshop adiciona uma nova camada em branco para nós acima das outras duas camadas. Mais uma vez, nada parece ter acontecido com a própria imagem, e isso ocorre porque nossa nova camada está em branco no momento, mas podemos ver a nova camada na parte superior da paleta Camadas. O Photoshop chama isso de "Camada 2":
A nova camada em branco na parte superior da paleta Camadas.
Etapa 4: preencher a nova camada com preto
Vamos preencher a nova camada com preto. Como o preto é atualmente a nossa cor de primeiro plano, podemos usar o atalho fácil do teclado Alt + Backspace (Win) / Option + Delete (Mac), que instrui o Photoshop a preencher a camada com a cor de primeiro plano.
A imagem agora aparecerá preenchida com preto sólido, ocultando temporariamente nossa foto.
Etapa 5: adicionar ruído à camada
Vá para o menu Filtro na parte superior da tela, escolha Ruído e, em seguida, escolha Adicionar ruído . Isso abre a caixa de diálogo do filtro "Adicionar ruído" do Photoshop. Arraste o controle deslizante Quantidade para a direita para adicionar muito ruído à sua imagem. Não há um valor exato para inserir, basta adicionar muito. Vou arrastar minha quantia para cerca de 150%. Além disso, verifique se a opção Monocromática na parte inferior está marcada:
Adicione ruído à camada cheia de preto.
Clique em OK quando terminar de aplicar o ruído à imagem e sair da caixa de diálogo.
Etapa 6: aplique o filtro Gaussian Blur ao ruído
Precisamos adicionar uma pequena quantidade de desfoque ao ruído, então volte ao menu Filtro e, desta vez, escolha Desfoque e depois Desfoque Gaussiano . Isso abre a caixa de diálogo do filtro "Gaussian Blur". Tudo o que precisamos é de uma pequena quantidade de desfoque; portanto, insira um valor de cerca de 0, 5 para o valor Radius e clique em OK para sair da caixa de diálogo:
Aplique o filtro Gaussian Blur ao ruído.
Etapa 7: adicionar uma camada de ajuste de níveis
Lembra como eu acabei de dizer para você adicionar muito ruído à imagem? Bem, agora temos muito, mas vamos consertar isso usando Níveis. No entanto, usaremos uma camada de ajuste para que possamos voltar e alterar as configurações em Níveis a qualquer momento. Também queremos garantir que nossa camada de ajuste de Níveis esteja afetando apenas a camada de ruído e não tenha efeito em nenhuma outra camada. Para isso, mantenha pressionada a tecla Alt (Win) / Option e clique no ícone Nova Camada de Ajuste em na parte inferior da paleta Layers:
Mantenha pressionado "Alt" (Win) / "Option" (Mac) e clique no ícone "New Adjustment Layer".
Em seguida, arraste o mouse para cima e selecione Níveis na lista de camadas de ajuste:
Selecione "Níveis" na lista.
Como mantemos pressionada a tecla Alt / Option, o Photoshop abrirá a caixa de diálogo Nova camada antes de adicionar a camada de ajuste. É aqui que dizemos ao Photoshop que queremos apenas que essa camada de ajuste de Níveis afete a camada abaixo dela, que será a camada de ruído. Para fazer isso, clique dentro da caixa de seleção à esquerda de onde diz Usar camada anterior para criar máscara de recorte :
Caixa de diálogo "Nova camada" do Photoshop.
Clique em OK no canto superior direito para sair da caixa de diálogo e o Photoshop adiciona a camada de ajuste de níveis para nós. Também exibe a caixa de diálogo Níveis, que veremos a seguir.
Etapa 8: reduzir a quantidade de ruído e aumentar seu contraste
Vamos usar os Níveis para reduzir a quantidade de ruído que temos e aumentar o contraste no ruído que resta. Com a caixa de diálogo Níveis aberta, você verá um gráfico grande na metade superior. Isso é chamado de histograma . Não precisamos entrar em detalhes sobre isso aqui, mas diretamente abaixo do histograma, você verá três controles deslizantes - um preto à esquerda, um branco à direita e um cinza no meio. Clique no preto à esquerda e comece a arrastá-lo para a direita.
Ao fazer isso, você começará a ver parte do ruído desaparecendo na imagem. Em seguida, clique no branco à direita e comece a arrastá-lo para a esquerda, o que aumentará o contraste no ruído restante:
Remova o ruído com o controle deslizante preto à esquerda e aumente o contraste com o controle deslizante à direita.
Não se preocupe com o controle deslizante cinza no meio. Ele se moverá por conta própria à medida que você arrasta os preto e branco. Você pode usar a captura de tela acima como um guia sobre como mover os controles deslizantes em preto e branco ou simplesmente experimentar por conta própria até que sua imagem pareça menos com um monte de barulho e mais com uma noite estrelada:
Reduza a quantidade de ruído na imagem com o controle deslizante preto e aumente o contraste no ruído com o controle deslizante branco.
Clique em OK no canto superior direito da caixa de diálogo Níveis quando terminar de sair dela.
Etapa 9: aplique o filtro Motion Blur ao ruído
Todo esse barulho que resta em nossa imagem se tornará nossa chuva. Ainda não parece muito com chuva, mas vamos ajudá-lo aplicando o filtro "Motion Blur", que dará movimento e direção à chuva. Antes de podermos aplicar o filtro ao ruído, precisamos primeiro selecioná-lo na paleta Camadas, pois atualmente temos a camada de ajuste Níveis selecionada. Clique em "Camada 2" para selecioná-lo:
Selecione a camada de ruído na paleta Camadas.
Agora que selecionamos a camada correta, volte ao menu Filtro na parte superior da tela, selecione Desfoque e, em seguida, selecione Desfoque de movimento, que abre a caixa de diálogo "Desfoque de movimento". Você pode definir a direção em que a chuva está caindo ajustando a opção Ângulo . Vou ajustar meu ângulo para cerca de 60 °. Em seguida, insira um valor de cerca de 50 pixels para a Distância, embora seja necessário experimentar um pouco com esse valor, dependendo do tamanho da imagem, mas 50 pixels funcionam bem para uma foto 4x6 padrão:
Defina a direção em que a chuva cairá na opção "Ângulo", depois defina a "Distância" para cerca de 50 pixels.
Clique em OK para sair da caixa de diálogo.
Etapa 10: reajuste os controles deslizantes em preto e branco nos níveis necessários
Dependendo de quão longe você arrastou seus controles deslizantes em preto e branco na caixa de diálogo Níveis anteriormente, seu ruído pode ter desaparecido completamente em sua imagem após a aplicação do filtro Motion Blur. Para trazê-lo de volta, basta reajustar os controles deslizantes clicando duas vezes diretamente na miniatura da camada de ajuste de Níveis na paleta Camadas:
Traga de volta a caixa de diálogo Níveis clicando duas vezes em sua miniatura na paleta Camadas.
Isso traz de volta a caixa de diálogo Níveis e, como estamos usando uma camada de ajuste, podemos voltar a reajustar os controles deslizantes quantas vezes quisermos sem danificar nossa imagem. Você provavelmente precisará arrastar o controle deslizante preto de volta um pouco para a esquerda, a fim de trazer seu ruído de volta à vista, e convém arrastar o controle deslizante branco um pouco mais para a esquerda, para adicionar mais contraste:
Arraste os controles deslizantes preto e branco mais para a esquerda para trazer o ruído de volta à vista na imagem.
Novamente, você pode usar a captura de tela acima como um guia, mas é melhor experimentar os controles deslizantes enquanto observa a imagem. Depois de recuperar o ruído, clique em OK para sair novamente da caixa de diálogo. Sua imagem agora deve ficar assim:
O ruído de movimento borrado está agora visível na imagem.
Se você observar atentamente as bordas superior e inferior da imagem, verá que as coisas parecem um pouco estranhas, e isso é devido ao problema que mencionei no início do tutorial, com o filtro Motion Blur com problemas nas bordas. Não se preocupe, porque adicionamos espaço extra nas bordas; portanto, nenhuma dessas áreas problemáticas afetará nossa foto. De fato, vamos cortá-lo na próxima etapa.
Etapa 11: Cortar o espaço extra da tela
Agora que aplicamos nosso filtro Motion Blur, podemos cortar o espaço extra da tela que adicionamos anteriormente. Para fazer isso, clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) diretamente na miniatura de "Camada 1" na paleta Camadas:
"Clique com o botão direito do mouse" (Win) / "Control-clique" (Mac) na miniatura da camada 1 na paleta Layers.
A camada 1 é a cópia da camada de segundo plano e contém a imagem original antes de adicionarmos o espaço extra da tela. Ao clicar com o botão direito do mouse (Win) ou clicar com a tecla Control pressionada (Mac) na miniatura, você verá uma seleção dentro do documento com o tamanho exato da nossa imagem original:
Uma seleção aparece dentro do documento.
Tudo o que precisamos agora é ir até o menu Imagem na parte superior da tela e selecionar Cortar . O Photoshop cortará a imagem ao redor da seleção, removendo o espaço extra da tela e trazendo a imagem de volta ao tamanho que era quando começamos.
Depois de cortar a imagem, pressione Ctrl + D (Win) / Command + D (Mac) para remover a seleção da tela.
Etapa 12: Altere o modo de mesclagem da camada de ruído para "Screen"
Estamos quase terminando. O único problema restante é que a camada de ruído ainda está bloqueando nossa imagem original. Para misturá-lo com a imagem e nos dar o efeito de chuva, tudo o que precisamos fazer é alterar o modo de mesclagem da camada de ruído. Selecione a camada de ruído ("Camada 2") na paleta Camadas. Em seguida, vá para o canto superior esquerdo da paleta Camadas, clique na seta apontando para baixo à direita da palavra "Normal", que é o modo de mesclagem padrão, e selecione Tela na lista:
Altere o modo de mesclagem da camada de ruído de "Normal" para "Tela".
Assim que você altera o modo de mesclagem, a foto original fica visível no documento e nosso ruído desfocado se torna chuva!
Se você quiser ajustar o efeito da chuva, clique duas vezes novamente na miniatura da camada de ajuste de Níveis na paleta Camadas para retornar a caixa de diálogo Níveis e reajuste os controles deslizantes em preto e branco até que você esteja satisfeito com o efeito chuva. Clique em OK quando terminar de sair dela.
Aqui está o meu efeito final de chuva:
O efeito final.
E é assim que você adiciona chuva a uma foto no Photoshop e evita danificar sua câmera! Visite nossa seção Efeitos de foto para obter mais tutoriais sobre efeitos do Photoshop!