Pin Me

Creating Digital Rain in Photoshop

written by: Amber Neely•edited by: Amy Carson•updated: 1/1/2013

In every life a little rain must fall, but if you're like me, you probably don't mind! If you love the way rain looks in photographs but are too afraid to take your camera out into them, here I'll show you how to create a realistic rain brush in a matter of minutes and even show you how to use it!

  • slide 1 of 4

    Have you ever taken a picture and thought it would look a little better if it had been raining? Fortunately, it's not terribly hard to fake a very realistic rain effect by creating a custom Photoshop brush! Raining effects are just a few clicks away, as you'll learn how to make a great rain drop brush that can be used to create anything from a light spring shower to a torrential downpour, while still managing to look quite realistic. On top of that, you'll even learn the best way to use this brush on your images by utilizing Photoshop's layer blending mode settings. This tutorial will work great for beginners and seasoned Photoshop users alike, and should work perfectly fine for all versions of Photoshop from 7.0 through current.

  • slide 2 of 4

    Creating a Raindrop

    First and foremost, we're going to create a rain brush. This is incredibly easy, even if you've never created a brush before. We're going to assume that the rain is falling straight down in this method, and the brush can be used for anything from a rain storm to a light, spring drizzle. Besides, by learning to create your own Photoshop brush, raining, snowing, and even starry sky effects are never more than a few seconds away!

    Open up Photoshop and create a new document. You're going to want something around 200 by 200 pixels, which is a good size for a rain drop brush. Make sure your background color is set to white!

    New Document 

    Tap D on your keyboard, which is the Photoshop shortcut to set your foreground and background colors to their default black and white.

    Default Black and White 

    Tap B on your keyboard, which selects the brush tool. Go into your brush panel and select a round, hard edged brush, about 3-5 pixels, depending on how long and thick you want your raindrop to be. I'm just going to use a 3 pixel brush here, though.

    3 Pixel Hard Edge Brush Create a new layer and place a black dot in the center of it with your paint brush.

    Canvas with Dot 

    Now press CTRL+T (Mac users, you'll press CMD+D) - this will bring up your free transform box which looks like this:

    Free Transform Box 

    Holding down ALT and SHIFT, grab the top of your free transform box and pull your raindrop into a more elongated shape, like I've done. You do this by simply pulling straight up!

    Stretch your rain drop 

    Press enter when you're finished, and here's what your result will look like:

    Rain Drop Brush 

    Now simply save your rain drop brush as "rain" or "raindrop" by going into Edit > Define Brush Preset and entering the name into the box.

    Define Brush Preset 

  • slide 3 of 4

    Creating a Realistic Rain Effect

    If you try to use this brush to create a rain effect as is, you'll find that it actually creates a very strange blurry effect. Don't worry, though, as this can easily be changed by Photoshop's Brush settings. These nifty little settings allow you to set everything from scattering and spacing to texture, noise, and more! Not to mention, this panel is very easy to navigate, and I'll show you exactly what settings to change to get the most realistic effect!

    Tap F5 on your keyboard which will open up your Brushes panel. At the bottom it will say "Spacing" - move this slider to 150%


    Now, because we don't want our raindrops to appear all the same size, we're going to change the shape dynamics a little bit. Click on your Shape Dynamics menu item and change these following settings:

    Size Jitter: 100%

    Control: Off

    Minimum Diameter: 0%

    Roundness Jitter: 100%

    Control: Off

    Minimum Roundness: 40%

    Shape Dynamics 

    Now we're going to want to make sure our raindrops fall realistically across our photograph, and to do this, we're going to change a few settings in Scattering. Click on your Scattering menu item and change these settings:

    Scatter: 1000%

    Control: Off

    Count: 1

    Count Jitter: 70%


    Here's what the rain brush currently looks like if you were to draw with it on a plain white canvas!

    Rain Effect 

  • slide 4 of 4

    Applying Your Rain Effect

    Now you can finally open up your image that you would like to add rain to. Keep in mind that you're going to want to find a picture that feels fitting. Don't use a picture of a bright sunny day, or a picture taken indoors. Here's a picture I took a few years ago of a storm rolling into town, shortly before it actually started raining:

    Original Picture 

    First and foremost, create a new layer above your image. If it helps in terms of organization, go ahead and name it "Rain Layer."

    Rain Layer 

    Depending on the time of day and brightness of your picture, the color you select for your rain drop brush might vary a little. However, I find that a light grey usually produces a fantastic and realistic effect! The color I'm using here is #e7e7e9.

    Select Your Rain Color 

    Using your rain brush that you had created in earlier steps, go ahead and begin to swipe it back and forth across your canvas. How much rain you put on your photo is entirely up to you, but I like a light drizzle or medium summery rain more than a downpour. It just feels more realistic. You might want to change the size of your brush to give a little more depth to your rain storm. Here's what mine looks like!

    Scattered Raindrops 

    Now, I know you're probably thinking that it doesn't look terribly realistic yet. Hold on, though, because it will! Now all you have to do is go to your layer panel and change your blending mode from "normal" to "overlay" and change your Layer Fill to about 25% - though your results might be a little different. Don't be afraid to play around with your blending mode settings until you find something you like

    Rain Settings 

    Here's the finished effect (click to enlarge!):

    Rainy Days 


  • All images and information are provided by Amber Neely, who has over a decade experience with Photoshop, and seven years professional experience in graphic design.


Popular Pages