{"id":2956,"date":"2017-12-01T00:01:31","date_gmt":"2017-12-01T05:01:31","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=2956"},"modified":"2023-06-08T09:59:21","modified_gmt":"2023-06-08T13:59:21","slug":"water-reflection-effect-in-photoshop-cs6","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/","title":{"rendered":"Water Reflection Effect In Photoshop CC and CS6"},"content":{"rendered":"<section>\n<div class=\"summary\">\n<p>Learn how to create a water reflection effect in Photoshop with realistic water ripples. A step-by-step tutorial for Photoshop CC and CS6.<\/p>\n<\/div>\n<p class=\"pdf-download-link\">Download PDF: <a href=\"\/?s2member_file_download=pdf\/photo-effects\/CC-Water_Reflections.pdf&s2member_skip_confirmation\" title=\"Download PDF\">Water Reflections Effect<\/a><\/p>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>As we'll see, there's three main parts to creating the water reflection effect. We'll start by creating the basic reflection itself by making a copy of our image, dragging it below the original, and then flipping it so that the image on the bottom mirrors the image above. We'll add motion blur and even a bluish tint to help the reflection look more like water. <\/p>\n<p>From there, we'll create a <em>displacement map<\/em>,  a special type of document in Photoshop that we can use to bend, warp and reshape our image. And finally, we'll take our displacement map and apply it to the water reflection to create realistic looking waves and ripples! We'll even add a shadow along the shoreline to make it look like it slopes into the water. There's lots of steps, but as always, I'll walk you through each one so you can easily follow along even if you're a beginner.<\/p>\n<p><a href=\"\/photo-effects\/generative-fill-in-photoshop-how-to-add-water-reflections-to-an-image\/\" title=\"How to add water reflections with Generative Fill in Photoshop\">New! Add Amazing Water Reflections in Seconds with Generative Fill<\/a><\/p>\n<p>Here's an example of what the  water reflection effect will look like when we're done. At the end, I'll show you how to experiment with the effect to get the best results with your image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-water-reflection-effect.jpg\" alt=\"How to add a water reflection in Photohop CC and CS6\" width=\"437\" height=\"603\" \/>\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>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<h2 class=\"sub\">How To Create A Water Reflection In Photoshop<\/h2>\n<p>For this tutorial, I'm using <a href=\"https:\/\/prf.hn\/l\/dlXjD2w\" title=\"Get Photoshop CC\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop CC<\/a> but every step is compatible with Photoshop CS6.<\/p>\n<h3>Step 1: Open Your Image<\/h3>\n<p>Open the image where you want to add your water reflection. Here's the image I'll be using (<a href=\"https:\/\/prf.hn\/l\/BOxVGN3\" title=\"sunset photo\" target=\"_blank\" rel=\"noopener noreferrer\">sunset photo<\/a><img decoding=\"async\" src=\"http:\/\/imp.tradedoubler.com\/imp?type(inv)g(22913540)a(2982769)%epi%%epi2%\" \/> from Adobe Stock):<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/original-image.jpg\" alt=\"The original image before adding the water reflection in Photoshop\" width=\"640\" height=\"500\" \/>\n<div class=\"image-desc\">The original photo. Credit: Adobe Stock.<\/div>\n<h3>Step 2: Unlock The Background Layer And Name It &quot;Photo&quot;<\/h3>\n<p>In the <a href=\"\/basics\/layers\/layers-panel\/\" title=\"Learn more about the Layers panel in Photoshop\">Layers panel<\/a>, we see the image on the <a href=\"\/basics\/background-layer-photoshop-cc\/\" title=\"Learn more about the Background layer in Photoshop\">Background layer<\/a>. The Background layer is locked, indicated by the <strong>lock icon<\/strong> on its far right. We need to unlock it so we can place other layers below it, and we can do that just by renaming it. Double-click on the name &quot;Background&quot;:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-layers-panel-background-layer.png\" alt=\"Double-clicking on the Background layer in the Layers panel\" width=\"287\" height=\"288\" \/>\n<div class=\"image-desc\">Double-clicking on the Background layer.<\/div>\n<p>Photoshop opens the <strong>New Layer<\/strong> dialog box. Name the layer \"Photo\" and then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/renaming-background-layer-new-layer-dialog-box.png\" alt=\"Unlocking the Background layer by renaming it Photo in the New Layer dialog box\" width=\"429\" height=\"161\" \/>\n<div class=\"image-desc\">Renaming the Background layer &quot;Photo&quot;.<\/div>\n<p>Back in the Layers panel, the Background layer is now the \"Photo\" layer and the lock icon has disappeared:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/background-layer-renamed-photo-layers-panel.png\" alt=\"The Background layer has been unlocked and renamed Photo\" width=\"287\" height=\"213\" \/>\n<div class=\"image-desc\">The Background layer is now unlocked and named &quot;Photo&quot;.<\/div>\n<h3>Step 3: Duplicate The Layer And Name It \"Reflection\"<\/h3>\n<p>Make a copy of the layer. We'll use the copy to create the water reflection. Press and hold the <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key on your keyboard as you click and drag the \"Photo\" layer down onto the <strong>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\/water-reflection\/duplicate-photo-layer-photoshop.png\" alt=\"Dragging the Photo layer onto the New Layer icon in the Layers panel\" width=\"287\" height=\"189\" \/>\n<div class=\"image-desc\">Dragging the layer onto the New Layer icon while holding Alt  \/ Option.<\/div>\n<p>Release your mouse button, and then release your Alt \/ Option key. Photoshop opens the <strong>Duplicate Layer<\/strong> dialog box. Name the layer \"Reflection\", and then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-duplicate-layer-dialog-box.png\" alt=\"Naming the layer Reflection in the Duplicate Layer dialog box in Photoshop\" width=\"472\" height=\"221\" \/>\n<div class=\"image-desc\">Naming the copy of the layer &quot;Reflection&quot;.<\/div>\n<p>The \"Reflection\" layer appears above the \"Photo\" layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/reflection-layer-above-photo-layer-layers-panel.png\" alt=\"The Layers panel showing the Reflection layer above the Photo layer\" width=\"287\" height=\"186\" \/>\n<div class=\"image-desc\">The Layers panel showing the &quot;Reflection&quot; layer above the main photo.<\/div>\n<h3>Step 4: Convert The \"Reflection\" Layer Into A Smart Object<\/h3>\n<p>Convert the &quot;Reflection&quot; layer into a Smart Object by clicking the <strong>menu icon<\/strong> in the upper right corner of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/layers-panel-menu-icon-photoshop.png\" alt=\"Clicking the Layers panel menu icon on Photoshop\" width=\"295\" height=\"196\" \/>\n<div class=\"image-desc\">Clicking the Layers panel menu icon.<\/div>\n<p>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\/water-reflection\/photoshop-convert-to-smart-object-command.png\" alt=\"Choosing 'Convert to Smart Object' from the Layers panel menu\" width=\"239\" height=\"141\" \/>\n<div class=\"image-desc\">Choosing \"Convert to Smart Object\".<\/div>\n<p>A Smart Object icon appears in the lower right of the &quot;Reflection&quot; layer's preview thumbnail, telling us that the layer is now a <a href=\"\/basics\/scale-resize-images-smart-objects-photoshop\/\" title=\"How to scale images with Smart Objects in Photoshop\">Smart Object<\/a>. Any filters we apply to the layer will now be applied as editable Smart Filters:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/reflection-layer-smart-object-photoshop.png\" alt=\"The Reflection layer has been converted to a Smart Object\" width=\"287\" height=\"186\" \/>\n<div class=\"image-desc\">The &quot;Reflection&quot; layer is now a Smart Object.<\/div>\n<h3>Step 5: Add More Canvas Space Below The Photo<\/h3>\n<p>Add more canvas space below the photo to make room for the water reflection. Go up to the <strong>Image<\/strong> menu in the Menu Bar and choose <strong>Canvas Size<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-image-menu-canvas-size.png\" alt=\"Choosing the Canvas Size command from the Image menu in Photoshop\" width=\"205\" height=\"134\" \/>\n<div class=\"image-desc\">Choosing Canvas Size from the Image Menu.<\/div>\n<p>In the Canvas Size dialog box, set the <strong>Width<\/strong> to <strong>100 Percent<\/strong> and the <strong>Height<\/strong> to <strong>200 Percent<\/strong>. Leave Relative unchecked. To add all of the extra space <em>below<\/em> the photo, click the <strong>top middle box<\/strong> in the <strong>Anchor<\/strong> grid, and then click OK to close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-canvas-size-dialog-box.png\" alt=\"Adding room for the water reflection in the Canvas Size dialog box\" width=\"445\" height=\"370\" \/>\n<div class=\"image-desc\">The Canvas Size dialog box.<\/div>\n<p>Photoshop adds the extra space below the image. If  the extra space extends off your screen, press <strong>Ctrl+0<\/strong> (Win) \/ <strong>Command+0<\/strong> (Mac) on your keyboard to choose Photoshop's <a href=\"\/basics\/photoshop-zoom\/\" title=\"How to zoom and scroll images in Photoshop\">Fit on Screen<\/a> command:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/water-reflection-space-added.jpg\" alt=\"Canvas space for the water reflection has been added below the photo\" width=\"325\" height=\"500\" \/>\n<div class=\"image-desc\">We now have room for the water reflection.<\/div>\n<h3>Step 6: Move The &quot;Reflection&quot; Image Into The Added Space<\/h3>\n<p>Move the \"Reflection\" image below the main photo and into the new canvas space by selecting the <strong>Move Tool<\/strong> from the <a href=\"\/basics\/photoshop-tools-toolbar-overview\/\">Toolbar<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/selecting-move-tool-photoshop.png\" alt=\"Selecting the Move Tool from the Toolbar in Photoshop\" width=\"78\" height=\"149\" \/>\n<div class=\"image-desc\">Selecting the Move Tool.<\/div>\n<p>Press and hold your <strong>Shift<\/strong> key as you click and drag the image down into the new canvas area. The Shift key limits the direction you can move, making it easy to drag straight down:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/move-reflection-layer-below-photo.jpg\" alt=\"Dragging the water reflection layer below the original photo\" width=\"361\" height=\"550\" \/>\n<div class=\"image-desc\">Dragging the image on the &quot;Reflection&quot; layer below the photo.<\/div>\n<h3>Step 7: Flip The Image Vertically<\/h3>\n<p>Flip the image on the &quot;Reflection&quot; layer vertically so that the water reflection mirrors the photo above it. Go up to the <strong>Edit<\/strong> menu in the Menu Bar, choose <strong>Transform<\/strong>, and then choose <strong>Flip Vertical<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/flip-vertical-command-photoshop.png\" alt=\"Choosing the Flip Vertical command to flip the water reflection layer\" width=\"248\" height=\"126\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Transform &gt; Flip Vertical.<\/div>\n<p>After flipping the \"Reflection\" layer, the bottom image now mirrors the top:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/water-reflection-mirror-image-photoshop.jpg\" alt=\"The water now reflects the image above it\" width=\"356\" height=\"548\" \/>\n<div class=\"image-desc\">The water now reflects the image above it.<\/div>\n<p><a href=\"\/photo-effects\/mirror-image-effect-with-photoshop\/\" title=\"Create a mirror image effect in Photoshop\">Related: Create a mirror image effect with Photoshop<\/a><\/p>\n<h3>Step 8: Drag The \"Reflection\" Layer Below The \"Photo\" Layer<\/h3>\n<p>In the Layers panel, click on the \"Reflection\" layer and drag it down below the \"Photo\" layer. When a white horizontal bar appears below the \"Photo\" layer, release your mouse button to drop the \"Reflection\" layer into place:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/move-reflection-layer-below-photo-layer.png\" alt=\"Moving the Reflection layer below the Photo layer in the Layers panel\" width=\"287\" height=\"205\" \/>\n<div class=\"image-desc\">Dragging the &quot;Reflection&quot; layer below the &quot;Photo&quot; layer.<\/div>\n<h3>Step 9: Add Motion Blur To The Reflection<\/h3>\n<p>Add some motion blur to the water reflection using Photoshop's Motion Blur filter. With the &quot;Reflection&quot; layer still selected, go up to the <strong>Filter<\/strong> menu in the Menu Bar, 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\/water-reflection\/choosing-motion-blur-filter-photoshop.png\" alt=\"Choosing the Motion Blur filter in Photoshop\" width=\"152\" height=\"142\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Blur &gt; Motion Blur. <\/div>\n<p>In the Motion Blur dialog box, set the <strong>Angle<\/strong> to <strong>90&deg;<\/strong>, and then set the <strong>Distance<\/strong> to somewhere between <strong>10-20 pixels<\/strong> depending on the size of your image (larger images will need more blurring). I'll go with 20 pixels. Click OK to close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-motion-blur-filter.png\" alt=\"Adding motion blur to the water reflection in Photoshop\" width=\"324\" height=\"393\" \/>\n<div class=\"image-desc\">Adding motion blur to the water reflection.<\/div>\n<p>Here's the effect with a subtle amount of motion blur added to the water. After applying the Motion Blur filter, you may notice a horizontal line running through the center of the document, between the main photo and the reflection image. That's an artifact of the Motion Blur filter, and we'll clean it up later. Just ignore it for now:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/water-reflection-motion-blur-photoshop.jpg\" alt=\"Motion blur has been added to the water reflection\" width=\"356\" height=\"548\" \/>\n<div class=\"image-desc\">The water reflection effect after adding motion blur.<\/div>\n<p>In the Layers panel, the Motion Blur filter appears as a <strong>Smart Filter<\/strong> below the \"Reflection\" layer. If you want to change the blur amount, double-click on the words \"Motion Blur\" to re-open the filter's dialog box and adjust the Distance value as needed:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/motion-blur-smart-filter.png\" alt=\"The Layers panel showing the Motion Blur Smart Filter\" width=\"287\" height=\"204\" \/>\n<div class=\"image-desc\">The Layers panel showing the Motion Blur Smart Filter.<\/div>\n<h3>Step 10: Add A Blue Solid Color Fill Layer<\/h3>\n<p>Since water tends to look blue, let's add a bluish tint to the reflection. Click on the <strong>New Fill or Adjustment 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\/water-reflection\/new-fill-adjustment-layer-icon-photoshop.png\" alt=\"Clicking the New Fill or Adjustment Layer icon in the Layers panel in Photoshop\" width=\"287\" height=\"198\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>Choose <strong>Solid Color<\/strong> from the top of the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/choose-solid-color-fill-layer-photoshop.png\" alt=\"Adding a Solid Color fill layer in Photoshop\" width=\"173\" height=\"127\" \/>\n<div class=\"image-desc\">Adding a Solid Color fill layer.<\/div>\n<p>In the Color Picker, choose a muted blue by setting the <strong>R<\/strong> value to <strong>40<\/strong>, the <strong>G<\/strong> value to <strong>110<\/strong> and the <strong>B<\/strong> value to <strong>185<\/strong>, and then click OK to close the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/choose-blue-color-picker-photoshop.jpg\" alt=\"Choosing a blue color for the water reflection in the Color Picker\" width=\"545\" height=\"397\" \/>\n<div class=\"image-desc\">Choosing blue for the water in the Color Picker.<\/div>\n<p>After adding the fill layer, the water reflection in the bottom half of the document is temporarily covered by solid blue:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/reflection-hidden-by-blue-fill-layer.jpg\" alt=\"The water reflection is hidden by the blue fill layer\" width=\"359\" height=\"550\" \/>\n<div class=\"image-desc\">The water reflection is hidden by the blue fill layer.<\/div>\n<h3>Step 11: Drag The Fill Layer Below The &quot;Reflection&quot; Layer<\/h3>\n<p>The reason it's covered in blue is because Photoshop added the fill layer, named &quot;Color Fill 1&quot;, between the &quot;Photo&quot; and &quot;Reflection&quot; layers. Click on the fill layer and drag it down below the &quot;Reflection&quot; layer. This will hide the blue fill layer, allowing the water reflection to re-appear. We'll bring the blue color back in a moment:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/move-fill-layer-below-reflection-layer.png\" alt=\"Moving the blue fill layer below the Reflection layer\" width=\"287\" height=\"258\" \/>\n<div class=\"image-desc\">Dragging the fill layer below the &quot;Reflection&quot; layer.<\/div>\n<h3>Step 12: Select The Smart Filter Layer Mask<\/h3>\n<p>Next, let's adjust the appearance of the motion blur in the water reflection so that the blur effect fades away as it moves further from shore. Select the Smart Filters layer mask by clicking on the <strong>layer mask thumbnail<\/strong> to the left of the words &quot;Smart Filters&quot;:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/selecting-smart-filters-layer-mask.png\" alt=\"Selecting the layer mask for the Smart Filters\" width=\"287\" height=\"258\" \/>\n<div class=\"image-desc\">Clicking the Smart Filters layer mask thumbnail.<\/div>\n<h3>Step 13: Draw A Black To White Gradient On The Layer Mask<\/h3>\n<p>Choose the <a href=\"\/basics\/how-to-draw-gradients-with-the-gradient-tool-in-photoshop\/\" title=\"How to draw gradients in Photoshop\">Gradient Tool<\/a> from the Toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-gradient-tool-from-toolbar-photoshop.png\" alt=\"Selecting the Gradient Tool from the Toolbar in Photoshop\" width=\"78\" height=\"171\" \/>\n<div class=\"image-desc\">Selecting the Gradient Tool.<\/div>\n<p>In the Options Bar, click on the small <strong>arrow<\/strong> to the right of the gradient <strong>color swatch<\/strong>, and then choose the <strong>Black to White<\/strong> gradient by double-clicking on its thumbnail (third from the left, top row). This selects the gradient and closes the Gradient Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/choose-black-white-gradient-options-bar.jpg\" alt=\"Choosing the Black to White gradient for the Gradient Tool\" width=\"272\" height=\"210\" \/>\n<div class=\"image-desc\">Choosing the Black to White gradient.<\/div>\n<p>Still in the Options Bar, make sure the <strong>Linear<\/strong> gradient style is selected by clicking its icon (directly to the right of the gradient color swatch):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/linear-gradient-style-icon-options-bar.png\" alt=\"Choosing the Linear gradient style in the Options Bar in Photoshop\" width=\"371\" height=\"105\" \/>\n<div class=\"image-desc\">Choosing Linear for the gradient style.<\/div>\n<p>Click at the bottom of the document to set a starting point for the gradient. Keep your mouse button held down and drag upwards to the middle (to the top of the water reflection image). Hold your <strong>Shift<\/strong> key as you drag to make it easier to drag straight up vertically:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/drag-black-white-gradient-layer-mask.jpg\" alt=\"Drawing a black to white gradient across the water reflection image\" width=\"368\" height=\"551\" \/>\n<div class=\"image-desc\">Drawing a vertical gradient across the water reflection.<\/div>\n<p>Release your mouse button to complete the gradient. The motion blur effect now gradually fades as it moves from the top of the water reflection to the bottom:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/water-reflection-fade-motion-blur.jpg\" alt=\"The motion blur on the water reflection gradually fades towards the bottom\" width=\"358\" height=\"550\" \/>\n<div class=\"image-desc\">The water reflection after fading the motion blur.<\/div>\n<h3>Step 14: Load The Layer Mask As A Selection<\/h3>\n<p>Now that we've faded the motion blur effect, let's fade the water reflection itself so that it blends in with our blue fill layer. We'll do that by adding an exact copy of our layer mask to the &quot;Reflection&quot; layer. Press and hold the <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key on your keyboard and click on the Smart Filters <strong>layer mask thumbnail<\/strong>. This loads the layer mask as a selection (a selection outline will appear in the document):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/load-layer-mask-as-selection.png\" alt=\"Loading the Smart Filters layer mask as a selection in Photoshop\" width=\"287\" height=\"259\" \/>\n<div class=\"image-desc\">Holding Ctrl (Win) \/ Command (Mac) and clicking the layer mask thumbnail.<\/div>\n<h3>Step 15: Add A Layer Mask To The \"Reflection\" Layer<\/h3>\n<p>Make sure the \"Reflection\" layer is selected, and then click the <strong>Add Layer Mask<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/add-layer-mask-reflection-layer.png\" alt=\"Adding a layer mask to the water reflection layer\" width=\"287\" height=\"261\" \/>\n<div class=\"image-desc\">Clicking the &quot;Add Layer Mask&quot; icon.<\/div>\n<p>Photoshop converts the selection outline into a new layer mask, giving us an identical mask with the same black to white gradient on the \"Reflection\" layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/layer-mask-added-water-reflection-layer.png\" alt=\"An identical layer mask has been added to the water reflection layer\" width=\"287\" height=\"281\" \/>\n<div class=\"image-desc\">The &quot;Reflection&quot; layer's mask shows the same gradient as the Smart Filters mask.<\/div>\n<p>With the layer mask added, the water reflection now gradually fades from top to bottom into the blue from our Solid Color fill layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/water-reflection-fading-to-blue-photoshop.jpg\" alt=\"The water reflection now fades to blue\" width=\"358\" height=\"550\" \/>\n<div class=\"image-desc\">The water reflection now fades to blue.<\/div>\n<h3>Step 16: Lower The Intensity Of The Blue<\/h3>\n<p>If the blue looks too strong, you can fade it in Photoshop's <strong>Properties panel<\/strong>. Make sure the layer mask thumbnail on the &quot;Reflection&quot; layer is selected. Then, in the Properties panel, lower the <strong>Density<\/strong> value by dragging the slider to the left. The more you lower it, the more the blue color will fade away. I'll lower mine down to 50%:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/lower-density-properties-panel.png\" alt=\"The water reflection now fades to blue\" width=\"305\" height=\"269\" \/>\n<div class=\"image-desc\">Lowering the Density of the layer mask to fade the blue color.<\/div>\n<p>And now the blue in the water is more subtle:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/water-reflection-blue-faded.jpg\" alt=\"The water reflection now shows a more subtle bluish tint\" width=\"358\" height=\"550\" \/>\n<div class=\"image-desc\">The color of the water now looks more natural.<\/div>\n<h3>Step 17: Combine The \"Reflection\" And Fill Layer Into A Smart Object<\/h3>\n<p>We need to combine the \"Reflection\" layer and the fill layer below it into a single Smart Object. With the \"Reflection\" layer selected, press and hold your <strong>Shift<\/strong> key and click on the fill layer. This selects both layers at once:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-reflection-and-fill-layers.png\" alt=\"Selecting the water reflection and solid color fill layer in the Layers panel\" width=\"286\" height=\"258\" \/>\n<div class=\"image-desc\">Selecting the &quot;Reflection&quot; and fill layers in the Layers panel.<\/div>\n<p>Click the <strong>menu icon<\/strong> in the upper right of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/click-layers-panel-menu-icon.png\" alt=\"Opening the Layers panel menu\" width=\"295\" height=\"207\" \/>\n<div class=\"image-desc\">Clicking again on the Layers panel menu icon.<\/div>\n<p>Choose <strong>Convert to Smart Object<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-convert-to-smart-object-command.png\" alt=\"Choosing 'Convert to Smart Object' from the Layers panel menu\" width=\"239\" height=\"141\" \/>\n<div class=\"image-desc\">Choosing \"Convert to Smart Object\".<\/div>\n<p>Both layers now appear in the Layers panel as a single Smart Object named \"Reflection\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/new-reflection-smart-object.png\" alt=\"The two layers have been combined into one Smart Object named Reflection\" width=\"287\" height=\"207\" \/>\n<div class=\"image-desc\">The two layers have been combined into one Smart Object.<\/div>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h3>Step 18: Create A New Same Size Document<\/h3>\n<p>To make the reflection look more like water, we'll add ripples to it using a displacement map. The displacement map needs to be a separate Photoshop document, and it needs to be the <a href=\"\/basics\/create-new-photoshop-document-same-size-as-open-document\/\" title=\"View tutorial\">same size as our current document<\/a>. Make sure the &quot;Reflection&quot; Smart Object is selected in the Layers panel, and then go up to the <strong>Select<\/strong> menu and choose <strong>All<\/strong>. This places a selection outline around the entire image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-all-command-photoshop.png\" alt=\"Choosing the Select All command in Photoshop\" width=\"220\" height=\"116\" \/>\n<div class=\"image-desc\">Going to Select &gt; All.<\/div>\n<p>Go up to the <strong>Edit<\/strong> menu and choose <strong>Copy<\/strong> to copy the image to the clipboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/edit-copy-photoshop.png\" alt=\"Choosing the Copy command from the Edit menu in Photoshop\" width=\"282\" height=\"137\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Copy.<\/div>\n<p>To create the new document, go up to the <strong>File<\/strong> menu and choose <strong>New<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-file-new.png\" alt=\"Choosing the New command from the File menu in Photoshop\" width=\"264\" height=\"136\" \/>\n<div class=\"image-desc\">Going to File &gt; New.<\/div>\n<p>This opens the <strong>New Document<\/strong> dialog box. Since we copied our image to the clipboard, Photoshop automatically sets the <strong>Width<\/strong>, <strong>Height<\/strong> and <strong>Resolution<\/strong> of the new document to the same values as the original document. Click Create (Photoshop CC) or OK (CS6) to create the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-new-document-same-size.png\" alt=\"Creating a new document the same size as the other document in Photoshop\" width=\"318\" height=\"331\" \/>\n<div class=\"image-desc\">Photoshop matches the width, height and resolution of the main document.<\/div>\n<h3>Step 19: Add Noise<\/h3>\n<p>The first thing we'll do with our displacement map is add some noise. In the new document, 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\/water-reflection\/choose-add-noise-filter-photoshop.png\" alt=\"Selecting the Add Noise filter in Photoshop\" width=\"177\" height=\"112\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Noise &gt; Add Noise. <\/div>\n<p>In the Add Noise dialog box, set the <strong>Amount<\/strong> to <strong>400%<\/strong>, and then choose <strong>Gaussian<\/strong> and <strong>Monochromatic<\/strong> at the bottom. Click OK to close the dialog box. Photoshop fills the document with noise (little black and white dots):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/add-noise-filter-dialog-photoshop.png\" alt=\"Adding noise to the displacement map document in Photoshop\" width=\"335\" height=\"466\" \/>\n<div class=\"image-desc\">The Add Noise filter settings.<\/div>\n<h3>Step 20: Add Blur To Soften The Noise<\/h3>\n<p>Soften the noise using the Gaussian Blur filter. Go up to the <strong>Filter<\/strong> menu, choose <strong>Blur<\/strong>, and then choose <strong>Gaussian Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/choose-gaussian-blur-filter-photoshop.png\" alt=\"Selecting the Gaussian Blur filter in Photoshop\" width=\"152\" height=\"143\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Blur &gt; Gaussian Blur. <\/div>\n<p>In the Gaussian Blur dialog box, set the <strong>Radius<\/strong> value to <strong>2 pixels<\/strong> and then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/gaussian-blur-filter-photoshop.png\" alt=\"Softening the noise in the displacement map document\" width=\"324\" height=\"340\" \/>\n<div class=\"image-desc\">Softening the noise with Gaussian Blur.<\/div>\n<h3>Step 21: Apply \"Emboss\" To The Red Channel<\/h3>\n<p>Open the <strong>Channels<\/strong> panel by clicking its tab next to the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/open-channels-panel-photoshop.png\" alt=\"Opening the Channels panel in Photoshop\" width=\"287\" height=\"208\" \/>\n<div class=\"image-desc\">Switching from the Layers panel to the Channels panel.<\/div>\n<p>Click on the <strong>Red<\/strong> channel to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-red-channel-photoshop.png\" alt=\"Selecting the Red channel in the Channels panel\" width=\"287\" height=\"251\" \/>\n<div class=\"image-desc\">Selecting the Red channel.<\/div>\n<p>Go up to the <strong>Filter<\/strong> menu, choose <strong>Stylize<\/strong>, and then choose <strong>Emboss<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/choose-emboss-filter-photoshop.png\" alt=\"Selecting the Emboss filter from the Stylize menu in Photoshop\" width=\"156\" height=\"146\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Stylize &gt; Emboss.<\/div>\n<p>In the Emboss dialog box, set the <strong>Angle<\/strong> to <strong>90&deg;<\/strong>, the <strong>Height<\/strong> to <strong>1 pixel<\/strong> and the <strong>Amount<\/strong> to <strong>500%<\/strong>. Click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-emboss-filter.png\" alt=\"The Emboss filter settings for the Red channel\" width=\"324\" height=\"436\" \/>\n<div class=\"image-desc\">The Emboss filter settings for the Red channel.<\/div>\n<h3>Step 22: Apply \"Emboss\" To The Green Channel<\/h3>\n<p>Click on the <strong>Green<\/strong> channel to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-green-channel-photoshop.png\" alt=\"Selecting the Green channel in the Channels panel in Photoshop\" width=\"286\" height=\"250\" \/>\n<div class=\"image-desc\">Selecting the Green channel.<\/div>\n<p>Go back up to the <strong>Filter<\/strong> menu, choose <strong>Stylize<\/strong>, and once again choose <strong>Emboss<\/strong>. Leave the Height set to 1 pixel and the Amount at 500%, but change the <strong>Angle<\/strong> to <strong>180&deg;<\/strong>. Click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/apply-emboss-filter-green-channel-photoshop.png\" alt=\"The Emboss filter settings for the Green channel\" width=\"324\" height=\"198\" \/>\n<div class=\"image-desc\">Changing the Angle to 180&deg; for the Green channel.<\/div>\n<h3>Step 23: Select The RGB Channel And Re-Open The Layers Panel<\/h3>\n<p>Click on the <strong>RGB<\/strong> channel at the top to select it. This turns all three color channels (Red, Green and Blue) back on:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-rgb-channel-photoshop.png\" alt=\"Selecting the RGB channel in the Channels panel in Photoshop\" width=\"286\" height=\"250\" \/>\n<div class=\"image-desc\">Selecting the RGB channel.<\/div>\n<p>Then switch back to the <strong>Layers panel<\/strong> by clicking its tab:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/open-layers-panel-photoshop.png\" alt=\"Opening the Layers panel in Photoshop\" width=\"305\" height=\"206\" \/>\n<div class=\"image-desc\">Re-opening the Layers panel.<\/div>\n<h3>Step 24: Unlock The Background Layer<\/h3>\n<p>We need to unlock the Background layer so we can reshape it. In Photoshop CC, simply click on the <strong>lock icon<\/strong>. In Photoshop CS6, press and hold your <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key and double-click on the Background layer. This renames the layer \"Layer 0\" and the lock icon disappears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/unlock-background-layer-photoshop.png\" alt=\"Unlocking the Backgroud layer in the Layers panel in Photoshop\" width=\"287\" height=\"187\" \/>\n<div class=\"image-desc\">Unlocking the Background layer.<\/div>\n<h3>Step 25: Zoom Out From The Document<\/h3>\n<p>In a moment, we're going to reshape the image, but to do that, we'll need lots of room. Press and hold the <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key on your keyboard and press the <strong>minus key<\/strong> (<strong>-<\/strong>)  repeatedly to zoom way out of the document until the image appears very small in the center:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/document-zoomed-out-photoshop.png\" alt=\"Zooming far out of the Photoshop document before resizing it\" width=\"704\" height=\"393\" \/>\n<div class=\"image-desc\">Zooming far out of the document before resizing it.<\/div>\n<h3>Step 26: Transform The Perspective Of The Image<\/h3>\n<p>Go up to the <strong>Edit<\/strong> menu, choose <strong>Transform<\/strong>, and then choose <strong>Perspective<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/choose-transform-perspective-photoshop.png\" alt=\"Choosing the Transform Perspective command in Photoshop\" width=\"247\" height=\"137\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Transform &gt; Perspective.<\/div>\n<p>Click on the <strong>handle<\/strong> in either the <strong>bottom left or right corner<\/strong> and drag it far away from the image. The further you drag, the greater the perspective effect you'll create:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/transform-perspective-photoshop.png\" alt=\"Dragging the bottom right perspective handle away from the image in Photoshop\" width=\"703\" height=\"431\" \/>\n<div class=\"image-desc\">Dragging the bottom right corner handle away from the image.<\/div>\n<p>There's no specific value to use, but if we look in my Options Bar, we see that I've dragged the <strong>Width<\/strong> (<strong>W<\/strong>) value to around <strong>3000%<\/strong>. Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on your keyboard to accept the transformation:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/perspective-width-options-bar.png\" alt=\"The Width (W) value in the Options Bar after dragging the perspective handle\" width=\"542\" height=\"105\" \/>\n<div class=\"image-desc\">The Width (W) value after dragging the handle.<\/div>\n<h3>Step 27: Zoom In On The Document<\/h3>\n<p>To zoom back in on the image, once again press and hold the <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key on your keyboard and this time, press the <strong>plus sign<\/strong> (<strong>+<\/strong>) repeatedly. At this closer view, we can see the perspective effect we've created, and the image looks a lot like water ripples gradually moving further off into the distance:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/displacement-map-water-ripples-perspective.jpg\" alt=\"The Width (W) value in the Options Bar after dragging the perspective handle\" width=\"358\" height=\"551\" \/>\n<div class=\"image-desc\">The water ripples are taking shape.<\/div>\n<h3>Step 28: Crop The Image<\/h3>\n<p>To keep the file size small and avoid any problems when we go to save it as a displacement map, crop away the hidden pixels on the sides. Go up to the <strong>Select<\/strong> menu and choose <strong>All<\/strong>. A selection outline appears around the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-all-command-photoshop.png\" alt=\"Choosing the Select All command in Photoshop\" width=\"220\" height=\"116\" \/>\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>. It won't look like anything has happened, but all of the hidden areas on the sides are now cropped away:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-crop-image.png\" alt=\"Cropping away the sides of the image\" width=\"205\" height=\"136\" \/>\n<div class=\"image-desc\">Going to Image &gt; Crop.<\/div>\n<p>To remove the selection outline, go back up to the <strong>Select<\/strong> menu and choose <strong>Deselect<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-deselect-command-photoshop.png\" alt=\"Choosing Deselect from the Select menu in Photoshop\" width=\"220\" height=\"117\" \/>\n<div class=\"image-desc\">Going to Select &gt; Deselect.<\/div>\n<p><a href=\"\/photo-editing\/how-to-crop-images-photoshop-cc\/\" title=\"How to crop images in Photoshop CC\">Related: How to crop images in Photoshop CC<\/a><\/p>\n<h3>Step 29: Scale The Height Of The Image<\/h3>\n<p>Finally, since the displacement map needs to affect only the water reflection in the bottom half of the document, let's scale the height of the image. This will also enhance the perspective effect even further. Go up to the <strong>Edit<\/strong> menu and choose <strong>Free Transform<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/choose-free-transform-photoshop.png\" alt=\"Choosing the Free Transform command in Photoshop\" width=\"256\" height=\"151\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Free Transform.<\/div>\n<p>Click on the <strong>top handle<\/strong> and drag it down into the center of the document. Once you get close to the center, it should snap into place. 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\/water-reflection\/scale-displacement-map-height.jpg\" alt=\"Scaling the displacement map to it will onlt affect the water reflection\" width=\"365\" height=\"550\" \/>\n<div class=\"image-desc\">Dragging the top transform handle into the center.<\/div>\n<h3>Step 30: Save The Displacement Map As A Photoshop .PSD File<\/h3>\n<p>We've created the displacement map and we're ready to save it. Go up to the <strong>File<\/strong> menu and choose <strong>Save As<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/save-as-command-photoshop.png\" alt=\"Choosing the Save As command from the File menu in Photoshop\" width=\"266\" height=\"136\" \/>\n<div class=\"image-desc\">Going to File &gt; Save As.<\/div>\n<p>In the Save As dialog box, name the file \"displacement-map\" and save it to your Desktop or other location where you can easily find it. Make sure the <strong>Format<\/strong> is set to <strong>Photoshop<\/strong> so that the file will be saved as a <strong>.PSD<\/strong> file, and then click <strong>Save<\/strong>. If Photoshop asks if you want to turn on Maximize Compatibility for the file, click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/save-water-reflection-displacement-map.png\" alt=\"Naming and saving the displacement map as a Photoshop file\" width=\"524\" height=\"409\" \/>\n<div class=\"image-desc\">Naming and saving the displacement map as a Photoshop .PSD file.<\/div>\n<h3>Step 31: Switch To Your Main Document<\/h3>\n<p>Switch back to your water reflection document by clicking on its tab:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-water-reflection-document-tab.png\" alt=\"Switching from the displacement map to the water reflection document\" width=\"689\" height=\"128\" \/>\n<div class=\"image-desc\">Switching from the displacement map to the water reflection document.<\/div>\n<p>If you're still seeing the selection outline around the image from when we copied it, go up to the <strong>Select<\/strong> menu and choose <strong>Deselect<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-deselect-command-photoshop.png\" alt=\"Choosing Deselect from the Select menu in Photoshop\" width=\"220\" height=\"117\" \/>\n<div class=\"image-desc\">Going to Select &gt; Deselect.<\/div>\n<h3>Step 32: Apply The Displace Filter<\/h3>\n<p>Apply the displacement map to the water reflection. With the \"Reflection\" Smart Object selected in the Layers panel, go up to the <strong>Filter<\/strong> menu, choose <strong>Distort<\/strong>, and then choose <strong>Displace<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/choose-displace-filter-photoshop.png\" alt=\"Choosing the Displace filter in Photoshop\" width=\"179\" height=\"128\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Distort &gt; Displace.<\/div>\n<p>This opens the Displace dialog box. At the top are the <strong>Horizontal Scale<\/strong> and <strong>Vertical Scale<\/strong> options. These two options control how much the displacement map will bend, warp and reshape the image. Horizontal Scale controls the width of the distortion and Vertical Scale controls the height. To create the water ripples, you'll generally get better results using a low Horizontal Scale value and a higher Vertical scale value. The exact values you need will depend mainly on the size of your image but also on your subject, so you'll want to experiment.<\/p>\n<p> In my case, I'll set the Horizontal Scale to 10 and the Vertical Scale to 80. Leave <strong>Displacement Map<\/strong> set to <strong>Stretch To Fit<\/strong> and <strong>Undefined Areas<\/strong> set to <strong>Repeat Edge Pixels<\/strong>, and then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-displace-filter-settings.png\" alt=\"The Displace dialog box in Photoshop\" width=\"307\" height=\"221\" \/>\n<div class=\"image-desc\">The Displace dialog box.<\/div>\n<p>Choose your displacement map from where you saved it, and then click Open:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-displacement-map-photoshop.png\" alt=\"Choosing the displacement map to apply to the water reflection\" width=\"604\" height=\"264\" \/>\n<div class=\"image-desc\">Selecting the displacement map.<\/div>\n<p>Photoshop applies the displacement map to the water reflection, and with this image, the settings I chose create a nice, subtle ripple effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-water-reflection-subtle-ripples.jpg\" alt=\"The water reflection with a subtle ripple effect\" width=\"388\" height=\"600\" \/>\n<div class=\"image-desc\">The water reflection with the displacement map applied.<\/div>\n<h3>Step 33: Experiment With The Displace Settings<\/h3>\n<p>In the Layers panel, the Displace filter appears as a Smart Filter below the \"Reflection\" Smart Object. To try different Horizontal and Vertical Scale values, double-click on the word \"Displace\" to re-open the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/water-reflection-displace-smart-filter.png\" alt=\"Re-opening the Displace Smart Filter in the Layers panel\" width=\"287\" height=\"213\" \/>\n<div class=\"image-desc\">Double-click &quot;Displace&quot; to re-open the Smart Filter.<\/div>\n<p>This time, I'll leave the Horizontal Scale set to 10 but I'll increase the Vertical Scale to 120. Note that I'm working with a fairly large image. Smaller images will generally need smaller values to get the same results:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/edit-displace-filter-settings.png\" alt=\"Trying different settings for the Displace filter\" width=\"300\" height=\"218\" \/>\n<div class=\"image-desc\">Experimenting with the Displace settings.<\/div>\n<p>Click OK to close the dialog box. Photoshop will ask you to reselect your displacement map. And here we see that this time, the higher Vertical Scale value creates stronger, more obvious water ripples:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-water-reflection-more-ripples.jpg\" alt=\"The water reflection with a stronger ripple effect\" width=\"388\" height=\"600\" \/>\n<div class=\"image-desc\">Different Displace settings will give you different results.<\/div>\n<h3>Step 34: Stretch The \"Reflection\" Smart Object Upward<\/h3>\n<p>If we look along the top of the water reflection where the two images meet, we see some blue artifacts  caused by the displacement map:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/blue-artifacts.jpg\" alt=\"The Displace filter created artifacts along the top of the water reflection\" width=\"704\" height=\"400\" \/>\n<div class=\"image-desc\">The Displace filter created artifacts along the top of the water reflection.<\/div>\n<p>To clean those up, make sure the \"Reflection\" Smart Object is selected in the Layers panel, and then go up to the <strong>Edit<\/strong> menu and choose <strong>Free Transform<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/choose-free-transform-photoshop.png\" alt=\"Choosing the Free Transform command in Photoshop\" width=\"256\" height=\"151\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Free Transform.<\/div>\n<p>Photoshop will warn you that any Smart Filters you've applied will be turned off while you're in Transform mode. Click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/smart-filters-turned-off-warning.png\" alt=\"Smart Filters will be turned off while transform is being previewed\" width=\"428\" height=\"203\" \/>\n<div class=\"image-desc\">Clicking OK to accept the message.<\/div>\n<p>Click on the <strong>top handle<\/strong> and drag it slightly upwards to stretch the water reflection image  until the blue artifacts are hidden behind the main image. Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on your keyboard when you're done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/stretch-water-reflection-image.jpg\" alt=\"Stretching the water reflection image to hide the artifacts behind the main photo\" width=\"376\" height=\"600\" \/>\n<div class=\"image-desc\">Stretching the reflection image to hide the artifacts behind the main photo.<\/div>\n<h3>Step 35: Crop The Image<\/h3>\n<p>You may also notice some problem areas along the very bottom of the water reflection, again caused by the displacement map. Or, you may just want to crop some of the reflection away. In either case, select the <strong>Crop Tool<\/strong> from the Toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-crop-tool-photoshop.png\" alt=\"Selecting the Crop Tool from the Toolbar in Photoshop\" width=\"78\" height=\"169\" \/>\n<div class=\"image-desc\">Selecting the Crop Tool.<\/div>\n<p>Photoshop places a cropping box around the image. Click on the <strong>bottom handle<\/strong> and drag it upward to crop away the bottom of the reflection. Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to crop the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/crop-water-reflection-photoshop.jpg\" alt=\"Cropping away some of the water reflection\" width=\"382\" height=\"600\" \/>\n<div class=\"image-desc\">Cropping away some of the water reflection along the bottom.<\/div>\n<h3>Step 36: Add A Shadow Along The Shoreline<\/h3>\n<p>Finally, to complete the water reflection effect, add a shadow along the shoreline to give it some depth, as if the ground slopes into the water. Select the \"Photo\" layer in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-photo-layer-layers-panel.png\" alt=\"Selecting the Photo layer in the Layers panel\" width=\"286\" height=\"245\" \/>\n<div class=\"image-desc\">Selecting the &quot;Photo&quot; layer.<\/div>\n<p>Add a new layer above it by clicking the <strong>New Layer<\/strong> icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-add-new-layer-icon.png\" alt=\"Adding a new layer above the Photo layer\" width=\"287\" height=\"198\" \/>\n<div class=\"image-desc\">Clicking the &quot;New Layer&quot; icon.<\/div>\n<p>Select the <a href=\"\/basics\/selections\/rectangular-marquee-tool\/\" title=\"View tutorial\">Rectangular Marquee Tool<\/a> from the Toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-rectangular-marquee-tool-photoshop.png\" alt=\"Selecting the Rectangular Marquee Tool from the Toolbar in Photoshop\" width=\"78\" height=\"175\" \/>\n<div class=\"image-desc\">Selecting the Rectangular Marquee Tool.<\/div>\n<p>Drag out a rectangular selection around the shoreline:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/draw-rectangular-selection-shoreline.jpg\" alt=\"Drawing a selection around the shoreline\" width=\"524\" height=\"400\" \/>\n<div class=\"image-desc\">Drawing a selection that extends above and below the shoreline.<\/div>\n<p>Fill the selection with black by going up to the <strong>Edit<\/strong> menu and choosing <strong>Fill<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/selecting-fill-command-photoshop.png\" alt=\"Selecting the Fill command from the Edit menu in Photoshop\" width=\"264\" height=\"169\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Fill.<\/div>\n<p>In the Fill dialog box, set <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\/water-reflection\/photoshop-fill-command-black.png\" alt=\"Setting the Contents option to Black in the Fill dialog box\" width=\"363\" height=\"204\" \/>\n<div class=\"image-desc\">Setting the Contents option to Black.<\/div>\n<p>The selection is now filled with black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/selection-filled-black.jpg\" alt=\"The selection after filling it with black\" width=\"500\" height=\"250\" \/>\n<div class=\"image-desc\">The selection after filling it with black.<\/div>\n<p>Remove the selection outline by going up to the <strong>Select<\/strong> menu and choosing <strong>Deselect<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/select-deselect-command-photoshop.png\" alt=\"Choosing Deselect from the Select menu in Photoshop\" width=\"220\" height=\"117\" \/>\n<div class=\"image-desc\">Going to Select &gt; Deselect.<\/div>\n<p>Soften the edges by going up to the <strong>Filter<\/strong> menu, choosing <strong>Blur<\/strong>, and then choosing <strong>Gaussian Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/choose-gaussian-blur-filter-photoshop.png\" alt=\"Selecting the Gaussian Blur filter in Photoshop\" width=\"152\" height=\"143\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Blur &gt; Gaussian Blur. <\/div>\n<p>In the Gaussian Blur dialog box, drag the <strong>Radius<\/strong> slider towards the right until the edges appear nice and soft. For a larger image, a value of between 30-40 pixels works well. For smaller images, try 15-20 pixels. Click OK to close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/soften-edges-gaussian-blur.png\" alt=\"Dragging the Radius slider in the Gaussian Blur dialog box\" width=\"324\" height=\"339\" \/>\n<div class=\"image-desc\">Dragging the Radius slider to soften the edges.<\/div>\n<p>Here's the result after softening the edges:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/water-reflection-shoreline-softer-edges.jpg\" alt=\"Creating a shadow along the shoreline for the water reflection effect\" width=\"601\" height=\"303\" \/>\n<div class=\"image-desc\">The black area looks more like a shadow after softening the edges.<\/div>\n<p>Finally, lower the <strong>opacity<\/strong> of the shadow to blend it in with the image. The Opacity option is found in the upper right of the Layers panel. I'll lower mine down to 50%:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-layer-opacity.png\" alt=\"Lowering the layer opacity to fade the shadow into the water reflection\" width=\"287\" height=\"203\" \/>\n<div class=\"image-desc\">Lowering the layer opacity to fade the shadow into the image.<\/div>\n<p>And with that, we're done! Here, after fading the shadow into the shoreline, is my final water reflection effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/water-reflection\/photoshop-water-reflection-effect.jpg\" alt=\"How to create a water reflection effect in Photoshop\" width=\"437\" height=\"603\" \/>\n<div class=\"image-desc\">The final water reflection 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 a realistic water reflection to an image with Photoshop! To take the effect even further, try adding <a href=\"\/photo-effects\/photoshop-weather-effects-rain\/\" title=\"View tutorial\">rain<\/a> to your image and then <a href=\"\/photo-effects\/add-a-rainbow-to-a-photo-with-photoshop\/\" title=\"View tutorial\">adding a rainbow<\/a>! Visit our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/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 a realistic water reflection to an image in Photoshop complete with water ripples! Our step-by-step guide!<\/p>\n","protected":false},"author":1,"featured_media":21899,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[104,5],"tags":[],"class_list":["post-2956","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 Make Water Reflections In Photoshop CC CS6<\/title>\n<meta name=\"description\" content=\"Learn how to add realistic water reflections to an image with Photoshop, and how to add water ripples to the reflection using a displacement map. A complete step-by-step tutorial for Photoshop CC and CS6.\" \/>\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-reflection-effect-in-photoshop-cs6\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Create Water Reflections In Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to add realistic water reflections and ripples to an image with Photoshop! Complete step-by-step guide for Photoshop CC and CS6.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/\" \/>\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=\"2017-12-01T05:01:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-08T13:59:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/12\/photoshop-water-reflections-effect-tutorial.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=\"40 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-reflection-effect-in-photoshop-cs6\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-reflection-effect-in-photoshop-cs6\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Water Reflection Effect In Photoshop CC and CS6\",\"datePublished\":\"2017-12-01T05:01:31+00:00\",\"dateModified\":\"2023-06-08T13:59:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-reflection-effect-in-photoshop-cs6\\\/\"},\"wordCount\":4349,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-reflection-effect-in-photoshop-cs6\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/create-water-reflection-effect-photoshop.jpg\",\"articleSection\":[\"CC\",\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-reflection-effect-in-photoshop-cs6\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-reflection-effect-in-photoshop-cs6\\\/\",\"name\":\"How To Make Water Reflections In Photoshop CC CS6\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-reflection-effect-in-photoshop-cs6\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-reflection-effect-in-photoshop-cs6\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/create-water-reflection-effect-photoshop.jpg\",\"datePublished\":\"2017-12-01T05:01:31+00:00\",\"dateModified\":\"2023-06-08T13:59:21+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to add realistic water reflections to an image with Photoshop, and how to add water ripples to the reflection using a displacement map. A complete step-by-step tutorial for Photoshop CC and CS6.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-reflection-effect-in-photoshop-cs6\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-reflection-effect-in-photoshop-cs6\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-reflection-effect-in-photoshop-cs6\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/create-water-reflection-effect-photoshop.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/create-water-reflection-effect-photoshop.jpg\",\"width\":250,\"height\":250,\"caption\":\"How to create a water reflectiion effect in Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-reflection-effect-in-photoshop-cs6\\\/#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\":\"Photoshop CS6 Water Reflection\"}]},{\"@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 Make Water Reflections In Photoshop CC CS6","description":"Learn how to add realistic water reflections to an image with Photoshop, and how to add water ripples to the reflection using a displacement map. A complete step-by-step tutorial for Photoshop CC and CS6.","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-reflection-effect-in-photoshop-cs6\/","og_locale":"en_US","og_type":"article","og_title":"How To Create Water Reflections In Photoshop","og_description":"Learn how to add realistic water reflections and ripples to an image with Photoshop! Complete step-by-step guide for Photoshop CC and CS6.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2017-12-01T05:01:31+00:00","article_modified_time":"2023-06-08T13:59:21+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/12\/photoshop-water-reflections-effect-tutorial.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"40 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Water Reflection Effect In Photoshop CC and CS6","datePublished":"2017-12-01T05:01:31+00:00","dateModified":"2023-06-08T13:59:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/"},"wordCount":4349,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2013\/01\/create-water-reflection-effect-photoshop.jpg","articleSection":["CC","Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/","name":"How To Make Water Reflections In Photoshop CC CS6","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2013\/01\/create-water-reflection-effect-photoshop.jpg","datePublished":"2017-12-01T05:01:31+00:00","dateModified":"2023-06-08T13:59:21+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to add realistic water reflections to an image with Photoshop, and how to add water ripples to the reflection using a displacement map. A complete step-by-step tutorial for Photoshop CC and CS6.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2013\/01\/create-water-reflection-effect-photoshop.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2013\/01\/create-water-reflection-effect-photoshop.jpg","width":250,"height":250,"caption":"How to create a water reflectiion effect in Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-reflection-effect-in-photoshop-cs6\/#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":"Photoshop CS6 Water Reflection"}]},{"@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\/2956","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=2956"}],"version-history":[{"count":77,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/2956\/revisions"}],"predecessor-version":[{"id":34721,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/2956\/revisions\/34721"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/21899"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=2956"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=2956"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=2956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}