How To Add Heavy Rain to an Image in Adobe Photoshop

In today’s Photoshop tutorial we’re going to have some fun changing the weather in a photograph by adding a heavy rain shower. The effect works best on night shots of dark streets to give the image a dramatic mood. We’ll amplify the subtle light reflections on the pavement to simulate the appearance of a wet surface, then add three layers of rain drops, each at different sizes to achieve the illusion of depth.

Rain effect in Photoshop

The photo I’ll be working with is a shot of an dark urban street. The effect works the best with nighttime photos because the darker background helps makes the raindrops visible. Dark street images also produce great results by turning the photograph into a scene from a dramatic thriller!

Open your chosen image in Adobe Photoshop. We’ll first work on making the surface appear wet, which will complement the raindrops to achieve a more realistic effect. Go to Select > Color Range and choose the Highlights selection method.

Move the Fuzziness and Range sliders while observing the preview thumbnail to find subtle selection of the floor highlights. The brightness of these areas will determine how wet the street will appear!

Create a new layer, then fill the highlights selection with white using the CMD+Backspace shortcut. Press CMD+D to Deselect.

Change the blending mode of the white layer to Color Dodge, then reduce the layer’s Fill to around 50%. You can play with the Fill and Opacity settings to find just the right amount of surface shine for that wet tarmac look.

The bright surface areas help give the road a shiny wet appearance, but we don’t want all the other highlights being blown out. Add a Layer Mask to the layer, then use a soft brush to erase the unnecessary areas.

Add a new layer and fill it with black using the ALT+Backspace shortcut. Go to Filter > Noise > Add Noise.

Add 100% in the Amount setting, then set the Distribution to Gaussian and check the Monochromatic option.

Next, go to Filter > Blur > Motion Blur. Set the angle to around 60 degrees, with a Distance of 25px.

There’s a thin strip around the edge of the layer where the motion blur isn’t applied. Press CMD+T and scale up the layer slightly to hide it.

Change the blending mode to Screen so only the white portions of the noise is visible, which allows the original photo to show through.

Go to Image > Adjustments > Levels (or use the CMD+L shortcut), then drag the shadows slider handle to the right to reduce the number of rain drops.

Add another new layer and fill it with black. Add the Noise filter with the same 100%, Gaussian & Monochromatic options, then add a Motion Blur filter.

For the settings of this second noise layer, increase the Distance to 50px, but keep the Angle set at 60 degrees.

Press CMD+T to Transform this layer and scale it up a little further than the first noise layer to enlarge the noise particles. Set the blending mode to Screen.

Use the CMD+L shortcut again to open the Levels. Drag the shadows slider a little further to the right and bring the midtones towards the left. Keep an eye on the live preview to find the right balance where the raindrops aren’t too sparse, or too dense.

Add a third noise layer and add a motion blur filter. This time increase the Distance to 100px. This will form the close up raindrops which would appear to be moving faster.

Dramatically scale up the layer with the CMD+T shortcut to create a series of large raindrops. Set the blending mode to Screen to see the layering of raindrops adds depth to the effect.

Reduce the amount of rain visible in this foreground layer by adjusting the Levels. Move the shadows slider towards the right, then increase the contrast by dragging the midtones and highlights leftwards.

To eliminate the uniform appearance of the rain layers, add a layer mask to each one in turn. Use a soft brush set at 50% opacity and randomly dab around the canvas.

Paint within the other layer masks to erase random portions of the rain layers to finish off the effect. If necessary, switch the brush colour to white to restore the mask to bring back raindrops in specific areas.

How To Add Heavy Rain to an Image in Adobe Photoshop

The final image now has a much more dramatic mood. The stacking of the rain layers helps add depth to the effect to help it blend into the environment, while the steps to add highlights to the surface nicely complement the rain effect by making the ground appear wet.

Download this file

Leave a Reply

Your email address will not be published. Required fields are marked *