Adding Rain Effect in a Picture Using Photoshop

In this tutorial, we will see how to add Rain Effects in a picture using Adobe Photoshop. Various filters will be used to achieve the desired result , however the most important of among them is Noise Filter, so use it very carefully. I am using Photoshop CC for creating this tutorial.

Here is our image in which we will add Rain Effects:

image

STEPS

1. Addition of A New Layer.
To add a new layer, hold the Alt key on keyboard and click on the New Layer icon in the Layers Pallete.

image

A New Layer dialog box will appear. Name the layer “Rain”, then click OK to make a new layer.

image

A new layer with a name Rain appears.

image

2. Fill The “Rain Layer” with Black color.
Go to Edit in the Menu Bar and choose Fill.
This opens a dialog box. Make the color to Black. Make the Mode to Normal and Opacity should be 100%. Click OK to done it.

image

Photoshop will fill the “Rain layer” with black. This will hide the image.

image

3. Apply a Filter named ”Noise”.

Go to Filter menu at the top of the screen, then click on Noise Filter, then click on Add Noise.

image 

Adjust the Amount value to 25%. Select Gaussian and select Monochromatic by clicking its checkbox.

image

4. Now we have to Scale “Rain” Layer To 400%.
The noisy white dots we added will become the rain, but they’re so small now. We have to make them bigger or larger. Go to Edit, click on Transform, then click Scale to choose it.

image

With Scale selected, click on link icon which is in between Width (W) and Height (H) options. It is use to link Width and Height together. Due to this, if we change the value of one, it will occur in changing the value of other.

image

Make the value of Width to 400%. Automatically value of Height will be changed to 400% as well. Click on the Tick to do it.

image

5. Changing The “Blend Mode” To Screen Mode

image

The Screen blend mode will hide all areas of black in the noise filter, leaving the white dots and our image visible .

image

6. We will now converting “Rain Layer” into a “Smart Object”.

With Rain layer selected, click on the small menu drop down icon in the top right corner of Layers Pallete.

image

Click on Convert to Smart Object in the menu that appears on clicking.

image

A small Smart Object icon will appear on the lower right corner of the Rain Layer’s thumbnail.

image

7. Applying the “Motion Blur” Filter.

Go to Filter menu, click on Blur, then click on Motion Blur.

image

This opens a dialog box. We have to set the direction of the rain by setting angle to -65° but different pictures need different angles. Then use the Distance option to set the amount of motion blur. Set it to a value of 75 pixels.

image

Click OK after setting. Image will look like this.

image

A Motion Blur filter will appear beneath the Smart Filter below the Rain Smart Object.

image

8. Adding A Adjustment Layer named “Levels”.

Hold the Alt key on your keyboard and click on the New Adjustment Layer icon at the extreme bottom of the Layers Pallete.

image

A New Layer dialog box will appear. There’s no need to change the name but select the Use Previous Layer to Create Clipping Mask option.  

image

We will see a new Levels adjustment layer (Levels 1) just above the Rain layer. The adjustment layer has a small arrow pointing down at the Rain layer below it. This shows that the adjustment layer is attached to the Rain layer.

image

9. Dragging The Black And White Point Sliders in a pop up properties dialog box.
Look below the histogram, there are three little sliders. The one on the left, filled with black, is called the black point slider. On the right, filled with white, is called the white point slider.

image

Click on the black point slider and drag it towards the right side. Due to this, the darkest areas of rain will become even darker. Then click on the white point slider and drag it towards the left side. Due to this, brightness and contrast of the rain increases.

image

Image will look like this after we drag the sliders.

image

10. Re-Adjusting The Motion Blur Settings Or Levels Settings according to the need.
Double-click on the Motion Blur Smart Filter in the Layers Pallete.

image

As we see, initial Distance value of 75 pixels was low. We will increase it to 150 pixels.

image

The above changing may require us some further adjustments to the black point sliders and white point slider in Levels Layer.
For this, click on the Levels adjustment layer in the Layers panel.

image

Drag the black point slider and white point slider as needed and adjust the contrast.

image

After that, we will get our final rain effect.

image

BEFORE:

image

AFTER:

image

Tags: , , , , , , , , , ,

Author: Revo

Share This Post On

Submit a Comment

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

fourteen − 4 =

 

Pin It on Pinterest

Shares
Share This