{"id":115,"date":"2012-09-30T23:59:27","date_gmt":"2012-09-30T23:59:27","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=115"},"modified":"2019-04-13T13:21:43","modified_gmt":"2019-04-13T17:21:43","slug":"water-drops","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/","title":{"rendered":"Add Realistic Water Drops To A Photo With Photoshop"},"content":{"rendered":"<style type=\"text\/css\">\n.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 30px; }\n@media (max-width: 767px) { .adslot-2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photo effects top responsive -->\n<ins class=\"adsbygoogle adslot-2\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2740208297\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop Effects tutorial<\/strong>, we're going to learn how to easily add realistic looking water drops to a photo, as if someone splashed water all over the image. We're going to be using a few filters and adjustments to create some random water drop shapes, and then we'll be making them look like water using a few simple layer styles to add shadows and highlights to them.<\/p>\n<p>To finish things off and add an extra bit of realism, we'll be using a displacement map to distort the image underneath the water drops. It may sound complicated but it's all very easy, as we'll see.<\/p>\n<p style=\"clear:both;\">Here's the original image I'll be working with:<\/p>\n<p><img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/original.jpg\" alt=\"The original image\" style=\"margin-bottom:12px;\"\/><\/p>\n<div class=\"image-desc\">The original image.<\/div>\n<p>And here's what the image will look like after adding the water drops:<\/p>\n<p><img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/final-result.jpg\" alt=\"The final result\" style=\"margin-bottom:12px;\"\/><\/p>\n<div class=\"image-desc\">The final result.<\/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>This tutorial is from our <a href=\"\/photo-effects\/\" title=\"Learn Photoshop effects\">Photo Effects<\/a> series. Let's get started!<\/p>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h4><span>Step 1:<\/span> Duplicate The Background Layer<\/h4>\n<p>We're going to start off this tutorial in the same way we begin many of our tutorials, by duplicating our Background layer. With the image open in Photoshop, we can see in the Layers palette that we currently have just one layer, the Background layer, which contains the original image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/background-layer.jpg\" alt=\"Photoshop's Layers palette showing the original image on the Background layer.\" \/>\n<div class=\"image-desc\">The Layers palette in Photoshop showing the image on the Background layer.<\/div>\n<p>We need to duplicate the Background layer, and to do that, we can use the keyboard shortcut <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac). If we look back in the Layers palette, we can see that we now have two copies of the image, with the copy of the Background layer  (which Photoshop has named &quot;Layer 1&quot;) above the original:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/duplicate-layer.jpg\" alt=\"The Layers palette now showing the Background layer and the copy of the Background layer above it.\" \/>\n<div class=\"image-desc\">Press \"Ctrl+J\" (Win) \/ \"Command+J\" (Mac) to duplicate the Background layer.<\/div>\n<h4><span>Step 2:<\/span> Add A New Blank Layer Above The Duplicate Layer<\/h4>\n<p>Next, we need to add a new blank layer above our newly-created duplicate layer. Let's use the keyboard shortcut for that as well, which is <strong>Shift+Ctrl+Alt+N<\/strong> (Win) \/ <strong>Shift+Command+Option+N<\/strong> (Mac). By adding the Alt\/Option key in there, that tells Photoshop not to bother popping up the dialog box asking us to name the layer and to just go ahead and add it, giving it the default name of \"Layer 2\" instead and placing it at the top of the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/layer-2.jpg\" alt=\"Adding a new blank layer.\" \/>\n<div class=\"image-desc\">Press \"Shift+Ctrl+Alt+N\" (Win) \/ \"Shift+Command+Option+N\" (Mac) to add a new blank layer.<\/div>\n<h4><span>Step 3:<\/span> Fill The New Layer With White<\/h4>\n<p>We're going to fill our new layer with white, so press the letter <strong>D<\/strong> on your keyboard to quickly reset your Foreground and Background colors if neccessary, so white becomes your Background color. Then, with \"Layer 2\" selected in the Layers palette (the currently selected layer is the one highlighted), press <strong>Ctrl+Backspace<\/strong> (Win) \/ <strong>Command+Delete<\/strong> (Mac) to fill the new layer with the Background color, which in our case is white. Your image will now be completely filled with white:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/filled-with-white.jpg\" alt=\"The image is now filled with white.\" \/>\n<div class=\"image-desc\">Press \"Ctrl+Backspace\" (Win) \/ \"Command+Delete\" (Mac) to fill the new layer with white, which will also fill your image with white.<\/div>\n<h4><span>Step 4:<\/span> Apply The \"Add Noise\" Filter<\/h4>\n<p>With our layer now filled with white, we need to add some noise to it. Go up to the <strong>Filter<\/strong> menu at the top of the screen, select <strong>Noise<\/strong>, and then select <strong>Add Noise<\/strong>, which brings up Photoshop's \"Add Noise\" dialog box. Drag the <strong>Amount<\/strong> slider all the way to the right, and make sure that both the <strong>Gaussian<\/strong> and <strong>Monochromatic<\/strong> options at the bottom are selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/add-noise-filter.gif\" alt=\"The 'Add Noise' filter in Photoshop.\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Noise &gt; Add Noise to bring up Photoshop's \"Add Noise\" dialog box.<\/div>\n<p>Click OK to exit out of the dialog box. Your image will now be filled with black noise:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/image-noise.gif\" alt=\"The image now filled with noise.\" \/>\n<div class=\"image-desc\">The image after adding noise.<\/div>\n<h4><span>Step 5:<\/span> Apply The \"Gaussian Blur\" Filter<\/h4>\n<p>Go back up to the <strong>Filter<\/strong> menu and this time choose <strong>Blur<\/strong> and then <strong>Gaussian Blur<\/strong>, which brings up the \"Gaussian Blur\" filter dialog box. Drag the <strong>Radius<\/strong> slider to the right to increase the amount of blurring that's applied to the noise until all you see is larger clumps of dark and light gray. I'm using a low resolution image for this tutorial, and for me, a value of about 6 pixels seems to work nicely. For high resolution images, you'll need to set your Radius value higher to achieve the same effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/gaussian-flur-filter.jpg\" alt=\"Photoshop's Gaussian Blur filter.\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Blur &gt; Gaussian Blur to bring up Photoshop's \"Gaussian Blur\" dialog box.<\/div>\n<p>Here's the effect you're trying to achieve:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/image-gaussian-blur.jpg\" alt=\"The image after applying the Gaussian Blur filter to the noise.\" \/>\n<div class=\"image-desc\">The image after applying the Gaussian Blur filter to the noise.<\/div>\n<p>Click OK to exit out of the Gaussian Blur dialog box.<\/p>\n<h4><span>Step 6:<\/span> Apply A \"Threshold\" Image Adjustment<\/h4>\n<p>Go up to the <strong>Image<\/strong> menu at the top of the screen, choose <strong>Adjustments<\/strong>, and then choose <strong>Threshold<\/strong>, which brings up the \"Threshold\" dialog box. The Threshold adjustment turns everything in the image either black or white, and we're going to use it to create the basic shapes of our water drops. Click on the slider at the bottom of the Threshold dialog box and drag it either left or right to decrease or increase the size and number of black areas in the image. These black areas will become our water drops. Dragging the slider to the right increases the size and number of black areas, and dragging to the left decreases them:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/threshold.gif\" alt=\"Photoshop's Threshold adjustment dialog box.\" \/>\n<div class=\"image-desc\">Go to Image &gt; Adjustments &gt; Threshold.<\/div>\n<p>It's completely up to you how many water drops you want in your image. When you're happy with how it looks, click OK to exit out of the dialog box. Here's my image after applying the Threshold adjustment:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/image-threshold.gif\" alt=\"The image after applying the Threshold adjustment.\" \/>\n<div class=\"image-desc\">The image after applying the Threshold adjustment. All the black areas will become our water drops.<\/div>\n<h4><span>Step 7:<\/span> Apply A Slight Gaussian Blur To Smooth The Edges Of The Black Areas<\/h4>\n<p>The only problem with the Threshold adjustment is that it tends to leave us with very harsh, jagged edges, and of course water doesn't have harsh, jagged edges. It has smooth edges, so we need to fix that, and we can fix it easily by simply re-applying the Gaussian Blur filter. Since Gaussian Blur was the last filter we used, we can access it quickly with the keyboard shortcut <strong>Ctrl+Alt+F<\/strong> (Win) \/ <strong>Command+Option+F<\/strong> (Mac), which brings up the filter's dialog box without applying it, giving us a chance to change the settings first. We don't want to use the same amount of blurring as we applied initially since that's <em>way<\/em> too much. All we want to do here is smooth out any rough edges, and for that, we only need a hint of blurring. I'm going to set my Radius value to only <strong>0.8 pixels<\/strong> this time:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/gaussian-blur-2.gif\" alt=\"Applying Gaussian Blur again.\" \/>\n<div class=\"image-desc\">Apply the Gaussian Blur filter again but at a much lower setting to smooth out any rough, jagged edges around the black areas.<\/div>\n<p>Click OK to exit out of the Gaussian Blur dialog box once again.<\/p>\n<h4><span>Step 8:<\/span> Select All The Black Areas With The Magic Wand<\/h4>\n<p>Now that we have the shapes which will become our water drops (the black areas), we can delete all the areas we no longer need (the white areas). First, let's select the black areas. To do that, we'll use the <strong>Magic Wand<\/strong>. Select it from the Tools palette, or press <strong>W<\/strong> on your keyboard to quickly select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/select-magic-wand.gif\" alt=\"Selecting the Magic Wand from the Tools palette in Photoshop.\" \/>\n<div class=\"image-desc\">Select the Magic Wand.<\/div>\n<p>Then, with the Magic Wand selected, look up in the Options Bar at the top of the screen and make sure the <strong>Contiguous<\/strong> option is not checked. We want to select all the black areas with a single click, and if this option was selected, we'd have to go around clicking on each black area individually to add it to the selection. So with &quot;Contiguous&quot; not checked,  simply click on any black area in the image with the Magic Wand and Photoshop will select all of them at once:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/select-black-areas.gif\" alt=\"Selecting all of the black areas with the Magic Wand.\" \/>\n<div class=\"image-desc\">Click on any black area with the Magic Wand to select all of them at once.<\/div>\n<h4><span>Step 9:<\/span> Invert The Selection And Delete The White Areas<\/h4>\n<p>Currently we have all of the black areas selected, but what we really want is to have all the <strong>white<\/strong> areas selected so we can delete them. All we need to do is invert our selection, which will select everything that is not currently selected and deselect everything that is selected. In other words, the white areas will become selected and the black areas will be deselected. To do that,  use the keyboard shortcut <strong>Ctrl+Shift+I<\/strong> (Win) \/ <strong>Command+Shift+I<\/strong> (Mac). All the white areas will now be selected.<\/p>\n<p>Then press <strong>Delete<\/strong> on your keyboard to delete all the white areas, leaving only the black shapes. Press <strong>Ctrl+D<\/strong> (Win) \/ <strong>Command+D<\/strong> (Mac) to deselect your selection when you're done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/image-black-shapes.jpg\" alt=\"The image after deleting the white areas, leaving only the black shapes.\" \/>\n<div class=\"image-desc\">The image after deleting the white areas, leaving only the black shapes which will become our water drops in a moment.<\/div>\n<h4><span>Step 10:<\/span> Lower The \"Fill\" Of The Black Shapes Layer To 0%<\/h4>\n<p>In the top left corner of the Layers palette, you'll find two options - \"Opacity\" and \"Fill\". Both of these options control the visibility of a layer, with one important difference. If you were to lower the \"Opacity\" of a layer down to 0%, you would hide not only the contents of the layer but also any layer styles that were applied to it. The \"Fill\" option, on the other hand, would hide only the layer contents. Any layer styles applied to the layer would remain visible, and that's exactly what we want in order to create our water drops effect. We want to hide the actual black shapes themselves, but we want the layer styles, which we'll be applying next, to remain visible. So to do that, go up to the Fill option in the top right corner of the Layers palette and lower it all the way down to 0%:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/fill-0.jpg\" alt=\"Lowering the Fill option down to 0%.\" \/>\n<div class=\"image-desc\">Lower the opacity of the black shapes layer down to 0%.<\/div>\n<p>Your black shapes will disappear from view in your image, but don't worry, they're still there, and we're going to be applying our layer styles to them next.<\/p>\n<h4><span>Step 11:<\/span> Add A Drop Shadow Layer Style<\/h4>\n<p>Click on the <strong>Layer Styles<\/strong> icon at the bottom of the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/layer-styles-icon.jpg\" alt=\"Clicking the Layer Styles icon at the bottom of the Layers palette.\" \/>\n<div class=\"image-desc\">Click the Layer Styles icon.<\/div>\n<p>Choose <strong>Drop Shadow<\/strong> from the list of layer styles that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/select-drop-shadow.gif\" alt=\"Selecting the Drop Shadow layer style.\" \/>\n<div class=\"image-desc\">Select \"Drop Shadow\" from the list.<\/div>\n<p>This brings up the Layer Style dialog box set to the \"Drop Shadow\" options in the middle column. Lower the <strong>Opacity<\/strong> of the drop shadow down to about <strong>40%<\/strong> and set the <strong>Angle<\/strong> to about <strong>120\u00b0<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/drop-shadow-options.gif\" alt=\"The Drop Shadow options.\" \/>\n<div class=\"image-desc\">Set the options for the Drop Shadow circled in red above.<\/div>\n<p>Don't click OK yet. We have a couple more layer styles to add first.<\/p>\n<h4><span>Step 12:<\/span> Add A \"Inner Shadow\" Layer Style<\/h4>\n<p>Click directly on the words <strong>Inner Shadow<\/strong> on the left of the Layer Style dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/inner-shadow.gif\" alt=\"Clicking on the words 'Inner Shadow'.\" \/>\n<div class=\"image-desc\">Click directly on the words \"Inner Shadow\" on the left of the Layer Style dialog box.<\/div>\n<p>The options for the \"Inner Shadow\" layer style appear in the middle column. All we want to do here is change the <strong>Blend Mode<\/strong> from \"Multiply\" to <strong>Overlay<\/strong> by clicking on the down-pointing arrow to the right of the word \"Multiply\" and selecting \"Overlay\" from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/inner-shadow-options.gif\" alt=\"Changing the blend mode of the Inner Shadow to 'Overlay'.\" \/>\n<div class=\"image-desc\">Change the \"Blend Mode\" of the Inner Shadow layer style to \"Overlay\".<\/div>\n<p>Again, don't click OK just yet. We have one more layer style to add.<\/p>\n<h4><span>Step 13:<\/span> Add A \"Bevel and Emboss\" Layer Style<\/h4>\n<p>Finally, click directly on the words <strong>Bevel and Emboss<\/strong> on the left of the Layer Style dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/bevel-and-emboss.gif\" alt=\"Clicking on the words 'Bevel and Emboss'.\" \/>\n<div class=\"image-desc\">Click directly on the words \"Bevel and Emboss\" on the left of the Layer Style dialog box.<\/div>\n<p>This brings up the \"Bevel and Emboss\" options in the middle column of the Layer Styles dialog box. Starting from the top and working our way down, change the <strong>Technique<\/strong> to <strong>Chisel Hard<\/strong> and then raise the <strong>Depth<\/strong> to around <strong>600%<\/strong> (if you find that's too high,  finish making the rest of the changes here and then go back and adjust the Depth amount, keeping an eye on your image as you drag the slider). Increase the <strong>Soften<\/strong> amount to around <strong>12<\/strong> pixels to give the water a nice smooth look. Then, down near the bottom of the options, increase the <strong>Opacity<\/strong> of the <strong>Highlight Mode<\/strong> to a full <strong>100%<\/strong>. Change the <strong>Shadow Mode<\/strong> to <strong>Color Dodge<\/strong>, and finally, change the <strong>color<\/strong> of the Shadow Mode from black to <strong>white<\/strong> by clicking on the color swatch and selecting white in Photoshop's Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/bevel-emboss-options.gif\" alt=\"The Bevel and Emboss options.\" \/>\n<div class=\"image-desc\">Change the Bevel and Emboss layer style options circled in red above.<\/div>\n<p>When you're done making the changes to the Bevel and Emboss options, click OK to exit out of the Layer Style dialog box. Your image will now look something like this, with the water drops clearly visible:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/image-water-drops.jpg\" alt=\"The image after applying the Layer Styles.\" \/>\n<div class=\"image-desc\">The image after creating the main water drops effect with layer styles.<\/div>\n<h4><span>Step 14:<\/span> Erase Any Water Drops You Don't Want<\/h4>\n<p>Now that I've created my water drops, I noticed that some of them are blocking the view of the main subject of my image (the guy on the surfboard). I want to remove those water drops, and I can do that easily by erasing them with the <strong>Eraser Tool<\/strong>. Grab your Eraser Tool from the Tools palette, or press <strong>E<\/strong> to quickly select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/select-eraser-tool.gif\" alt=\"Selecting the Eraser Tool from the Tools palette.\" \/>\n<div class=\"image-desc\">Select the Eraser Tool.<\/div>\n<p>Then, with the Eraser Tool selected, simply click and drag your mouse over any water drops you want to erase. I'm going to erase the ones in front of the surfer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/erasing-water-drops.jpg\" alt=\"Erasing the water drops in front of the surfer with the Eraser Tool.\" \/>\n<div class=\"image-desc\">Use the Eraser Tool to remove any unwanted water drops.<\/div>\n<h4><span>Step 15:<\/span> Create A Displacement Map<\/h4>\n<p>The basic effect is complete at this point, but we can still make it look a bit more realistic. If this was real water on a real photo, the water would be causing the photo underneath it to look a little distorted, so let's add in that extra bit of realism using a <strong>displacement map<\/strong>, which is a scary sounding name for what is really nothing more than a black and white image that we're going to create.<\/p>\n<p>First, select all the water droplets at once by holding down the <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key and clicking on the water drop layer's thumbnail in the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/click-thumbnail.jpg\" alt=\"Clicking on the water drop layer's thumbnail in the Layers palette.\" \/>\n<div class=\"image-desc\">Hold down \"Ctrl\" (Win) \/ \"Command\" (Mac) and click on the water drop layer's thumbnail in the Layers palette.<\/div>\n<p>This will place a selection around all of the water drops. Go up to the <strong>Select<\/strong> menu at the top of the screen, choose <strong>Modify<\/strong>, and then choose <strong>Border<\/strong>. When the \"Border Selection\" dialog box appears, enter a value of about <strong>10 pixels<\/strong> and then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/border.gif\" alt=\"Photoshop's 'Border Selection' dialog box.\" \/>\n<div class=\"image-desc\">Add a 10 pixel border to the selection.<\/div>\n<p>Then go back up to the <strong>Select<\/strong> menu and this time, choose <strong>Feather<\/strong>. Enter a <strong>Feather Radius<\/strong> value of about <strong>4 pixels<\/strong> and  click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/feather.gif\" alt=\"Photoshop's 'Feather' dialog box.\" \/>\n<div class=\"image-desc\">Enter a 4 pixel feather to the selection.<\/div>\n<p>When you're done, go back up to the <strong>Select<\/strong> menu once again and choose <strong>Save Selection<\/strong>. When the \"Save Selection\" dialog box appears, just click OK to accept the default options and exit out of it. Also, press <strong>Ctrl+D<\/strong> (Win) \/ <strong>Command+D<\/strong> (Mac) to deselect your selection around the water drops.<\/p>\n<p>Now switch over to your <strong>Channels palette<\/strong>, which is grouped in beside the Layers palette, and you'll see your saved selection at the very bottom in the channel named \"Alpha 1\". Click on it to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/alpha-1.gif\" alt=\"Photoshop's Channels palette showing the saved selection as 'Alpha 1'.\" \/>\n<div class=\"image-desc\">Click on the \"Alpha 1\" channel, which is your saved selection, to select it.<\/div>\n<p>Then click on the small, right-pointing arrow in the top right corner of the Channels palette and select <strong>Duplicate Channel<\/strong> from the list of options:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/duplicate-channel.gif\" alt=\"Selecting the 'Duplicate Channel' option.\" \/>\n<div class=\"image-desc\">Click on the right-pointing arrow in the top right corner of the Channels palette and select \"Duplicate Channel\".<\/div>\n<p>When the \"Duplicate Channel\" dialog box appears, set the <strong>Document<\/strong> option to <strong>New<\/strong>, which is going to create a new document out of the channel, and then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/duplicate-channel-db.gif\" alt=\"Creating a new document from the channel.\" \/>\n<div class=\"image-desc\">Click on the down-pointing arrow for the \"Document\" option and select \"New\", then click OK.<\/div>\n<p>The new document will appear on your screen. This is the document we're going to use for our displacement map. The only thing we have left to do is save it, so go up to the <strong>File<\/strong> menu at the top of the screen and select <strong>Save As<\/strong>, or use the keyboard shortcut <strong>Shift+Ctrl+S<\/strong> (Win) \/ <strong>Shift+Command+S<\/strong> (Mac). Either way brings up the \"Save As\" dialog box. Name the document whatever you like. I'm going to name mine \"water drops\", and save the document to your desktop so you can access it easily, since we'll be needing it in a moment.<\/p>\n<p>Once you've saved the new document, you can close out of it. We don't need to have it open anymore.<\/p>\n<h4><span>Step 16:<\/span> Apply The \"Displace\" Filter To The Duplicate Background Layer (\"Layer 1\")<\/h4>\n<p>Switch back to your Layers palette now and click on the duplicate Background layer (\"Layer 1\") to select it. We're going to apply the \"Displace\" filter to this layer, using the displacement map we just created and saved to the Desktop, which is going to give us our water distortion effect. Go up to the <strong>Filter<\/strong> menu, choose <strong>Distort<\/strong>, and then choose <strong>Displace<\/strong>, which brings up the \"Displace\" filter dialog box. Lower both the <strong>Horizontal Scale<\/strong> and <strong>Vertical Scale<\/strong> options down to about <strong>8<\/strong>, then make sure <strong>Displacement Map<\/strong> is set to <strong>Stretch To Fit<\/strong> and <strong>Undefined Areas<\/strong> is set to <strong>Repeat Edge Pixels<\/strong>:<\/p>\n<div style=\"width:274px;\"> <img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/displace.gif\" alt=\"Photoshop's 'Displace' filter.\" \/><\/p>\n<div class=\"image-desc\">Go to Filter &gt; Distort &gt; Displace to bring up the Displace filter dialog box.<\/div>\n<\/div>\n<p>Click OK to exit out of this dialog box, and a second dialog box will appear asking you to select the displacement map you want to use. Choose the file you just saved to your desktop, then click <strong>Open<\/strong>, and Photoshop will apply the displacement map to the layer.<\/p>\n<h4><span>Step 17:<\/span> Delete The Areas On The Layer Which Are Not Under The Water Drops<\/h4>\n<p>The only problem is, some of the distortion has been applied to the areas around the outside of the water drops, and we only want the distortion to appear in areas that are directly under the water drops, so we need to trim away the areas we don't want, and we can do that by simply deleting the areas we don't want, just like we did back at the beginning when we deleted all the white areas around the black shapes. With \"Layer 1\" still selected, hold down your <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key and click once again on the water drops layer's thumbnail to place a selection around all the water drops:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/select-water-drops.jpg\" alt=\"Selecting the water drops.\" \/>\n<div class=\"image-desc\">Hold down \"Ctrl\" (Win) \/ \"Command\" (Mac) and click on the water drop layer's thumbnail to select all the water drops.<\/div>\n<p>Notice that even though we're clicking on the water drops layer's thumbnail, we still have \"Layer 1\" selected in the Layers palette, not the water drops layer.<\/p>\n<p>The water drops are now selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/water-drops-selected.jpg\" alt=\"The image showing the water drops selected.\" \/>\n<div class=\"image-desc\">All the water drops are now selected in the image.<\/div>\n<p>Then, with the water drops selected, press <strong>Ctrl+Shift+I<\/strong> (Win) \/ <strong>Command+Shift+I<\/strong> (Mac) to invert the selection, so all the areas around the water drops become selected and the water drops themselves are deselected. Finally, press the <strong>Delete<\/strong> key on your keyboard to delete all the unwanted areas on \"Layer 1\", leaving only the areas under the water drops, creating our water distortion effect, as well as our final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-drops\/final-result.jpg\" alt=\"The final result.\" \/>\n<div class=\"image-desc\">The final \"water drops\" effect.<\/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! That's how to add realistic water drops to an image with Photoshop! Check out our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/p>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Learn how to easily add realistic water drops to a photo, as if someone splashed water all over the image!<\/p>\n","protected":false},"author":1,"featured_media":15461,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-115","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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>Add Realistic Water Drops To A Photo With Photoshop<\/title>\n<meta name=\"description\" content=\"In this photo effects tutorial, learn how to add realistic water drops to a photo with Photoshop, as if someone splashed water all over the image.\" \/>\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\/water-drops\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Realistic Water Drops To A Photo With Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this photo effects tutorial, learn how to add realistic water drops to a photo with Photoshop, as if someone splashed water all over the image.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/\" \/>\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=\"2012-09-30T23:59:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T17:21:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-water-drops-effect.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\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=\"16 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\\\/water-drops\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-drops\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Add Realistic Water Drops To A Photo With Photoshop\",\"datePublished\":\"2012-09-30T23:59:27+00:00\",\"dateModified\":\"2019-04-13T17:21:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-drops\\\/\"},\"wordCount\":3261,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-drops\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-water-drops-effect.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-drops\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-drops\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-drops\\\/\",\"name\":\"Add Realistic Water Drops To A Photo With Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-drops\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-drops\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-water-drops-effect.jpg\",\"datePublished\":\"2012-09-30T23:59:27+00:00\",\"dateModified\":\"2019-04-13T17:21:43+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this photo effects tutorial, learn how to add realistic water drops to a photo with Photoshop, as if someone splashed water all over the image.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-drops\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-drops\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-drops\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-water-drops-effect.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-water-drops-effect.jpg\",\"width\":250,\"height\":250,\"caption\":\"Add Realistic Water Drops To A Photo With Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-drops\\\/#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\":\"Water Drops\"}]},{\"@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":"Add Realistic Water Drops To A Photo With Photoshop","description":"In this photo effects tutorial, learn how to add realistic water drops to a photo with Photoshop, as if someone splashed water all over the image.","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\/water-drops\/","og_locale":"en_US","og_type":"article","og_title":"Add Realistic Water Drops To A Photo With Photoshop","og_description":"In this photo effects tutorial, learn how to add realistic water drops to a photo with Photoshop, as if someone splashed water all over the image.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-09-30T23:59:27+00:00","article_modified_time":"2019-04-13T17:21:43+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-water-drops-effect.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Add Realistic Water Drops To A Photo With Photoshop","datePublished":"2012-09-30T23:59:27+00:00","dateModified":"2019-04-13T17:21:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/"},"wordCount":3261,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-water-drops-effect.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/","name":"Add Realistic Water Drops To A Photo With Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-water-drops-effect.jpg","datePublished":"2012-09-30T23:59:27+00:00","dateModified":"2019-04-13T17:21:43+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this photo effects tutorial, learn how to add realistic water drops to a photo with Photoshop, as if someone splashed water all over the image.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-water-drops-effect.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-water-drops-effect.jpg","width":250,"height":250,"caption":"Add Realistic Water Drops To A Photo With Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-drops\/#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":"Water Drops"}]},{"@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\/115","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=115"}],"version-history":[{"count":28,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/115\/revisions"}],"predecessor-version":[{"id":27501,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/115\/revisions\/27501"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15461"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}