How to Create a Water Ripple Effect in Adobe Photoshop

PDF download Download Article
PDF download Download Article

Photoshop is great tool for creating beautiful effects with very simple techniques. In this Photoshop tutorial we will learn a simple technique for creating water ripple by using only one filter. You will need Photoshop CS.

Steps

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/98\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-1.jpg\/v4-460px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-1.jpg","bigUrl":"\/images\/thumb\/9\/98\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-1.jpg\/aid710803-v4-728px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-1.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/93\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-2.jpg\/v4-460px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-2.jpg","bigUrl":"\/images\/thumb\/9\/93\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-2.jpg\/aid710803-v4-728px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-2.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    Apply color #0054A6. Set color midpoint at 59% and click OK.
    Advertisement
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e7\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-3.jpg\/v4-460px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-3.jpg","bigUrl":"\/images\/thumb\/e\/e7\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-3.jpg\/aid710803-v4-728px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-3.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cf\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-4.jpg\/v4-460px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-4.jpg","bigUrl":"\/images\/thumb\/c\/cf\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-4.jpg\/aid710803-v4-728px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-4.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    Select filter->distort->zigzag.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/09\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-5.jpg\/v4-460px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-5.jpg","bigUrl":"\/images\/thumb\/0\/09\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-5.jpg\/aid710803-v4-728px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-5.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    amount=100, ridges=10, style=pond ripple. Click OK.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/78\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-6.jpg\/v4-460px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-6.jpg","bigUrl":"\/images\/thumb\/7\/78\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-6.jpg\/aid710803-v4-728px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-6.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e4\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-7.jpg\/v4-460px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-7.jpg","bigUrl":"\/images\/thumb\/e\/e4\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-7.jpg\/aid710803-v4-728px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-7.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    Apply the same effect you applied in step 4 again on your image.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5f\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-8.jpg\/v4-460px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-8.jpg","bigUrl":"\/images\/thumb\/5\/5f\/Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-8.jpg\/aid710803-v4-728px-Create-a-Water-Ripple-Effect-in-Adobe-Photoshop-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">Creative Commons<\/a><br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    You can experiment with different gradients and colors to create your own water ripple image series.
    9. Advertisement

Expert Q&A

Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Tips

      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Submit
      Thanks for submitting a tip for review!

      Things You'll Need

      • Photoshop CS.

      You Might Also Like

      How to
      Make a Gradient in Photoshop
      Replace Text in Adobe Photoshop: 2 Simple Methods for Removal
      How to
      Add a Layer Mask in Photoshop
      How to
      Make 3D Photos
      How to
      Pixelate Photos in Photoshop
      How to
      Rotate an Image in Photoshop
      How to Make or Convert images to Vector Graphics in Photoshop
      Convert an Image into a Line Drawing: Easy Photoshop Tutorial
      How to
      Make Yourself Look Thinner With Photoshop
      How to Morph Pictures in Adobe Photoshop
      Simple Ways to Create Clouds in Photoshop
      How to
      Add Sunlight in Photoshop
      How to Remove an Item in Photoshop: Complete Guide
      How to
      Resize an Image in Adobe Photoshop
      Advertisement

      About This Article

      Thanks to all authors for creating a page that has been read 94,082 times.

      Is this article up to date?

      Advertisement