em , , , , ,

Tutorial: Efeito Chuva em Foto usando o Photoshop

Descrição: Neste tutorial veremos como aplicar o efeito chuva utilizando uma técnica mais trabalhada, nela utilizaremos adjustment layers, filtros, modos de blend, máscaras e outros recursos do Photoshop.

01. Pressione Ctrl+O e abra uma imagem de fundo, no caso deste tutorial usaremos a foto de um pier, caso queira utilizar a mesma imagem clique aqui para fazer o download, dê o nome de Base para a layer, vá em File> Place e adicione uma imagem de céu, caso queira utilizar a mesma imagem usada neste tutorial clique aqui para fazer o download, deixe a opacidade da layer em 120%, ajuste o tamanho da imagem e pressione Enter para finalizar a transformação, clique duas vezes sobre a layer Base e pressione Ok, dê o nome de Sky para a layer, deixe a layer abaixo da layer Base.

tutorial efeito chuva em foto usando o photoshop 3

tutorial efeito chuva em foto usando o photoshop 4

02. Clique na layer Base, pressione a letra W do teclado para selecionar a Quick Selection Tool, selecione a parte do céu, pressione Ctrl+G para deixar a layer dentro de um folder, clique no ícone de Add Layer Mask para adicionar uma máscara no folder, pressione Ctrl+I para inverter a cor da máscara, sua imagem deverá ficar como na foto abaixo.

tutorial efeito chuva em foto usando o photoshop 5

tutorial efeito chuva em foto usando o photoshop 6

03. Clique na miniatura da máscara, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas duras e tamanho médio, utilize o brush para refinar as partes máscaras e corrigir erros como na imagem abaixo, pressione a letra X do teclado para alternar as cores entre preto e branco.

tutorial efeito chuva em foto usando o photoshop 7

04. Clique na layer Sky e depois no ícone de Create New Fill or Adjustment Layer no rodapé da paleta de layers ou vá em Layer> New Adjustment Layer> Black & White.

tutorial efeito chuva em foto usando o photoshop 8

05. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Fog, escolha a cor #C3C3C3, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho grande e pontas suaves, com a tecla Shift pressionada clique e arraste para criar um traço horizontal como na foto abaixo, defina a opacidade da layer em 50%, pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, distorça a imagem verticalmente como na imagem abaixo e pressione Enter para finalizar a transformação.

tutorial efeito chuva em foto usando o photoshop 9

tutorial efeito chuva em foto usando o photoshop 10

tutorial efeito chuva em foto usando o photoshop 11
06. Clique o folder da layer Base e clique no ícone de Create New Fill or Adjustment Layer no rodapé da paleta de layers, escolha a opção Curves e defina a curva como na foto abaixo.

tutorial efeito chuva em foto usando o photoshop 12tutorial efeito chuva em foto usando o photoshop 13tutorial efeito chuva em foto usando o photoshop 14

07. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com preto, vá em Filter> Noise> Add Noise e defina os valores abaixo, pressione Ok, pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique e arraste para aumentar a layer como na foto abaixo, pressione Enter para finalizar a transformação.

tutorial efeito chuva em foto usando o photoshop 15tutorial efeito chuva em foto usando o photoshop 16

08. Vá em Filter> Blur> Motion Blur e defina os valores abaixo, pressione Ctrl+M para abrir a caixa de Curves, defina a curva como na foto abaixo, mude o modo de blend da layer para Screen, dê o nome de Rain para a layer.

tutorial efeito chuva em foto usando o photoshop 17tutorial efeito chuva em foto usando o photoshop 18tutorial efeito chuva em foto usando o photoshop 19tutorial efeito chuva em foto usando o photoshop 20tutorial efeito chuva em foto usando o photoshop 21

09. Repita o procedimento, pressione Ctrl+Shift+Alt+N para criar uma nova layer, aplique o filtro Noise com os mesmos valores anteriores, pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique e arraste para aumentar a layer em 250%, pressione Enter para finalizar a transformação, como na foto abaixo, defina o valor de 79º para o Angle do filtro Radial Blur.

tutorial efeito chuva em foto usando o photoshop 22

10. Repita o procedimento, pressione Ctrl+Shift+Alt+N para criar uma nova layer, aplique o filtro Noise com os mesmos valores anteriores, pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique e arraste para aumentar a layer em 600%, pressione Enter para finalizar a transformação, como na foto abaixo, defina o valor de 60º para o Angle do filtro Radial Blur.

tutorial efeito chuva em foto usando o photoshop 23

11. Repita o procedimento, pressione Ctrl+Shift+Alt+N para criar uma nova layer, aplique o filtro Noise com os mesmos valores anteriores, pressione Ctrl+M para abrir a caixa de Curves, defina as curvas como na foto abaixo, dê o nome de Noise para a layer.

tutorial efeito chuva em foto usando o photoshop 24tutorial efeito chuva em foto usando o photoshop 25

12. Mude o modo de blend de todas as layers com os efeitos de chuva para Screen.

tutorial efeito chuva em foto usando o photoshop 26

13. Clique na primeira layer com efeito de chuva e depois clique no ícone de Add Layer Mask para adicionar uma máscara, repita o procedimento com todas as outras layers com efeito de chuva, clique na miniatura da máscara, vá em Filter> Render> Clouds, repita o procedimento em todas as layers com o efeito de chuva, defina a opacidade da layer Noise para 20%.

tutorial efeito chuva em foto usando o photoshop 27tutorial efeito chuva em foto usando o photoshop 28

14. Clique na layer Base, pressione a letra W do teclado para selecionar a Quick Selection Tool, selecione o chão, como na foto abaixo, pressione Ctrl+Shift+Alt+N para criar uma nova layer.

tutorial efeito chuva em foto usando o photoshop 29

