I read through 100 tutorials on rain effects to jumble my way to something that i think looks good. And since people asked how, i thought i would share what i found out in case you can use it. I use Photoshop CE. There is two different ways i discovered of making a decent rain effect, when the sims rain is just not enough yanno? The first is real easy, and anyone can do that, the other demand a little more insight in photoshop. Credit to the sim on the second tutorial goes to sixamsims.

This first way to do rain is the easiest but i think it looks more like a fucking snow storm, but it could of course just be me who can’t get some setting straight. But here’s the basics.

1. Open your image, and you can add some filters and stuff to darken the image if you want night rain, i chose not to do that.

2. Duplicate the background image.

1. remember to stay on the copy layer!!

2. click FILTER -> ADD NOISE

3. set the amount to somewhere between 75 and 80% and keep an eye on the two tick boxes there in the bottom, both needs to be selected. And click OK.

1. select; FILTER -> BLUR -> MOTION BLUR

2. set the angle to which ever side you want the rain to come from, i chose -62.

3. set the distance to something between 20 and 25. And click OK.

4. remember to stay on the damn copy layer!!

1. select your background copy layer (on which you just added all those effects)

2. scroll down the layer types, and select SCREEN

1. Now select FILTER -> DISTORT -> TWIRL

2. play around with the angle, but here i chose 25% and click OK.

And your rain effect will look like this 🙂 As i said, you can add some darkness or whatever to the background image, i didn’t do anything but add the rain layer.

Now the second effect is a little harder to do. So hang in there! 🙂

1. choose a new canvas (files -> new )

2. Make sure the background is black, and the drawing tool is white.

3. draw a little (9 px or larger) white fuzzy dot on the black background.

1. select FILTER -> STYLIZE -> WIND

2. make sure it’s set to wind.

3. choose ‘from left’ and click OK.

1. Now your dot looks like this.

1. Repeat the ‘wind’ effect as described above some times, i did it four until your dot looks somewhat like a comet.


2. make sure the angle is set for 0

3. set the distance somewhere between 20 and 25. And click OK.

1. crop your image a little so it somewhat is the size of the comet. (i’m sure you can do that without my help)

2. choose IMAGE -> ROTATE CANVAS -> 90% CCW

1. And now your comet will be crashing down on earth. *laughs* (the grey is the photoshopbackground, not a part of the actual image)

1. hold in the CTRL + I keys, this will switch the colors like this.


2. Name your brush something less stupid than me. 😉 and click OK.

3. You now have a raindrop brush!

But we want more than one raindrop don’t we?

1. Open the image on which you want to apply the rain.

2. choose the brush tool, and scroll down in the bottom and there you will find your new raindrop brush.

3. Choose your raindrop.

1. With your brush selected, you click F5 on your keyboard to open this window. (Shape dynamics)

2. choose Shape dynamics.

3. Set Size Jitter to 100%

4. Set Angle Jitter to 1%

1. Select Scattering.

2. Set scatter to 1000% (be sure that little box is ticked)

3. Set count to 1 for light rain, and 2 for heavy rain. I chose 2. Basically the higher number here, the more pregnant drops.

4. Set the count jitter to 98%

1. choose Other dynamics.

2. set Opacity jitter to 100%

3. click the little square next to the trashcan in the bottom of the window to save your brush alteration, don’t worry it won’t override the other you made. (Yeah i forgot to make an arrow to that darn thing)

1. When you click the square, you get this box, rename the brush, or go with photoshops suggestion, and click OK.

1. select the brush tool, and scroll down, there you will see your raindrop, and raindrops brushes.

2. select the plural raindrops brush

3. play around with the master diameter as you choose, the less px, the less space there is between the drops, and the smaller the drops are.

1. create a new layer.

2. play around with the opacity, the less %, the less white, and more transparent the drops are.

3. make sure the background color for the brush is white, or you will have a funky color rain.

4. apply the brush to your image.

1. Now we have all the small drops, which i call background rain, but if you want a neat effect of foreground rain, choose your single drop brush.

2. Apply 2 or 4 of those on your image, these are much larger and will make it look like the rain is closer to the screen.

TADA! this is the finished image! 🙂 And as with the other rain image, you can add filters all you want, i chose not to for the sake of this tutorial.

I hope it was understandable.. and i would like to thank all the clever people who figured this out, i just put it together my way, because honestly i found all the tutorials really hard to follow, and PS-geeky. I hope i broke it down some. 🙂


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s