How to Create a Rain Photo Effect Action in Adobe Photoshop

Post pobrano z: How to Create a Rain Photo Effect Action in Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing rain photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced rain effect shown below, using just a single click and in only a few minutes, then check out my Dark Knight Photoshop Action.

Action final result

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

2. How to Create the Rain

Step 1

In this section, we are going to create the rain. Go to Layer > New > Layer to create a new layer and name it Temp_1.

Creating new layer

Step 2

Now press D on your keyboard to reset the swatches. Then, go to Edit > Fill and set Contents to Foreground Color, Mode to Normal, and Opacity to 100%.

Filling layer

Step 3

Go to Filter > Noise > Add Noise. Set the Amount to 20% and Distribution to Uniform, and check the Monochromatic option.

Adding noise filter

Step 4

Now go to Filter > Filter Gallery > Artistic > Paint Daubs and set the Brush Size to 5, Sharpness to 0, and Brush Type to Wide Blurry.

Adding paint daubs filter

Step 5

Go to Filter > Filter Gallery > Texture > Grain and set the Intensity to 45, Contrast to 85, and Grain Type to Soft.

Adding grain filter

Step 6

Now go to Image > Auto Tone. Then, go to Image > Adjustments > Threshold and set the Threshold Level to 128.

Adjusting threshold

Step 7

Go to Select > Color Range and set Select to Highlights, Fuzziness to 20%, and Range to 190.

Making selection

Step 8

Now go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 9

Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T on your keyboard and set the Width and Height of the layer to 103% as shown below:

Transforming layer

Step 10

Now go to Filter > Blur > Motion Blur and set the Angle to 45° and Distance to 20 px.

Adding motion blur filter

Step 11

Press Control-J on your keyboard to duplicate this layer. Then, go to Filter > Blur > Gaussian Blur and set the Radius to 0.5 px.

Adding gaussian blur filter

Step 12

Now Control-click on the Temp_1 layer to select both layers at the same time and press Control-E on your keyboard to merge them into one layer. Then, name this layer Rain_1.

Merging layers

Step 13

Press Control-J on your keyboard to duplicate this layer. Then, press Control-T and set the Width and Height of the layer to 135% and the Angle to -1° as shown below:

Transforming layer

Step 14

Now press Control-J on your keyboard twice to duplicate this layer twice. Then, Shift-click on the Rain_1 copy layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 15

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 16

Now press Control-J on your keyboard twice to duplicate this layer twice. After that, Shift-click on the Rain_1 copy 3 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 17

Now go to Filter > Blur > Gaussian Blur and set the Radius to 1 px.

Adding gaussian blur filter

Step 18

Press Control-T on your keyboard and set the Angle to -3° as shown below:

Transforming layer

Step 19

Now press Control-J on your keyboard five times to duplicate this layer five times. Then, Shift-click on the Rain_1 copy 5 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 20

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 21

Now Right-click on the layer mask and choose Apply Layer Mask. Then, Control-click on this layer thumbnail to make a selection of this layer again. After that, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 22

In the Properties panel, set the Density of the layer mask to 80%.

Changing layer mask density

Step 23

Now Right-click on the layer mask and choose Apply Layer Mask. Then, change the Opacity of this layer to 80%, name it Rain_2, and drag it just below the Rain_1 layer in the Layers panel.

Changing opacity

Step 24

Press Control-J on your keyboard to duplicate this layer. Then, drag this layer to the top of the layers in the Layers panel. After that, go to Edit > Transform > Flip Horizontal and then to Edit > Transform Flip Vertical to flip this layer both horizontally and vertically.

Flipping layer

Step 25

Now press Control-T on your keyboard and set the Width and Height of the layer to 150% as shown below:

Transforming layer

Step 26

Press Control-A on your keyboard to make a selection of the whole canvas. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 27

Now Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T and set the Width and Height of the layer to 180% and the Angle to -2° as shown below:

Transforming layer

Step 28

Now go to Filter > Blur > Gaussian Blur and set the Radius to 5 px.

Adding gaussian blur filter

Step 29

Name this layer Rain_3 and drag it just below the Rain_2 layer in the Layers panel.

Arranging layers

Step 30

Now select the Rain_1 layer and go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, press D on your keyboard to reset the swatches and go to Filter > Render > Clouds.

Adding clouds filter

Step 31

Now repeat the previous step for the Rain_2 and Rain_3 layers.

Adding clouds filter

3. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Rain_1 layer, go to Layer > New Adjustment Layer > Curves to create a new selective color adjustment layer and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Now change the Blending Mode of this layer to Overlay and set the Opacity to 21%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 7

Go to Layer > New Adjustment Layer > Hue/Saturation to create a new hue/saturation adjustment layer and name it Overall Saturation.

Creating new hue and saturation adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, set the Saturation to +22.

Adjusting saturation

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Overlay and name it Overall Sharpening.

Changing blending mode

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced rain effect shown
below, using just a single click and in only a few minutes, then check
out my Dark Knight Photoshop Action.

The action will create highly detailed, stunning photo
effects from your photos with no work at all from your side! You simply
brush over your photo with a
color and play the action. It’s really that simple! The action
will do all the work for you, leaving you fully layered and customizable
results that you can further modify.

The action is made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always
create a unique variation of rain, rocks, and textures, so you can create an
unlimited number of
results! The action also creates 20 preset color looks that you can
choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final result

You may also like: