A client sent me a lifestyle photo last month. Nice shot, good light, decent composition. The brief said “make it moody.” Vague creative direction is basically a freelancer’s natural habitat, so I nodded, charged my coffee, and started poking around. What they actually wanted, it turned out after two rounds of revisions, was rain. Dramatic, cinematic, this-city-is-brooding rain. Not “slightly desaturate the sky” moody. Rain moody.
I’d faked rain in Photoshop before, but my results always looked like someone sneezed on the lens. So I went hunting for a better approach and landed on this Kelvin Designs tutorial, which covers the whole environment, not just streaks across the frame.
Why Fake Rain Fails (And What This Approach Does Differently)
Most rain tutorials stop at the streaks. You add noise, motion blur it diagonally, set the layer to Screen, call it a day. The problem is that rain doesn’t just fall through the air. It lands. It pools. It reflects light from the ground up. A rainy scene without wet surfaces is like a shadow with no object casting it. Your brain knows something is off, even if it can’t name it.
What Kelvin’s approach gets right is treating rain as a full environmental condition. You’re not just adding streaks. You’re building a believable world where it has been raining, which is a very different creative problem.
Building the Rain Streaks: Settings That Actually Matter
Start with a new layer filled with black. Go to Filter > Noise > Add Noise, set it to somewhere around 150%, Gaussian, with Monochromatic checked. That monochromatic checkbox matters. Without it, your noise picks up color fringing that survives the blur step and looks wrong on Screen blend mode.
Next, motion blur. Filter > Blur > Motion Blur. Angle around -65 to -70 degrees (adjust to match your image’s light source if you have a strong one), distance around 50-70 pixels depending on your canvas size and how heavy you want the downpour. Too much distance and you lose the texture of individual drops. Too little and it reads as mist.
Set that layer to Screen blend mode and drop the opacity to somewhere between 40 and 60 percent. The Screen mode knocks out the black and keeps the bright streaks, which is the whole trick. Duplicate the layer, scale one version up slightly, rotate it a degree or two, and drop its opacity lower than the first. Layering two slightly different rain passes kills the tiled, patterned look that gives away a cheap rain effect.
Making the Ground Wet: Reflections and Puddles
This is where the tutorial earns its runtime. A wet ground reflection is built by duplicating your scene layer, flipping it vertically (Edit > Transform > Flip Vertical), and positioning it below the horizon line. Reduce the opacity substantially, somewhere around 30 to 50 percent, and use a layer mask with a gradient to fade the reflection naturally. The reflection shouldn’t be crisp. Add a small amount of motion blur horizontally to simulate the way water distorts light on an uneven surface.
For puddles specifically, Kelvin uses a displacement map approach or a mask shaped to suggest pooled water, with the reflection showing through only in those areas. The key is varying the edges of the puddle shapes. Perfect oval shapes look like you drew them. Irregular, organic masks look like water found the low spots on its own.
The Sky Swap and Color Grading
Stormy skies are their own tutorial, but the short version here is: pull in an overcast or dramatic sky image, mask it in above the horizon, and then spend most of your time matching the light between the sky and the foreground. A bright, dramatic storm cloud over a scene that’s still lit like a sunny afternoon breaks the illusion immediately.
Kelvin keeps the color grade cool and desaturated, which is correct. Rain pulls warmth out of a scene. A slight blue-teal shift in the shadows, reduced yellows in the midtones, and a gentle overall desaturation will do more work than any single effect layer.
What I’d Push Further in My Own Projects
The one place I’d diverge from this workflow is the rain streak angle. A fixed -65 degrees looks great for general use, but if your scene has a clear wind direction suggested by other elements, like bent trees, flags, or umbrellas, the rain angle needs to match. I’ve seen otherwise flawless composites get flagged in client feedback because the rain was going one direction and a background element implied wind from another. Small thing. Immersion-breaking thing.
I’d also run the rain layer through a slight Gaussian blur (0.3 to 0.5 pixels) after the motion blur step. Rain seen through a lens isn’t perfectly sharp. That tiny softening step separates “Photoshop rain” from “photograph of rain” more than any single other adjustment.
The real lesson from Kelvin’s tutorial is that weather effects are environmental, not cosmetic. Get the ground wet before you worry about what’s falling from the sky.
Watch the full tutorial from Kelvin Designs for the visual walkthrough, especially the puddle masking and reflection steps, which are much easier to follow when you can see the layer stack in real time: How to Add Rain in Photoshop.
Comments
Leave a Comment