Flash Tutorials
& Resources
Dreamweaver
Tutorials
Fireworks &
Illustrator Tutorials
Photoshop
Tutorials
Web Design
Tutorials & Resources
CSS
Tutorials
CorelDraw
Tutorials
You are here : : Home > Free Resources > Photoshop Tutorials > Rain Effect  


New Photoshop Tutorials

Image Effects

Text Effects

Designing

Others

Free Photoshop Resources

Photoshop Tutorials from our Blog

Other Photoshop Tutorials

Other Photoshop Resources

Rain Effect in Photoshop

In this tutorial, we will learn how to create a realistic rain effect in Photoshop. You will also learn how to create a reflection and a water splash effect.

Rain Effect

Tutorial Details

Program: Photoshop CS5

Estimated Completion Time: 20-30 Minutes

Tutorial Assets

The following assets were used during the production of this tutorial.

Now we have everything we need, so let’s start.

Step 1

Create a new document with Width 1400px and Height 1200px.

 1

Step 2

First of all, open the image on which you want to apply the rain effect. Click Ctrl+ A to select the image, then press Ctrl+ C to copy it. Finally, go to the new document and click on Ctrl+ V to paste this image in a new layer. Press Ctrl+ T to resize according to your requirement.

 2

Step 3

Firstly, we’ll create rain then its detailing. To do so, create a new layer above the image layer. Fill it with # 000000 color using ‘paint bucket tool’ and label it as ‘rain1’. Then go to Filter> Add noise and use the following values.

 3

Step 4

After that, go to Filter> Blur> Motion blur and use the following settings. You can adjust the angle depending upon in which direction you want to display the rain.

 4

Set the blending mode of this layer to ‘screen’.

 4b

Step 5

Create a new layer at the top, label it as ‘rain2’. Fill it with # 000000 color using ‘paint bucket tool’. Then go to Filter> Add noise and use the following settings here.

 5

Step 6

After that, go to Filter> Blur> Motion blur and use the following values. Keep the angle same as of rain1 layer but reduce the distance to make clearer and thicker rain impact as rain2 is going to serve as front rain layer.

6

Set the blending mode of this layer to ‘screen’ and opacity as 70%.

 6b

Step 7

Next, we’ll create patchy reflection of water on the road. For this, go to Layer> Duplicate layer to preserve original image and now we’ll work on its copy.

Select the ‘quick selection tool’ to make selection of the road. You can also use ‘pen tool’ to make selection.

 7

After that, click on the ‘Add layer mask’ icon present at the bottom of the layers panel. Road should appear white in the mask and rest of the area in black.

 7b

Step 8

Now click on the chain shape visible between the image copy and layer mask to unlink both. After that, click on the thumbnail of the image on this layer and then go to Edit> Transform> Flip vertical. Use the ‘move tool’ to position the reflection correctly.

 8

Step 9

Next, go to Layer> Layer mask> Apply. Then again go to Layer> Layer mask> Hide all. Now select the ‘eraser tool’ and erase patches on the road. You will get reflection on the area you erase by doing so.

9

Step 10

Now we’ll create rain spatter effect. Create a new layer below rain1 and rain2 layers. Set # ffffff as your foreground color. Select the soft round brush tool and open the brush panel, use the following settings here.

 10

Now apply the brush on the bench to show rain drops are bouncing off and on the road. Reduce the opacity of this layer to 60%.

 10b

Step 11

Create a new layer below ‘rain spatter layer’. Use the water splash brushes nicely on the road. You can use these brushes in 2-3 layers in patches to edit them easily in order to make any adjustments later on. Here we’ll use splash brushes on the side roads as well, which are not clearly visible though in our image. After we are done with the water splash effect, collect water splash layers in a group.

 11

Step 12

Now change the blending mode of this water splash group to ‘Linear dodge (add)’ and reduce opacity to 60%. That’s it. We are all done here with the rain effect.

Rain Effect in Photoshop

Hope you guys enjoyed learning this realistic rain effect. We’ll be waiting for your feedback.

Rainy Day Action

Here is a ready-made rainy day action that is available for purchase, you can apply this action to your photography and get a rainy effect within a few seconds!

Rainy Day Action - GraphicRiver Item for Sale


Now building a website is as easy as 1-2-3!

Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!

No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.


best psd templates

Free HTML5 Website

Latest Photoshop Tutorials & Resources

Create a Polaroid Photo Collage Using Photoshop CS6

How to Create a Polaroid Photo Collage Using Photoshop CS6

Dazzling Photo Effect Templates in Photoshop

dazzling photo effect templates in photoshop

Create a Fantasy Photo Manipulation in Photoshop

Create a Fantasy Photo Manipulation in Photoshop

Learn how to create a circular photo collage in Photoshop

Learn how to create a circular photo collage in Photoshop

100 Stunning Photoshop Text Effects & Styles

Stunning Photoshop Text Effects & Styles

Vintage Image Effect in Photoshop

Learn How to Create a Cool Vintage Effect in Photoshop

Create a Print Ready Business Card in Photoshop

http://blog.entheosweb.com/tutorials/learn-how-to-create-a-print-ready-business-card-in-photoshop

Amazing Collage Templates in Photoshop

Amazing Collage Templates in Photoshop

 

Featured Template
Template # 51213
Type: Responsive JavaScript Animated
Price: $69