EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

Rain Effect in Photoshop

Home » Design » Design Tutorials » Photoshop Tutorial » Rain Effect in Photoshop

Rain Effect In Photoshop

What is Rain Effect in Photoshop?

Photoshop can be used for creating stunning visual effects and transform the image according to the creator’s concept and numerous 2D and 3D artists and video editors in gaming studios use Photoshop to enhance the visual quality, you can create an effect such as rain with ease using Photoshop but for that, the user must get familiarized with the various concepts and steps involved in the process and learn to create other effects such as snow, smoke, destruction, color contractions and adjustments.

How to Create Rain Effect in Photoshop?

To create a rain effect on an image, selection of image also plays importance to have the effect applied and look natural. So select an image suitable for the effect. So we are going to apply an effect to the below image.

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Step 1 Rain effect

Step #1: Add a New Layer

Open Photoshop and load the image and add a new layer by the options present on right bottom corner or use short cut Ctrl + Shift and N together to load new layer on layers pane and rename the new layer by double-clicking on its name as Rain to apply all the effects on it.

Rain effect Step 2

Click on ok or enter once the renaming is completed.

Rain effect Step 1.3

Step #2: Fill the new layer with Black

Now we are going to apply all our attribution to the new layers so that our original remains safe. Now we have to fill the layer with black color. Go up to Edit and select fill option a new dialog box opens with fill property details to select.

Edit -> Fill

Short cut: Shift+ F5

Rain effect Step 2.1

From the fill dialogue box, we have used the drop-down to select multiple options, select Black from the drop-down window. By maintaining the Opacity 100% and Mode as Multiple as default.

Rain effect Step 2.2

After doing this we can see the complete layer is filled with black color as below image.

Popular Course in this category
Photoshop Training (9 Courses, 12+ Projects)9 Online Courses | 12 Hands-on Projects | 78+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.9 (7,029 ratings)
Course Price

View Course

Related Courses
Adobe Premiere Pro Tutorial (2 Courses, 7+ Projects)All in One Design Bundle (280+ Courses, 100+ projects)

Rain effect Step 2.3

Step #3: Apply Noise Filter

To create a rain effect we use the Add noise option in Photoshop to get white drops to look on the image as raindrops. To do this we need to click on Filter from the menu bar and place mouse arrow on noise by doing this Noise sub-option will be opened select Add Noise to the layer.

Filter ->Noise -> Add Noise

Rain effect Step 3.1

By adding noise a noise dialoged box opens where we have to change a few properties like the Amount of Percentage must be 25%, Distribution Mode to Gaussian, and Monochromatic Enabled.

Amount 25%, Distribution – Gaussian and Monochromatic Enabled.

By doing this the layer will be filled with dots to continue with the next process.

Rain effect Step 3.2

Step #4: Scale and Link Layer Width and Height.

Next Go to Edit click on transform and select scale. We can see the few options appearing below the menu bar.

Edit ->Transform -> Scale.

Rain effect Step 4.1

In the options bar click link ( – ) which is between Width and Height values. And based on the size of the image the rain layer weighs dots that can be scaled by changing the values in Width and Height. The frequently used Height and weight values are 400/400 200/200 etc as required. For this image, we are going to get the height and width as 400 each.

Rain effect Step 4.2

Click on the tick mark which is present at the right corner to apply the changes.

 Rain effect Step 4.3

Step #5: Change the Blend Mode to Screen

Till now the Rain layer which we are editing it in Blend mode so change the mode to screen so that the below layers will be visible under the layer. All the solid black color disappears and below layer which is our source image with white Color drops on it will be visible.

Layers -> Drop down -> Screen

Rain Effect step 5.1

Step #6: Change the Rain layer to Smart Object

We need to add dynamics to the white drops so that they look as real falling rain so for this select the 3 line which is present in the layer window at the right corner and clicks the option as a smart object.

= -> Convert to smart object

Rain Effect step 6.1

Step #7: Applying Motion Blur as a Filter.

After applying the smart object to the rain layer we can see a preview thumbnail appearing to layer.

step 7.1

Go to filters move the cursor to Blur and select the motion blur option to add motion the white dots. To get the raindrops falling feel to the layer.

Filter -> Blur -> Motion Blur.

step 7.3

The motion blur dialog box opens which must be configured as a required moment of drops on the image. Few properties are

Angle: – 65 Degrees

Distance (b/w Pixel to Pixel):- 75 Pixels

These and be varied based on the look and appearance on image manually check and preview twice then click ok.

step 8.1

Motion configured will be added to the layer below as shown in the image, then can be changed by double-clicking the Motion dialog boxes opens, and then we can rearrange the values as required.

step 8.0

Step #8: Adding and adjusting levels of the layer.

To adjust and reduce the amount of rain and color attributions like brightness and contrast effects can be changed on the image using this option.

Select Rain layer and press Alt key in win / Option on Mac from keyboard to create the New Adjustment layer. At the bottom of the layer pan also we can click and get it directly.

New Adjustment layers -> Level.

Enable Use previous layer to create a clip mask option.

step 8. 2

The new adjustment layer for the level adjustment rain layer creates.

step 8.3

Step #9: Adjusting Level slider points

A new Level layer creates and will be linked with the rain layer below to it double click on the new layer to open the dialog box of a level.

step 9.1

We have three points for level adjustments so we can move the first and last points (black and white sliders) closer to each other slightly by checking the changes happening as moved. And fix the levels at the exact required range. So that we can get the look and feel of the rain following from an angle with a certain speed.

 step 9.2

