{"id":365,"date":"2012-10-02T16:01:27","date_gmt":"2012-10-02T16:01:27","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=365"},"modified":"2019-04-13T13:04:43","modified_gmt":"2019-04-13T17:04:43","slug":"water-ripples","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/","title":{"rendered":"Water Ripples Effect In Photoshop"},"content":{"rendered":"<aside><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><\/aside>\n<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop Effects tutorial<\/strong>, we'll learn how to easily add realistic looking <strong>water ripples<\/strong> to an image! Photoshop ships with a filter designed specifically for creating a water ripple effect, but you'd never know it from the filter's name (no, it's not Ripple or Ocean Ripple, that would be too easy).<\/p>\n<p>The filter we'll be using does a decent job on its own, but as we'll see in this tutorial, by running the filter twice, using different settings each time, then combining the results, we can create a more realistic water ripple effect.<\/p>\n<p>I'll be using Photoshop CS5 throughout this tutorial but any recent version will work.<\/p>\n<p style=\"clear:both;\">Here's the image I'll be starting with:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/original.jpg\" alt=\"The original image. Image licensed from Shutterstock by Photoshop Essentials.com.\" width=\"364\" height=\"550\" \/>\n<div class=\"image-desc\">The original image.<\/div>\n<p>Here's how it will look after adding some  ripples to the  water, as if raindrops are falling on the surface:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/photoshop-water-ripples-effect.jpg\" alt=\"Photoshop water ripples effect.\" width=\"363\" height=\"549\" \/>\n<div class=\"image-desc\">The final water ripples effect.<\/div>\n<\/section>\n<aside> <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> <\/aside>\n<aside>\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>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<section>\n<h2 class=\"sub\">How To Create A Water Ripples Effect<\/h2>\n<h3>Step 1: Select The Elliptical Marquee Tool<\/h3>\n<p>The first thing we need to do is draw a selection around the area where the water ripple will appear. Since water ripples are elliptical, we'll use an elliptical selection tool. Select Photoshop's <strong><a href=\"\/basics\/selections\/elliptical-marquee-tool\/\">Elliptical Marquee Tool<\/a><\/strong> from the Tools panel. By default, it's nested behind the <a href=\"\/basics\/selections\/rectangular-marquee-tool\/\">Rectangular Marquee Tool<\/a> so click on the Rectangular Marquee Tool's icon and hold your mouse button down for a second or two until a fly-out menu appears, then select the Elliptical Marquee Tool from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/photoshop-elliptical-marquee-tool.gif\" alt=\"Photoshop Elliptical Marquee Tool.\" width=\"279\" height=\"173\" \/>\n<div class=\"image-desc\">Select the Elliptical Marquee Tool.<\/div>\n<h3>Step 2: Drag Out An Elliptical Selection<\/h3>\n<p>With the Elliptical Marquee Tool selected, drag out an elliptical selection where you want the first water ripple to appear in the image. Try to match the shape of the selection to the perspective of the image so that water ripples closer to you will appear more circular than ripples further off in the distance:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/elliptical-selection.jpg\" alt=\"Drawing an elliptical selection in the image.\" width=\"584\" height=\"443\" \/>\n<div class=\"image-desc\">Draw your first elliptical selection.<\/div>\n<h3>Step 3: Make Two Copies Of The Selected Area<\/h3>\n<p>With the selection outline in place, press <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) on your keyboard <strong>twice<\/strong> to make two copies of the selected area (you can also go up to the <strong>Layer<\/strong> menu, choose <strong>New<\/strong>, and then choose <strong>Layer via Copy<\/strong> twice, but the keyboard shortcut is much faster). Each copy will be added to its own layer in the Layers panel. The top layer will be selected (highlighted in blue):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/photoshop-layers-panel.gif\" alt=\"The Layers panel in Photoshop CS5.\" width=\"288\" height=\"378\" \/>\n<div class=\"image-desc\">Two copies of the selected area appear above the Background layer.<\/div>\n<h3>Step 4: Turn Off The Top Layer Temporarily<\/h3>\n<p>We need to hide the top layer for the moment, so click on its <strong>layer visibility icon<\/strong> (the eyeball) on the far left of the layer in the Layers panel, which will temporarily hide the layer from view in the document window:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/layer-visibility-icon.gif\" alt=\"The layer visibility icon in the Layers panel in Photoshop.\" width=\"306\" height=\"269\" \/>\n<div class=\"image-desc\">The eyeball will disappear when you click the icon, letting you know the layer is now hidden.<\/div>\n<h3>Step 5: Select The Layer Below It<\/h3>\n<p>With the top layer now hidden, click on the layer below it in the Layers panel to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/select-bottom-layer.gif\" alt=\"Clicking on a layer to select it.\" width=\"286\" height=\"292\" \/>\n<div class=\"image-desc\">Click on the bottom of the two layers to select it.<\/div>\n<h3>Step 6: Load A Selection Around The Layer's Contents<\/h3>\n<p>Hold down your <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key and click directly on the layer's <strong>preview thumbnail<\/strong> in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/layer-preview-thumbnail.gif\" alt=\"The layer preview thumbnail in the Layers panel in Photoshop.\" width=\"289\" height=\"269\" \/>\n<div class=\"image-desc\">Hold down Ctrl (Win) \/ Command (Mac) and click on the layer preview thumbnail.<\/div>\n<p>This places a selection outline around the contents of the layer in the document, which means the selection outline you drew a moment ago will reappear. The reason we're loading the selection outline before choosing the filter, which we'll be doing next, is to limit the filter's effect to the area inside the selection, otherwise Photoshop would apply it to the entire image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/elliptical-selection.jpg\" alt=\"Drawing an elliptical selection in the image.\" width=\"584\" height=\"443\" \/>\n<div class=\"image-desc\">The selection outline reappears in the document.<\/div>\n<h3>Step 7: Apply The ZigZag Filter<\/h3>\n<p>As I mentioned at the beginning of the tutorial, Photoshop actually ships with a filter built specifically for adding water ripples to an image, but you'd never guess which one it is just by glancing at the filter names. The one we want is not Ripple or Ocean Ripple. It's called ZigZag (yes, that's right, ZigZag). Go up to the <strong>Filter<\/strong> menu in the Menu Bar along the top of the screen, choose <strong>Distort<\/strong>, and then choose <strong>ZigZag<\/strong> down at the bottom of the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/filter-distort-zigzag.gif\" alt=\"Selecting the ZigZag filter in Photoshop.\" width=\"401\" height=\"258\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Distort &gt; ZigZag.<\/div>\n<p>The ZigZag filter works by distorting the image into the shape of water ripples. At the bottom of the filter's dialog box is a <strong>Style<\/strong> option which controls how Photoshop distorts the image. There's three choices - <strong>Around Center<\/strong>, <strong>Out From Center<\/strong> and <strong>Pond Ripples<\/strong> (the default setting). Each one gives us a slightly different water ripple effect, and one will usually produce better results than the other two depending on the area of the image you've selected. Try each one and judge the results in the preview window in the upper left of the dialog box. I'm going to stick with the default Pond Ripples, but a different choice may work better for you:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/filter-style.gif\" alt=\"The ZigZag filter styles in the dialog box.\" width=\"453\" height=\"210\" \/>\n<div class=\"image-desc\">Choose the Style option that works best for the area of the image you've selected.<\/div>\n<p>The <strong>Amount<\/strong> slider controls the intensity of the water ripple effect, while the <strong>Ridges<\/strong> slider changes the number of ridges. Keep an eye on the preview window in the dialog box to preview the results as you drag the sliders left and right (the effect isn't actually applied to the image until you click OK). We're going to be running the ZigZag filter twice, once on each of the two layers we created. For this initial ripple effect, add lots of ridges. These will appear around the outer edge of the ripple when we're done. I'm going to increase my Ridges value to around <strong>12<\/strong> and I'll increase the intensity of the effect by setting the Amount value to around <strong>70<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/zigzag-filter.gif\" alt=\"The Amount and Ridges options in the ZigZag filter dialog box.\" width=\"441\" height=\"454\" \/>\n<div class=\"image-desc\">Change the appearance of the water ripple with the Amount and Ridges sliders.<\/div>\n<p>Click OK when you're done to exit out of the dialog box and apply the filter to the selection:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/initial-water-ripple.jpg\" alt=\"The initial water ripple effect.\" width=\"553\" height=\"492\" \/>\n<div class=\"image-desc\">The initial water ripple effect.<\/div>\n<h3>Step 8: Select The Top Layer And Turn It Back On<\/h3>\n<p>Click on the top layer in the Layers panel to select it, then click on its <strong>layer visibility icon<\/strong> to turn the layer back on in the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/select-top-layer.gif\" alt=\"Selecting and turning on the top layer in the Layers panel.\" width=\"305\" height=\"269\" \/>\n<div class=\"image-desc\">Select and turn on the top layer.<\/div>\n<h3>Step 9: Apply The ZigZag Filter Again<\/h3>\n<p>We need to apply the ZigZag filter again, this time to the top layer. Since it was the last filter we used, we can quickly access its dialog box by pressing <strong>Ctrl+Alt+F<\/strong> (Win) \/ <strong>Command+Option+F<\/strong> (Mac). The effect we apply to this top layer will become the center area of the water ripple, and the center usually has fewer ridges than the outer edge, which means we'll need a more subtle effect this time. I'm going to change my <strong>Style<\/strong> option to <strong>Out From Center<\/strong> and I'll lower the <strong>Ridges<\/strong> value to <strong>4<\/strong>. The Out From Center style tends to give a less intense result than the other two styles, so to compensate, I'll increase my <strong>Amount<\/strong> value to <strong>100<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/out-from-center.gif\" alt=\"Using different settings in the ZigZag filter dialog box.\" width=\"441\" height=\"454\" \/>\n<div class=\"image-desc\">Change the appearance of the water ripples with the Amount and Ridges sliders.<\/div>\n<p>Click OK when you're done to once again exit out of the ZigZag filter dialog box. The second water ripple appears inside the selection on the top layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/second-ripple-effect.jpg\" alt=\"The second, more subtle water ripple effect.\" width=\"554\" height=\"492\" \/>\n<div class=\"image-desc\">The second, more subtle water ripple effect.<\/div>\n<h3>Step 10: Make The Selection Outline Smaller With Transform The Selection<\/h3>\n<p>Go up to the <strong>Select<\/strong> menu at the top of the screen and choose <strong>Transform Selection<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/select-transform-selection.gif\" alt=\"Go to Select &gt; Transform Selection.\" width=\"220\" height=\"140\" \/>\n<div class=\"image-desc\">Go to Select &gt; Transform Selection.<\/div>\n<p>The Transform Selection command works very similar to Photoshop's Free Transform command except that it affects the selection outline itself, not the pixels inside the selection outline. Hold down <strong>Shift+Alt<\/strong> (Win) \/ <strong>Shift+Option<\/strong> (Mac), click on the handle (the small square) in the top left corner of the Transform Selection bounding box, then drag the handle in towards the center of the selection until the selection outline is around 50-60% of its original size. Holding the Shift key as you drag constrains the shape of the selection outline, while the Alt \/ Option key allows us to resize the selection outline from its center. Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to accept the transformation:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/transform-selection.jpg\" alt=\"Resizing the selection outline with Transform Selection.\" width=\"590\" height=\"460\" \/>\n<div class=\"image-desc\">Reduce the selection outline to 50-60% its original size.<\/div>\n<h3>Step 11: Invert And Delete The Selection<\/h3>\n<p>Go up to the <strong>Select<\/strong> menu at the top of the screen and choose <strong>Inverse<\/strong>, or press <strong>Shift+Ctrl+I<\/strong> (Win) \/ <strong>Shift+Command+I<\/strong> (Mac) to access the same command with the keyboard shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/select-inverse.gif\" alt=\"Go to Select &gt; Inverse.\" width=\"220\" height=\"150\" \/>\n<div class=\"image-desc\">Go to Select &gt; Inverse.<\/div>\n<p>This reverses our selection so that the area in the center of the water ripple is now deselected while everything around it on the layer <em>is<\/em> selected. Press <strong>Backspace<\/strong> (Win) \/ <strong>Delete<\/strong> (Mac) on your keyboard to delete everything around the center of the water ripple, which reveals the more condensed ridges near the outer edge on the layer below. Press <strong>Ctrl+D<\/strong> (Win) \/ <strong>Command+D<\/strong> (Mac) to remove the selection outline from the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/outer-deleted.jpg\" alt=\"Deleting the area around the center of the water ripple.\" width=\"592\" height=\"460\" \/>\n<div class=\"image-desc\">The water ripple effect is now more subtle in the center, with more ridges near the outer edge.<\/div>\n<h3>Step 12: Merge The Two Layers Together<\/h3>\n<p>With the top layer selected in the Layers panel, go up to the <strong>Layer<\/strong> menu at the top of the screen and choose <strong>Merge Down<\/strong>, or press <strong>Ctrl+E<\/strong> (Win) \/ <strong>Command+E<\/strong> (Mac) to access the same command with the faster keyboard shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/layer-merge-down.gif\" alt=\"Go to Layer &gt; Merge Down.\" width=\"255\" height=\"146\" \/>\n<div class=\"image-desc\">Go to Layer &gt; Merge Down.<\/div>\n<p>This merges the two water ripple layers onto a single layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/merged-layers.gif\" alt=\"The two layers have been merged onto a single layer.\" width=\"288\" height=\"291\" \/>\n<div class=\"image-desc\">The two layers have been merged onto a single layer.<\/div>\n<h3>Step 13: Apply The Gaussian Blur Filter<\/h3>\n<p>The ZigZag filter can sometimes produce harsh, jagged areas in the water ripple, so let's soften them up a little by applying a subtle blur effect. Go up to the <strong>Filter<\/strong> menu, choose <strong>Blur<\/strong>, then choose <strong>Gaussian Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/filter-blur-gaussian-blur.gif\" alt=\"Go to Filter &gt; Blur &gt; Gaussian Blur.\" width=\"375\" height=\"173\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Blur &gt; Gaussian Blur.<\/div>\n<p>This brings up Photoshop's Gaussian Blur dialog box. We need only a small amount of blurring to soften the edges. A <strong>Radius<\/strong> value of around <strong>0.4 pixels<\/strong> is usually all it takes:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/photoshop-gaussian-blur.gif\" alt=\"The Gaussian Blur filter in Photoshop.\" width=\"342\" height=\"341\" \/>\n<div class=\"image-desc\">A very small amount of blurring is all we need.<\/div>\n<p>Click OK to exit out of the Gaussian Blur dialog box, and our first water ripple has been added to the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/first-water-ripple-added.jpg\" alt=\"A water ripple has been added to the image in Photoshop.\" width=\"580\" height=\"491\" \/>\n<div class=\"image-desc\">The water ripple after softening any harsh areas with Gaussian Blur.<\/div>\n<h3>Step 14: Repeat The Steps To Add More Water Ripples As Needed<\/h3>\n<p>To add more water ripples to the image, start by clicking on the <strong>Background layer<\/strong> in the Layers panel to select the original image, then simply repeat steps 2-13 for each water ripple you need to add. After you've created a couple of them and the steps become more familiar to you, it takes no time at all to add more. Be sure to experiment with the different Style options in the ZigZag dialog box to see which one gives you the best results each time.<\/p>\n<p>Here, after scattering a few more ripples around the surface of the water, is my final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/water-ripples\/photoshop-water-ripples-effect.jpg\" alt=\"Photoshop water ripples effect.\" width=\"363\" height=\"549\" \/>\n<div class=\"image-desc\">The final water ripples effect.<\/div>\n<\/section>\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<aside>\n<p>And there we have it! That's how to add realistic-looking water ripples to an image with Photoshop! Visit our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/p>\n<\/aside>\n<aside> <div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div> <\/aside>\n\n","protected":false},"excerpt":{"rendered":"<p>Learn how to easily add realistic looking water ripples to an image with Photoshop!<\/p>\n","protected":false},"author":1,"featured_media":15396,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-365","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>Water Ripples Effect - Photoshop Tutorial<\/title>\n<meta name=\"description\" content=\"In this photo effects tutorial, learn how to easily add realistic water ripples to an image with Photoshop!\" \/>\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-ripples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Water Ripples Effect In Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this photo effects tutorial, learn how to easily add realistic water ripples to an image with Photoshop!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/\" \/>\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-10-02T16:01:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T17:04:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-water-ripples-effect-f.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=\"9 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-ripples\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-ripples\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Water Ripples Effect In Photoshop\",\"datePublished\":\"2012-10-02T16:01:27+00:00\",\"dateModified\":\"2019-04-13T17:04:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-ripples\\\/\"},\"wordCount\":1889,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-ripples\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-water-ripples-effect-f.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-ripples\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-ripples\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-ripples\\\/\",\"name\":\"Water Ripples Effect - Photoshop Tutorial\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-ripples\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-ripples\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-water-ripples-effect-f.jpg\",\"datePublished\":\"2012-10-02T16:01:27+00:00\",\"dateModified\":\"2019-04-13T17:04:43+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this photo effects tutorial, learn how to easily add realistic water ripples to an image with Photoshop!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-ripples\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-ripples\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-ripples\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-water-ripples-effect-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-water-ripples-effect-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"Water Ripples Effect In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/water-ripples\\\/#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 Ripples\"}]},{\"@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":"Water Ripples Effect - Photoshop Tutorial","description":"In this photo effects tutorial, learn how to easily add realistic water ripples to an image with Photoshop!","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-ripples\/","og_locale":"en_US","og_type":"article","og_title":"Water Ripples Effect In Photoshop","og_description":"In this photo effects tutorial, learn how to easily add realistic water ripples to an image with Photoshop!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-02T16:01:27+00:00","article_modified_time":"2019-04-13T17:04:43+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-water-ripples-effect-f.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Water Ripples Effect In Photoshop","datePublished":"2012-10-02T16:01:27+00:00","dateModified":"2019-04-13T17:04:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/"},"wordCount":1889,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-water-ripples-effect-f.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/","name":"Water Ripples Effect - Photoshop Tutorial","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-water-ripples-effect-f.jpg","datePublished":"2012-10-02T16:01:27+00:00","dateModified":"2019-04-13T17:04:43+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this photo effects tutorial, learn how to easily add realistic water ripples to an image with Photoshop!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-water-ripples-effect-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-water-ripples-effect-f.jpg","width":250,"height":250,"caption":"Water Ripples Effect In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/water-ripples\/#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 Ripples"}]},{"@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\/365","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=365"}],"version-history":[{"count":28,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/365\/revisions"}],"predecessor-version":[{"id":27431,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/365\/revisions\/27431"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15396"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=365"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=365"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}