15. Pressione Ctrl+G para deixar a layer dentro de um folder, clique no ícone de Add Layer Mask para criar uma máscara no folder, dê o nome de Floor Mask.

tutorial efeito chuva em foto usando o photoshop 30

16. Clique na layer Base, pressione Ctrl+J para duplicar a layer, deixe a cópia da layer dentro do folder Flood Mask, vá em Filter> Filter Gallery> Sketch> Bas Relief, defina os valores abaixo e pressione Ok, vá em Layer> New Adjustment Layer> Curves, defina a curva como na foto abaixo, vá em Layer> Create Clippping Mask, mude o modo de blend da layer para Color Dodge.

tutorial efeito chuva em foto usando o photoshop 31tutorial efeito chuva em foto usando o photoshop 33tutorial efeito chuva em foto usando o photoshop 32

17. Clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara na layer, vá em Filter> Render> Clouds, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Perspective, distorça a layer como na foto abaixo, pressione Enter para finalizar a transformação, pressione Ctrl+A para selecionar todo conteúdo da layer, pressione Ctrl+C para copiar, vá em Window> Channels, clique no ícone de Create a New Channel e pressione Ctrl+V para colar a máscara criada.

tutorial efeito chuva em foto usando o photoshop 34

tutorial efeito chuva em foto usando o photoshop 35

tutorial efeito chuva em foto usando o photoshop 36

tutorial efeito chuva em foto usando o photoshop 37tutorial efeito chuva em foto usando o photoshop 38

18. Clique na layer Sky, pressione Ctrl+J para duplicar a layer, deixe a layer dentro do folder Flood Mask, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Flip Vertical, posicione a textura como na foto abaixo e pressione Enter para finalizar a transformação, defina a opacidade da layer em 15%.

tutorial efeito chuva em foto usando o photoshop 39tutorial efeito chuva em foto usando o photoshop 40

19. Com a tecla Ctrl pressionada clique sobre a máscara do folder Flood Mask para ativar a máscara, pressione Ctrl+Shift+I ou vá em Select> Inverse para inverter a máscara, pressione Ctrl+Alt e clique na máscara do folder Pier, clique na layer Base, pressione Ctrl+J para duplicar a área selecionada, dê o nome de Reflection para a nova layer.

tutorial efeito chuva em foto usando o photoshop 41tutorial efeito chuva em foto usando o photoshop 42tutorial efeito chuva em foto usando o photoshop 43

20. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Red, escolha a cor vermelha e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com vermelho, deixe a layer abaixo da layer Reflection, defina a opacidade da layer em 50%.

tutorial efeito chuva em foto usando o photoshop 44

21. Clique na layer Reflection, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Flip Vertical, posicione a layer como na foto abaixo, pressione Enter para finalizar a transformação, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie uma seleção na parte esquerda, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Skew, distorça a imagem como na foto abaixo e pressione Enter para finalizar a transformação.

tutorial efeito chuva em foto usando o photoshop 45

tutorial efeito chuva em foto usando o photoshop 46tutorial efeito chuva em foto usando o photoshop 47

22. Repita o processo como na foto abaixo.

tutorial efeito chuva em foto usando o photoshop 48

23. Pressione a letra L do teclado para selecionar a Lasso Tool, selecione os modelos da foto, pressione a letra V do teclado para selecionar a Move Tool, arraste e posicione os modelos como na foto abaixo.

tutorial efeito chuva em foto usando o photoshop 49

24. Continue utilizando a mesma técnica até que a imagem fique como na foto abaixo.

tutorial efeito chuva em foto usando o photoshop 50

25. Clique na layer Red e pressione Delete para deletar a layer, deixe a layer Reflection dentro do folder Floor Mask e acima da layer Sky, mude o modo de blend da layer para Multiply, abaixo alguns pontos que precisam ser trabalhados.

tutorial efeito chuva em foto usando o photoshop 51

26. Pressione a letra R do teclado para selecionar a Smudge Tool, aplique a ferramenta nos pontos apontados anteriormente.

tutorial efeito chuva em foto usando o photoshop 52

27. Clique no ícone de Add Layer Mask para inserir uma máscara na layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho médio e pontas suaves, aplique o brush em partes dos reflexos, diminua a opacidade para 35%.

tutorial efeito chuva em foto usando o photoshop 53tutorial efeito chuva em foto usando o photoshop 54

28. Com a tecla Ctrl pressionada clique sobre todas as layers abaixo da Adjustment Layer de Black & White, pressione Ctrl+J para duplicar todas as layers e depois Ctrl+E para mesclar todas as layers, vá em Filter> Filter Gallery> Sketch> Reticulation, defina os valores abaixo e pressione Ok, pressione Ctrl+M para abrir a caixa de Curves, defina a curva como na foto abaixo, deixe a layer dentro do folder Flood Mask e mude o modo de blend da layer para Screen.

tutorial efeito chuva em foto usando o photoshop 55

tutorial efeito chuva em foto usando o photoshop 56

tutorial efeito chuva em foto usando o photoshop 57

tutorial efeito chuva em foto usando o photoshop 58tutorial efeito chuva em foto usando o photoshop 59

29. Sua paleta de layers deverá ficar como a foto abaixo.

tutorial efeito chuva em foto usando o photoshop 60

30. Abaixo um antes e depois do efeito aplicado.

tutorial efeito chuva em foto usando o photoshop 61

31. No final sua imagem ficará como a foto abaixo.

tutorial efeito chuva em foto usando o photoshop 62

Site de origem: https://design.tutsplus.com/tutorials/add-dramatic-rain-to-a-photo-in-photoshop–psd-29536

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Inspiração, Cartazes de Rock: Roberto Carlos

Photoshop Básico: Painel Navigator