How to Create Rain Effect in Photoshop

How to create rain effect in photoshop

In this Photoshop Tutorial, we will learn ‘How to Create Rain Effect in Photoshop’.



Introduction

While creating an artwork like Manipulation or Matte Painting in Photoshop, emotions play a huge role in conveying the theme or message of the artwork.

There are various ways to convey emotions and one of the most powerful way is Rain. Rain, in itself, contains a number of emotions like Being Happy, Sad, Inspired, Excited, Romance, Love and even Hopeless etc.

So, with all these varing and opposite emotions, I hope that you understand the importance of rain. Let’s begin with our tutorial.


Image

As this is a tutorial based on the Rain effect only. So, I will select an image and create Rain effect on it using Photoshop.

For rain effect, if you are also going to pick an image for practice then I would recommend either chose an image with some still water, wet surfaces or you will also need to add still water patches in it.


Create Rain Effect

  • Open the image in Photoshop.
image open in photoshop
  • Create a blank layer and fill it with Black color.

To fill the blank layer with Black color, make sure your Foreground Color is Black then use shortcut ALT + DELETE or we can also use Fill option under Edit menu.

Remember, after we Fill black color, Image will not visible to us anymore.

new layer with black color filled
  • Now, Add Noise…

Go to Filter > Noise > Add Noise…

Add Noise

Amount should be 25%, Distribution method as Gaussian and also check the box before Monochromatic to keep the noise in Black and White.

Add Noise dialog box
after adding noise

Currently, the dots in Noise are small and we have to scale them up using shortcut CTRL + T

Transform applied

Focus on the option bar, increase the Width to 400% and Width and Height are constrained by default.

Option bar

Press Enter to apply Transform changes. The result will look as shown below.

Bigger grain size

In the above step, we have simply increased the size of the Rain Effect Layer. If you face lagging issues in the upcoming steps then you should consider cropping off the extra parts of the image.

  • Convert to Smart Object

Now, we will convert our Rain Effect layer to a Smart Object. We can do it by right clicking on the layer an then chose Convert to Smart Object

Convert to Smart Object
smart object icon
  • Change the Blend Mode to Screen
Blending Mode Screen
result of screen blend mode
  • Add Motion Blur

Go to Filter > BLur > Motion Blur…

Angled at 75 degrees in this case and the distance will be 75 px

motion blur
after applying motion blur

I have chosen these values as per my image and you may have to chose some other values depending on your image.

Now, we need to adjust the effect and make it more clearer.

  • Add Levels adjustment layer
Levels adjustment layer

Click on the clip mask icon at the bottom of the Levels Properties.

Clip to layer below

Adjust the Black slider to increase black and White slider to increase white. In my case, the Levels have to set to following values as shown in image.

Levels property panel

Result after applying the Levels ajustments.

result after levels adjustments

The result in this case still seems a bit intense. So, I will group the Rain Effect layer and Levels Adjustments layer together.

Group created

Then reduce the opacity of the whole group as you need. I have reduced the group opacity to 70%

Final result of rain effect

You can download the above PSD file here.