Wednesday, August 21, 2019

PSD Vault

Awesome Photoshop Tutorials

Create Realistic Rain Drop via Brush Tool in Photoshop

In this tutorial, I will show you a quick and clever way to Create Realistic Rain Drop via Brush Tool in Photoshop.  Personally I think this is the most efficient way of creating rainy effect, have a try :)

This is a basic tutorial great for beginners who would like to have a practice on the use of brush tool and various other features.

Here is the effect you’re aiming to achieve:

A practical example can be seen in this image:

No stock image required to achieve this effect.

OK Let’s get started!

Create a new document (size doesn’t really matter here), fill the background with black colour. Create a new layer and grab a 1px, hard round brush:

On the new layer, choose a point, hold down the Shift key and use your mouse/or tablet pen, flick it upwards:

Rotate this layer slightly to the right via Free Transform Tool (Ctrl + T):

Then turn off the background layer, and go to Image > Trim and apply the following trim setting:

After the trim, you will have only the brush area left. Hit Ctrl + A to select the brush layer:

Go to Edit > Define Brush Set and define a brush set, name it “rain brush” and hit ok:

Press F5 and bring up the brush dynamics window, apply the following brush dynamics:

Shape Dynamics



Other Dynamics

and tick the “Airbrush”, “Smoothing”, “Protect Texture” options.

That’s it! Now you can use this brush to paint on a new layer and you will have this rain drop effect below:

Hint: you can also adjust the flow and opacity of the brush to create more depth.


Make sure you save this brush so you can use it in the future.

That’s it for this tutorial! Hope you enjoy this tutorial and find it useful! Till next time, have a great day!

Show More


  • Tom

    The first step doesn’t work for me. How do u get the gradient line? When i flick the mouse there’s only a line with 100% opacity.

  • James Qu
    James Qu

    @Tom, it would be better if you have a tablet – if you use mouse, you need to let go at the very end. You can also use a soft eraser tool to erase the top tip if necessary.

  • Tiago Castro

    @James, that is also a good way to simulate rain on Photoshop. But if you check this tutorial you’ll see a techinque that is a lot more easier to work with even if you not have a tablet pen.

  • HP

    I’m stuck at “Define Brush Preset” due to selected area being empty, and I selected the right layer, ctrl+A the brushstroke with black background hidden.

  • James Qu
    James Qu

    @HP: the brush color can not be #FFFFFF, make sure you use a color like #F2F2F2.
    Hope this helps

  • Blood Breader
    Blood Breader

    stuck at define brush preset. . tried #F2F2F2 aswell

  • Pranaya Shrestha

    use black colour,ctrl+click on the layer…..

Leave a Reply

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