Hey Guys, here’s a new Tip from the quick tips series, in this quick tip Photoshop Tutorial we’ll learn how to create some rain drops using a few simple tools.    

By Supercolor, on September 25, 2012, under Photoshop Tutorials

Final Result Preview


Step 1 – THE New Document and Background

Let’s Start by opening Photoshop and create a new document, I choose 500x500px with a transparent background. Next fill the background with black, go to Edit – Fill – Black.


Next add I added a Gradient Overlay layer style using two blue colours so you can see the rain drops better.


Step 2 – Rain Drops Brush

Now let’s create a brush that we’ll use to create a lot of rain drops at once. Select the Brush (B) then open the Brush window, Window – Brush.

Select a rounded brush of 50px and add some parameters to this brush but don’t hesitate to play around with the parameters:


When you like the result save the brush, in order to do that create a new brush by clicking on the small icon on the bottom right corner of the brush window.


Step 3 – Rain Drops

Select the Brush Tool (B), with the brush we just created and with white for the colour, then on a new layer just paint with the brush.


Next to give this rain drop effect to all those shapes, let’s add some layer styles:


Here you have nice rain drops, in order to save you time and apply this effect to other object or on an other project, save the layer styles you just applied as a new new style, in the layer style box just click on the New Style button on the right, then in order to use this style, you’ll find it in the Styles window, Window - Styles


Here’s we have some nice realistic rain drops just using some layer styles and a custom brush.

Feel free to post a link to your creations, I hope you’ve learned some new tips in this quick tip.