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 :)

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: http://www.flickr.com/photos/patrickmonkel/5131176801/in/pool-969234@N23/

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

 

Scattering

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!

  1. 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.

  2. @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.

  3. 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.

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

Leave a Reply

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