{"id":3686,"date":"2021-01-14T00:01:38","date_gmt":"2021-01-14T05:01:38","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=3686"},"modified":"2022-11-05T11:35:52","modified_gmt":"2022-11-05T15:35:52","slug":"photoshop-weather-effects-rain","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/","title":{"rendered":"How to Add Rain to a Photo with Photoshop"},"content":{"rendered":"<div class=\"featured-image\" style=\"padding-bottom:12px;\"> <img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/add-rain-effect-photoshop-tutorial-f.jpg\" alt=\"How to create a falling rain effect in Photoshop tutorial\" width=\"853\" height=\"448\" \/> <\/div>\n<div class=\"summary-novideo\">\n<p>Learn how to add rain to your photos without getting your camera wet by creating the rain effect in Photoshop!<\/p>\n<\/div>\n<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this tutorial, I show you how to add rain to a photo with Photoshop! Adding rain to an image can be a great way to add drama or set the mood. And by creating it in Photoshop, there's no risk of bad weather damaging your camera. <\/p>\n<p>Creating rain is easy thanks to Photoshop's filters. And I'll show you how to keep the effect editable so you can experiment with the amount of rain, and the direction the rain is falling from, to find the settings that work best.<\/p>\n<p>I'm using Photoshop 2021<\/a> but any recent version will work. You can <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fphotoshop.html\" title=\"Get Photoshop\" target=\"_blank\" rel=\"noopener\">get the latest Photoshop version here<\/a>.<\/p>\n<p>Here's an example of what the final rain effect will look like when we're done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/falling-rain-effect-photoshop.jpg\" alt=\"A rain effect created in Photoshop.\" width=\"700\" height=\"477\" \/>\n<div class=\"image-desc\">The final effect.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>Let's get started!<\/p>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h3>The document setup<\/h3>\n<p>You can follow along by opening any suitable image into Photoshop. I'll use <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fstock.adobe.com%2Fstock-photo%2Fsexy-blonde-woman-with-ubrella%2F57212554\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener\">this image from Adobe Stock<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/original-photo.jpg\" alt=\"The original photo before the rain effect is added.\" width=\"703\" height=\"480\" \/>\n<div class=\"image-desc\">The original photo.<\/div>\n<p>In the <a href=\"\/basics\/layers\/layers-panel\/\" title=\"Learn more about Phtoshop's Layers panel\">Layers panel<\/a>, the image appears on the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/layers-panel-photoshop.png\" alt=\"Photoshop's Layers panel showing the photo on the Background layer.\" width=\"271\" height=\"316\" \/>\n<div class=\"image-desc\">Photoshop's Layers panel.<\/div>\n<p><a href=\"\/basics\/opening-images-photoshop\/\" title=\"Learn how to open images into Photoshop\">Related: Learn how to get your images into Photoshop<\/a><\/p>\n<h3>Step 1: Add a new blank layer above the image<\/h3>\n<p>To keep the rain effect separate from the original image, we'll add the rain on its own <a href=\"\/photoshop-layers-learning-guide\/\" title=\"Learn more about layers in Photoshop\">layer<\/a>.<\/p>\n<p>Click the <strong>Add New Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/add-new-layer.png\" alt=\"Clicking the Add New Layer icon in Photoshop's Layers panel\" width=\"269\" height=\"180\" \/>\n<div class=\"image-desc\">Clicking the <q>Add New Layer<\/q> icon.<\/div>\n<p>A new blank layer named <q>Layer 1<\/q> appears above the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/new-layer-added.png\" alt=\"The Layers panel showing the new Rain layer.\" width=\"269\" height=\"208\" \/>\n<div class=\"image-desc\">The new layer is added.<\/div>\n<p>Double-click on the name <q>Layer 1<\/q> and rename it <q><strong>Rain<\/strong><\/q>. Then press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on your keyboard to accept it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/layer-renamed-rain.png\" alt=\"Changing the name of the new layer to Rain\" width=\"269\" height=\"208\" \/>\n<div class=\"image-desc\">Renaming the new layer.<\/div>\n<h3>Step 2: Fill the new layer with black<\/h3>\n<p>Fill the new layer with black by going up to the <strong>Edit<\/strong> menu in the Menu Bar and choosing <strong>Fill<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/choose-fill-commmand-photoshop.png\" alt=\"Selecting the Fill command from the Edit menu in Photoshop.\" width=\"324\" height=\"105\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Fill.<\/div>\n<p>In the Fill dialog box, change the <strong>Contents<\/strong> to <strong>Black<\/strong>, and then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/fill-contents-black.png\" alt=\"The Fill dialog box in Photoshop.\" width=\"361\" height=\"202\" \/>\n<div class=\"image-desc\">Changing the Contents option to Black.<\/div>\n<p>Photoshop fills the layer with black, which temporarily hides the image below it from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/rain-layer-filled-black.png\" alt=\"The document after filling the Rain layer with black.\" width=\"697\" height=\"475\" \/>\n<div class=\"image-desc\">The document after filling the &quot;Rain&quot; layer with black.<\/div>\n<h3>Step 3: Apply the Add Noise filter<\/h3>\n<p>Go up to the <strong>Filter<\/strong> menu, choose <strong>Noise<\/strong>, and then choose <strong>Add Noise<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/choose-add-noise-filter-photoshop.png\" alt=\"Selecting the Add Noise filter from Photoshop's Filter menu\" width=\"525\" height=\"106\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Noise &gt; Add Noise.<\/div>\n<p>The Add Noise filter adds random dots, or <q>noise<\/q>, to the layer. And we'll turn these dots into our raindrops.<\/p>\n<p>Set the <strong>Amount<\/strong> value to <strong>25&#37;<\/strong> and choose <strong>Gaussian<\/strong> for the distribution. Limit the dot colors to black and white by selecting <strong>Monochromatic<\/strong> at the bottom. Then click OK to close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/add-noise-filter-photoshop.png\" alt=\"The Add Noise dialog box\" width=\"336\" height=\"461\" \/>\n<div class=\"image-desc\">The Add Noise options.<\/div>\n<p>Photoshop fills the layer with noise. The dots are too small at the moment, so we'll fix that next:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/noise-added-rain-layer.jpg\" alt=\"The Rain layer after applying Photoshop's Add Noise filter\" width=\"697\" height=\"475\" \/>\n<div class=\"image-desc\">The &quot;Rain&quot; layer after filling it with noise.<\/div>\n<h3>Step 4: Scale the noise by 400%<\/h3>\n<p>To make the dots bigger, go up to the <strong>Edit<\/strong> menu, choose <strong>Transform<\/strong>, and then choose <strong>Scale<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/select-scale-command-photoshop.png\" alt=\"Selecting the Scale command in Photoshop.\" width=\"589\" height=\"136\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Transform &gt; Scale.<\/div>\n<p>In the Options Bar, click the <strong>link icon<\/strong> between the <strong>Width<\/strong> (<strong>W<\/strong>) and <strong>Height<\/strong> (<strong>H<\/strong>) values:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/link-icon.png\" alt=\"Linking the Width and Height options in Photoshop's Options Bar.\" width=\"393\" height=\"101\" \/>\n<div class=\"image-desc\">Linking the Width and Height.<\/div>\n<p>Change  the Width to <strong>400&#37;<\/strong>. Since the Width and Height are linked together, Photoshop sets the Height to 400&#37; to match:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/scale-width-height-400percent.png\" alt=\"Increasing the Width and Height tp 400%.\" width=\"393\" height=\"101\" \/>\n<div class=\"image-desc\">Increasing the Width and Height to 400%.<\/div>\n<p>Then click the <strong>checkmark<\/strong> in the Options Bar to accept it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/checkmark.png\" alt=\"Clicking the checkmark in the Options Bar.\" width=\"277\" height=\"101\" \/>\n<div class=\"image-desc\">Clicking the checkmark.<\/div>\n<p>And now the dots are much bigger:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/noise-scaled-400percent.jpg\" alt=\"The noise after scaling the width and height by 400 percent.\" width=\"697\" height=\"475\" \/>\n<div class=\"image-desc\">The noise after scaling the width and height by 400%.<\/div>\n<p><a href=\"\/basics\/transform-and-warp-images-with-free-transform-in-photoshop-cc-2019\/\" title=\"Learn how to use Free Transform in Photoshop\">Related: How to scale, rotate, distort and more with Free Transform<\/a><\/p>\n<h3>Step 5: Crop away the hidden areas<\/h3>\n<p>The problem with making the contents of the <q>Rain<\/q> layer so much bigger is that we've also made the document's <a href=\"\/basics\/how-to-resize-images-in-photoshop-complete-guide\/\" title=\"Learn how to resize images in Photoshop\">file size<\/a> much bigger. And the added size could slow Photoshop's performance to a crawl as we move through the remaining steps. So to reduce the file size, we need to crop away all the noise that now extends outside the canvas (the viewable area of the document) and into  the gray pasteboard area surrounding it.<\/p>\n<p>To do that, go up to the <strong>Select<\/strong> menu and choose <strong>All<\/strong>. A selection outline appears around the edges of the canvas:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/select-all-command.png\" alt=\"Choosing the Select All command.\" width=\"289\" height=\"113\" \/>\n<div class=\"image-desc\">Going to Select &gt; All.<\/div>\n<p>Go up to the <strong>Image<\/strong> menu and choose <strong>Crop<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/select-crop-command-photoshop.png\" alt=\"Choosing the Crop command from Photoshop's Image menu.\" width=\"273\" height=\"110\" \/>\n<div class=\"image-desc\">Going to Image &gt; Crop.<\/div>\n<p>And then remove the selection outline by going back to the <strong>Select<\/strong> menu and choosing <strong>Deselect<\/strong>. Everything outside the canvas is now cropped away:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/deselect-command-photoshop.png\" alt=\"Choosing the Deselect command from Photoshop's Select menu.\" width=\"288\" height=\"118\" \/>\n<div class=\"image-desc\">Going to Select &gt; Deselect.<\/div>\n<p><a href=\"\/basics\/cropping-images-in-photoshop-complete-lesson-guide\/\" title=\"Learn how to crop images in Photoshop\">Related: My complete guide to cropping images in Photoshop<\/a><\/p>\n<h3>Step 6: Convert the Rain layer into a smart object<\/h3>\n<p>In a moment, we'll turn the noise into falling rain using Photoshop's Motion Blur filter. But to keep the filter settings editable, we'll apply Motion Blur as a <a href=\"\/basics\/how-to-use-smart-filters-in-photoshop\/\" title=\"Learn about smart filters in Photoshop\">smart filter<\/a>. And to do that, we first need to convert the <q>Rain<\/q> layer into a <strong>smart object<\/strong>.<\/p>\n<p>In the Layers panel, make sure the <q>Rain<\/q> layer is selected. Then click the <strong>menu icon<\/strong> in the upper right of the panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/layers-panel-menu-icon.png\" alt=\"Clicking the Layers panel menu icon in Photoshop\" width=\"279\" height=\"215\" \/>\n<div class=\"image-desc\">Clicking the Layers panel menu icon.<\/div>\n<p>And choose <strong>Convert to Smart Object<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/convert-to-smart-object.png\" alt=\"Choosing the Convert to Smart Object command from Photoshop's Layers panel menu\" width=\"307\" height=\"120\" \/>\n<div class=\"image-desc\">Choosing <q>Convert to Smart Object<\/q>.<\/div>\n<p>An icon appears in the layer's preview thumbnail, telling us that the layer is now inside a <a href=\"\/basics\/how-to-edit-and-replace-smart-object-contents-in-photoshop\/\" title=\"Learn how to edit smart objects in Photoshop\">smart object<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/smart-object-icon.png\" alt=\"The smart object thumbnail in the layer's preview thumbnail.\" width=\"269\" height=\"170\" \/>\n<div class=\"image-desc\">The smart object icon.<\/div>\n<h3>Step 7: Change the Blend Mode to Screen<\/h3>\n<p>To blend the noise in with the image, change the <strong>blend mode<\/strong> of the <q>Rain<\/q> smart object from Normal to <strong>Screen<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/smart-object-icon.png\" alt=\"Changing the layer blend mode from Normal to Screen.\" width=\"269\" height=\"170\" \/>\n<div class=\"image-desc\">Changing the layer blend mode to Screen.<\/div>\n<p>The <a href=\"\/photo-editing\/layer-blend-modes\/screen\/\" title=\"Learn more\">Screen blend mode<\/a> hides all areas of black, leaving only the white dots visible:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/rain-effect-screen-blend-mode.jpg\" alt=\"The rain effect after changing the blend mode to Screen.\" width=\"700\" height=\"477\" \/>\n<div class=\"image-desc\">The effect after changing the blend mode to Screen.<\/div>\n<p style=\"padding-top:12px;\"><a href=\"\/photo-editing\/layer-blend-modes\/intro\/\">Related: Learn Photoshop's five essential blend modes<\/a><\/p>\n<h3>Step 8: Apply the Motion Blur filter<\/h3>\n<p>To turn the dots into falling rain, we'll add motion to them using the Motion Blur filter. <\/p>\n<p>Go up to the <strong>Filter<\/strong> menu, choose <strong>Blur<\/strong>, and then choose <strong>Motion Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/select-motion-blur-filter-photoshop.png\" alt=\"Selecting the Motion Blur filter in Photoshop.\" width=\"500\" height=\"204\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Blur &gt; Motion Blur.<\/div>\n<p>In the Motion Blur dialog box, set the direction of the rain using the <strong>Angle<\/strong> value. You can enter a value directly  or click and drag the dial to rotate it. I'll set my angle to <strong>65&deg;<\/strong>. <\/p>\n<p>Then set the <strong>Distance<\/strong> of the motion blur. Drag the slider along the bottom to change the value and preview the results in your image. I'll set the distance to <strong>75 pixels<\/strong>, but the value that works best for your image will depend on its size.  Don't worry about getting it exactly right for now because  I'll show you how to change the value later if needed. <\/p>\n<p>Click OK when you're done to close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/motion-blur-filter-photoshop.png\" alt=\"The Motion Blur options.\" width=\"330\" height=\"397\" \/>\n<div class=\"image-desc\">The Motion Blur options.<\/div>\n<p>And here's the result with the motion blur applied:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/rain-effect-motion-blur.jpg\" alt=\"The rain effect after applying the Motion Blur filter to the noise.\" width=\"700\" height=\"477\" \/>\n<div class=\"image-desc\">The rain effect after applying a motion blur to the noise.<\/div>\n<p>In the Layers panel, Motion Blur appears listed as a smart filter below the smart object. We'll come back to this later:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/motion-blur-smart-filter.png\" alt=\"Photoshop's Layers panel showing the new Motion Blur smart filter\" width=\"270\" height=\"222\" \/>\n<div class=\"image-desc\">Smart filters are listed below their smart object.<\/div>\n<h3>Step 9: Scale the Rain smart object to 110&#37;<\/h3>\n<p>So far so good, except for one problem. The motion blur effect along the edges of the image, especially along the top and bottom, doesn't look right.<\/p>\n<p>It's a bit hard to see in the screenshot, but if I zoom in on the top of my image, notice that the effect appears brighter just below the edge. The reason is that we cropped away all the noise outside the canvas, so the Motion Blur filter bumped up against the edge and had nowhere to go:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/motion-blur-edges.jpg\" alt=\"The edges of the image don't look right after applying the Motion Blur filter\" width=\"700\" height=\"398\" \/>\n<div class=\"image-desc\">The edges were a problem for the Motion Blur filter.<\/div>\n<p>The solution is to scale the noise just enough to move those problem areas outside the canvas.<\/p>\n<p>With the <q>Rain<\/q> smart object selected in the Layers panel, go back to the <strong>Edit<\/strong> menu, choose <strong>Transform<\/strong>, and once again choose <strong>Scale<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/select-scale-command-photoshop.png\" alt=\"Selecting the Scale command in Photoshop.\" width=\"589\" height=\"136\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Transform &gt; Scale.<\/div>\n<p>Photoshop warns that the Motion Blur smart filter will be disabled temporarily until the scaling is complete. Click OK to close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/smart-filter-warning.png\" alt=\"The warning that smart filters will be turned off temporarily\" width=\"429\" height=\"197\" \/>\n<div class=\"image-desc\">The warning that smart filters will be turned off temporarily.<\/div>\n<p>In the Options Bar, set the <strong>Width<\/strong> (<strong>W<\/strong>) to <strong>110&#37;<\/strong>. With the <strong>link icon<\/strong> still selected, Photoshop changes the <strong>Height<\/strong> (<strong>H<\/strong>) to <strong>110%<\/strong> automatically:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/width-height-110percent.png\" alt=\"Scaling the width and height of the Rain smart object by 110 percent\" width=\"399\" height=\"101\" \/>\n<div class=\"image-desc\">Scaling the width and height of the noise by 110 percent.<\/div>\n<p>Then click the <strong>checkmark<\/strong> in the Options Bar to accept it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/checkmark.png\" alt=\"Clicking the checkmark in the Options Bar.\" width=\"277\" height=\"101\" \/>\n<div class=\"image-desc\">Clicking the checkmark.<\/div>\n<p>Photoshop turns the Motion Blur filter back on, and the edges are fixed:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/rain-effect-scaled-100percent.jpg\" alt=\"The edges of the rain effect are looking better after scaling the noise\" width=\"700\" height=\"477\" \/>\n<div class=\"image-desc\">The edges now look better after scaling the noise.<\/div>\n<h3>Step 10: Add a Levels adjustment layer<\/h3>\n<p>To reduce the amount of rain, and add some contrast to the effect, we'll use a Levels adjustment layer. <\/p>\n<p>In the Layers panel, click the <strong>New Fill or Adjustment Layer<\/strong> icon at the bottom:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/new-fill-adjustment-layer.png\" alt=\"Clicking the New Adjustment Layer icon in Photoshop's Layers panel\" width=\"269\" height=\"200\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>And choose <strong>Levels<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/choose-levels-adjustment-layer.png\" alt=\"Adding a Levels adjustment layer\" width=\"176\" height=\"91\" \/>\n<div class=\"image-desc\">Adding a Levels adjustment layer.<\/div>\n<p>A Levels adjustment layer appears above the <q>Rain<\/q> smart object:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/levels-adjustment-layer-added.png\" alt=\"Photoshop's Layers panel showing the Levels adjustment layer\" width=\"304\" height=\"253\" \/>\n<div class=\"image-desc\">The Levels adjustment layer appears.<\/div>\n<h3>Step 11: Create a clipping mask<\/h3>\n<p>Then to limit the effect of the adjustment layer to just the <q>Rain<\/q> smart object below it (so it doesn't affect the original image as well), create a <a href=\"\/basics\/clipping-masks-essentials\/\" title=\"Learn more about clipping masks in Photoshop\">clipping mask<\/a> by clicking the Layers panel <strong>menu icon<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/layers-panel-menu-icon-2.png\" alt=\"Clicking the Layers panel menu icon.\" width=\"313\" height=\"149\" \/>\n<div class=\"image-desc\">Clicking the Layers panel menu icon.<\/div>\n<p>And choosing <strong>Create Clipping Mask<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/create-clipping-mask.png\" alt=\"Choosing the Create Clipping Mask command from Photoshop's Layers panel.\" width=\"307\" height=\"134\" \/>\n<div class=\"image-desc\">Clipping the adjustment layer to the smart object below it.<\/div>\n<h3>Step 12: Drag the Black and White Point sliders<\/h3>\n<p>The controls for the Levels adjustment layer appear in Photoshop's <strong>Properties <\/strong>panel. And in the center of the panel is a <a href=\"\/photo-editing\/histogram\/\">histogram<\/a>, a graph showing the tonal range of the image. <\/p>\n<p>Below the histogram are three <strong>sliders<\/strong>. There's a <strong>black point<\/strong> slider on the left, a <strong>white point<\/strong> slider on the right, and a <strong>midtones<\/strong> slider in the middle. To adjust the rain effect, we only need the black and white sliders:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/photoshop-properties-panel.png\" alt=\"The Levels black point and white point sliders.\" width=\"301\" height=\"366\" \/>\n<div class=\"image-desc\">The black point (left) and white point (right) sliders below the histogram.<\/div>\n<p>First, to reduce the amount of rain, click on the <strong>black slider<\/strong> on the left and begin dragging it towards the right. As you drag, keep an eye on your image and you'll see the darkest areas of rain growing darker, and eventually disappearing completely. <\/p>\n<p>Then if you need to brighten the rain that's still visible, click on the <strong>white slider<\/strong> and drag it towards the left, again while keeping an eye on your image. <\/p>\n<p>You'll probably need to go back and forth with the two sliders to find the settings that work best:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/levels-sliders.png\" alt=\"Dragging the Levels black point and white point sliders.\" width=\"328\" height=\"213\" \/>\n<div class=\"image-desc\">Adjusting the black and white sliders.<\/div>\n<p>You can toggle the Levels adjustment layer on and off to compare the result with the original rain effect by clicking the adjustment layer's <strong>visibility icon<\/strong> in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/levels-adjustment-layer-visibility.png\" alt=\"Clicking the visibility icon for the Levels adjustment layer in Photoshop's Layers panel\" width=\"321\" height=\"169\" \/>\n<div class=\"image-desc\">Clicking the visibility icon for the Levels adjustment layer.<\/div>\n<p>Here's my rain effect after dragging the sliders. There's now less rain overall, and the effect has more contrast:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/rain-effect-levels-adjustment.jpg\" alt=\"The image after adjusting the rain effect with Levels.\" width=\"700\" height=\"477\" \/>\n<div class=\"image-desc\">The effect after enhancing the rain with Levels.<\/div>\n<h3>Step 13: Readjust the Motion Blur or Levels settings if needed<\/h3>\n<p>Finally, after moving the sliders, you may find that there's no longer enough motion being applied to the rain. To adjust the motion blur amount, <strong>double-click<\/strong> on the <strong>Motion Blur<\/strong> smart filter in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/click-motion-blur-smart-filter.png\" alt=\"Double-clicking the Motion Blur Smart Filter.\" width=\"303\" height=\"157\" \/>\n<div class=\"image-desc\">Double-clicking the Motion Blur smart filter.<\/div>\n<p>This reopens the Motion Blur dialog box where you can increase (or decrease, if needed) the <strong>Distance<\/strong> value. In my case, I'll increase it from 75 pixels to <strong>150 pixels<\/strong>, but again it will depend on the size of your image. You can also adjust the Angle value while you're here, but I'll leave mine set to 65&deg;. Click OK when you're done to close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/motion-blur-filter-150.png\" alt=\"Adding more motion blur to the rain by editing the Motion Blur smart filter\" width=\"330\" height=\"155\" \/>\n<div class=\"image-desc\">Adding more motion blur to the rain.<\/div>\n<p>And if you need to edit the black point and white point sliders in the Levels adjustment layer, just click on the <strong>histogram<\/strong> icon to reselect the adjustment layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/reselect-levels-adjustment-layer-png.png\" alt=\"Reselecting the Levels adjustment layer in Photoshop's Layers panel.\" width=\"303\" height=\"171\" \/>\n<div class=\"image-desc\">Reselecting the Levels adjustment layer.<\/div>\n<p>Then in the <strong>Properties<\/strong> panel, drag the sliders as needed:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/edit-black-white-sliders-levels.png\" alt=\"Making final adjustments to the black point and white point sliders.\" width=\"302\" height=\"204\" \/>\n<div class=\"image-desc\">Making final adjustments to the amount and brightness of the rain.<\/div>\n<p>And with that, we're done! Here is my final Photoshop rain effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/rain\/2021\/falling-rain-effect-photoshop.jpg\" alt=\"A falling rain effect created in Photoshop CC 2021\" width=\"700\" height=\"477\" \/>\n<div class=\"image-desc\">The final result.<\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<p>And there we have it! Now that you know how to add rain to a photo, why not <a href=\"\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/\" title=\"How to add a rainbow in Photoshop\">add a colorful rainbow<\/a>? Or how to use many of the steps you learned here to <a href=\"\/photo-effects\/photoshop-weather-effects-snow\/\" title=\"Learn how to add falling snow in Photoshop\">add falling snow to an image<\/a>, and even <a href=\"\/photo-effects\/starry-sky\/\" title=\"Learn how to add stars in Photoshop\">add stars to your night skies<\/a>!<\/p>\n<p>Visit our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more  tutorials. And don't forget, all of our Photoshop tutorials are ready to download as <a href=\"\/print-ready-pdfs\/\" title=\"Download our Photoshop tutorials as PDFs\">print-ready PDFs<\/a>!<\/p>\n<\/section>\n<p><div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div><br \/>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add rain to your photos without getting your camera wet by creating the rain effect in Photoshop! <\/p>\n","protected":false},"author":1,"featured_media":21644,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[104,5],"tags":[],"class_list":["post-3686","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cc-photo-effects-2","category-photo-effects"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Add Rain to a Photo with Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how to add rain to your photos without getting your camera wet by creating the rain effect in Photoshop! For CC 2021 and earlier.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Rain to your Photos with Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn step-by-step how to create a realistic rain effect in Photoshop! Check it our in our latest tutorial at Photoshop Essentials!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-14T05:01:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-05T15:35:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/11\/add-rain-effect-photoshop-tutorial-s.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photoshop-weather-effects-rain\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photoshop-weather-effects-rain\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"How to Add Rain to a Photo with Photoshop\",\"datePublished\":\"2021-01-14T05:01:38+00:00\",\"dateModified\":\"2022-11-05T15:35:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photoshop-weather-effects-rain\\\/\"},\"wordCount\":2085,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photoshop-weather-effects-rain\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/photoshop-rain-effect-featured.jpg\",\"articleSection\":[\"CC\",\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photoshop-weather-effects-rain\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photoshop-weather-effects-rain\\\/\",\"name\":\"How to Add Rain to a Photo with Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photoshop-weather-effects-rain\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photoshop-weather-effects-rain\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/photoshop-rain-effect-featured.jpg\",\"datePublished\":\"2021-01-14T05:01:38+00:00\",\"dateModified\":\"2022-11-05T15:35:52+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to add rain to your photos without getting your camera wet by creating the rain effect in Photoshop! For CC 2021 and earlier.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photoshop-weather-effects-rain\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photoshop-weather-effects-rain\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photoshop-weather-effects-rain\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/photoshop-rain-effect-featured.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/photoshop-rain-effect-featured.jpg\",\"width\":250,\"height\":250,\"caption\":\"Photoshop Rain Effect Tutorial\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photoshop-weather-effects-rain\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Add Rain to a Photo with Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add Rain to a Photo with Photoshop","description":"Learn how to add rain to your photos without getting your camera wet by creating the rain effect in Photoshop! For CC 2021 and earlier.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Rain to your Photos with Photoshop","og_description":"Learn step-by-step how to create a realistic rain effect in Photoshop! Check it our in our latest tutorial at Photoshop Essentials!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2021-01-14T05:01:38+00:00","article_modified_time":"2022-11-05T15:35:52+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/11\/add-rain-effect-photoshop-tutorial-s.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"How to Add Rain to a Photo with Photoshop","datePublished":"2021-01-14T05:01:38+00:00","dateModified":"2022-11-05T15:35:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/"},"wordCount":2085,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/11\/photoshop-rain-effect-featured.jpg","articleSection":["CC","Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/","name":"How to Add Rain to a Photo with Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/11\/photoshop-rain-effect-featured.jpg","datePublished":"2021-01-14T05:01:38+00:00","dateModified":"2022-11-05T15:35:52+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to add rain to your photos without getting your camera wet by creating the rain effect in Photoshop! For CC 2021 and earlier.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/11\/photoshop-rain-effect-featured.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/11\/photoshop-rain-effect-featured.jpg","width":250,"height":250,"caption":"Photoshop Rain Effect Tutorial"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photoshop-weather-effects-rain\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/"},{"@type":"ListItem","position":3,"name":"How to Add Rain to a Photo with Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/3686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=3686"}],"version-history":[{"count":132,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/3686\/revisions"}],"predecessor-version":[{"id":33738,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/3686\/revisions\/33738"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/21644"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=3686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=3686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=3686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}