Featured Post

A journey, for Art's sake!

March 11th, 2008  Destination: Bapugoan, Dahanu Village, Maharashtra,...

Read More

How to create “Rain Effect” using Photoshop

Posted by Ansari Yasir | Posted in art, Creativity & Know-you, digital art, Education & Learning, Freebies, Graphic & Animation Softwares, Photoshop tutorials, Popular Web blogs & links, technology, Website Design services | Posted on 21-05-2010

Tags: , , , , , , , , , , , , , , ,

2



In this tutorial, we will learn how to Create Artificial Rain effect on any image.

To begin with select an image to which you want to add rain effect. I have used this image which one of  my colleague has shot while his trip to RIE Mysore. Fig.1

Rain effect

RIE Mysore (Click to Enlarge) -Fig.1.

In this step we will first make a new layer and apply Clouds it.
Make a new layer.
Fig.2

New Layer

New Layer (Click to Enlarge) - Fig.2.

Now go to menu Filter>Render>Clouds
Fig.3

Filters

Cloud Filter (Click to Enlarge) - Fig.3.

With the new layer still selected, reduce the opacity to 70%
Fig.4

Image Opacity reduce

Opacity - Fig.4.

Now we will add some noise to this layer.
Go to menu Filter>Noise>Add Noise
Fig.5

Filter Effect

Add Noise (Click to Enlarge) Fig.5.

Set the value of Amount to 60%
Select Gaussian from Distribution and check Monochromatic
Fig.6

Noise Filter

Filter Noise (Click to Enlarge) Fig.6.

In this step our work is almost 70% done. We will now give some motion blur to the same layer we were working on.
Go to menu Filter>Blur>Motion Blur
Fig.7

Filter

Blur Effect (Click to Enlarge) Fig.7.

Set the angle to 70° and distance to 10 pixels.
Fig.8

Rain Effect

Rain (Click to Enlarge) - Fig.8.

Change the blending mode of this layer to Screen
Fig.9

Blending

Blending Mode - Fig.9.

We have almost through with our work, just we need to give it a final touch by different blends and contrasts.

So first we will flatten the layer on which we were still working on to the image we are using.
Fig.10

Flatten

Flatten Image (Click to Enlarge) - Fig.10.

Now go to menu Image>Auto Levels.  This will make our rain look little more realistic.
Fig.11

Auto Levels

Image Level (Click to Enlarge) Fig.11.

At this stage, You can do some color correction, contrast settings to suit your image style.

Go to menu Image>Adjustments> (Select the option that suits your image style to adjust Contrast/Color etc)

With this, our artificial rain is complete and the image now looks like this
Fig.12

Rain Effect

Final Rain Effect (Click to Enlarge) - Fig.12.

Final Image to compare the Before & After effect:

Final Compare

Rain Effect Before/After (Click to Enlarge)

Hope you liked this tutorial!

Lots more coming your way.

You can also Stay Updated With Us Here: Subscribe For Free

Connect with us On:

Facebook

Twitter

Stumble This

Digg This

Also, do write to us for any queries or views or comments:
admin@techdivine.com

—-

Yasir A

Designer

Techdivine Creative Services

Related Post:

How to create Glowing Lines Tutorial

Part 1 – Photoshop Tutorial – Creating Fire & ICE

Stunning Rays Text Effect in Photoshop

AOL MailAsk.com MyStuffAmazon Wish ListBlinklistBlogMarksBlogger PostBookmarks.frBox.netDiggDeliciousEmailFacebookFriendFeedGabbrGoogle BookmarksGoogle BuzzGoogle ReaderGoogle GmailHotmailLinkedInLiveJournalMixxNetvouzNetvibes ShareMySpaceNewsVinePlaxo PulsePingOrkutPosterousPrintFriendlySegnaloRedditRead It LaterSphereSphinnStumbleUponSquidooTechnorati FavoritesTumblrTwitterTypePad PostWebnewsWinkWordPressYahoo MessengerYahoo MailYahoo BuzzYahoo BookmarksMessengerPrintRediff MyPageFavesBusiness ExchangeShare

Comments (2)

nice job:) thanks for the post.its really interesting

[...] How to Create Rain Effect with Photoshop [...]

Write a comment

Get Adobe Flash playerPlugin by wpburn.com wordpress themes