The Level mask and motion blur can be adjusted at any time to get the exact output. Once the image is final we can export or save it in .jpg or .png as require. Beginners need repeated practice to get habituated.

Final image of Rain Effect

Conclusion

By these, we have the rain effect to a photo. The same steps can be followed for multiple effects on Photoshop. Users must understand the step by step attributions and their impact on an image to get the effect before getting the output. Try this for multiple images to get hands-on practice.

Recommended Articles

This has been a guide to the Rain Effect in Photoshop. Here we discuss how to create the rain effect in an image with the help of photoshop. You can also go through our other suggested articles to learn more –

  1. Sharpen Tool in Photoshop
  2. Custom Shape Tool in Photoshop
  3. Adobe Photoshop Tools
  4. Vanishing Point in Photoshop

Photoshop Training (9 Courses, 12+ Projects)

9 Online Courses

12 Hands-on Projects

78+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

1 Shares
Share
Tweet
Share
Primary Sidebar
Photoshop Tutorial
  • Effects
    • Text Effects in Photoshop
    • Metal Text Effect in Photoshop
    • Reflection Effect in Photoshop
    • Snow Effect in Photoshop
    • Mirror Effect in Photoshop
    • Motion Effect in Photoshop
    • Oil Paint Filter in Photoshop
    • Plastic Effect in Photoshop
    • Rain Effect in Photoshop
    • Gold Text Effect in Photoshop
    • 3D Text in Photoshop
    • 3D Text Effect in Photoshop
    • Clipping Mask in Photoshop
    • Fill Color in Photoshop
    • Delete Background in Photoshop
    • Transparent Text in Photoshop
    • Make Logo in Photoshop
    • Blend Images in Photoshop
    • Website Layout in Photoshop
    • Change Hair Color in Photoshop
    • Change Color in Photoshop
    • Highlight Text in Photoshop
    • Change Text Color in Photoshop
    • Change Shirt Color in Photoshop
    • Filters in Photoshop
    • Portrait Effect in Photoshop
    • Fire Effect in Photoshop
    • Ice Effect in Photoshop
    • Metallic Effect Photoshop
    • Photoshop Font Effects
    • Glow Effects in Photoshop
    • Tree Brush Photoshop
    • Shiny Effect Photoshop
    • Morphing in Photoshop
    • Dispersion Effect in Photoshop
    • Photoshop Distort Effect
    • Typography in Photoshop
    • Photoshop Cinemagraph
    • Glitch Effect in Photoshop
    • Photoshop Straighten Image
    • Stamp Effect in Photoshop
    • Warp Image Photoshop
    • Fix Perspective in Photoshop
    • Vanishing Point in Photoshop
    • Fisheye Effect in Photoshop
    • Distortion Effect Photoshop
    • Resize Object in Photoshop
    • How to Paint in Photoshop?
    • How to Print in Photoshop?
    • Perspective Correction in Photoshop
    • Photoshop Sun Effect
    • Photoshop Gold Gradient
    • Night Effect in Photoshop
    • What is Masking
    • Photoshop Polaroid
    • Pixel Effect Photoshop
    • Vaporwave Photoshop
    • Vintage Effect Photoshop
    • Templates in Photoshop
    • MP4 to GIF Photoshop
    • Photoshop Cheat Sheet
  • Basic
    • Introduction to Photoshop
    • What is Photoshop
    • Career in Photoshop
    • Install Adobe Photoshop
    • Plugins in Photoshop
    • Photoshop Versions
    • Uses Of Photoshop
    • Adobe Photoshop Shortcut Keys
    • Adobe Photoshop Commands
    • Adobe Photoshop
    • Is Photoshop Free
    • Top 10 Features in Adobe Photoshop
    • Layers in Photoshop
    • 10 Free UI Kits For to Download
    • Smart Objects in Photoshop
  • Tools
    • Adobe Photoshop Tools
    • Clone Stamp Tool in Photoshop
    • Eraser Tool in Photoshop
    • Selection Tool in Photoshop
    • Blur Tool in Photoshop
    • Eyedropper Tool in Photoshop
    • Move Tool in Photoshop
    • Paint Bucket Tool in Photoshop
    • Patch Tool in Photoshop
    • Pencil Tool in Photoshop
    • Line Tool in Photoshop
    • Color Replacement Tool in Photoshop
    • Background Eraser Tool in Photoshop
    • Burn Tool in Photoshop
    • Custom Shape Tool in Photoshop
    • Magic Wand Tool in Photoshop
    • Quick Selection Tool in Photoshop
    • Red Eye Tool in Photoshop
    • Ruler Tool in Photoshop
    • Sharpen Tool in Photoshop
    • Smudge tool in Photoshop
    • Sponge Tool in Photoshop
    • Rectangle Tool in Photoshop
    • Lasso Tool in Photoshop
    • Adobe Photoshop Elements tools
    • Photoshop Mixer Brush Tool
    • Watercolor Brushes in Photoshop
    • Artboard in Photoshop
    • Crop Tool in Photoshop
    • Healing Brush Tool in Photoshop
    • Transform Tool Photoshop
  • Interview Questions
    • Photoshop Interview Questions

Related Courses

Photoshop Training Course

Adobe Premiere Pro Training Course

Design Training Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2020 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA Login

Forgot Password?

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you
Book Your One Instructor : One Learner Free Class

Let’s Get Started

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

Special Offer - Photoshop Training (9 Courses, 12+ Projects) Learn More