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
      Name
      Please provide your name and last initial
      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
      A Complete Guide to Layer Masks in Photoshop
      How to
      Make 3D Photos
      How to
      Make or Convert images to Vector Graphics in Photoshop
      How to
      Rotate an Image in Photoshop
      Simple Ways to Create Clouds in Photoshop
      How to
      Remove an Item from an Image in Photoshop: Complete Guide
      How to
      Make Yourself Look Thinner With Photoshop
      How to
      Morph Pictures in Adobe Photoshop
      Convert an Image into a Line Drawing: Easy Photoshop Tutorial
      How to
      Resize an Image in Adobe Photoshop
      How to
      Add Sunlight in Photoshop
      How to
      Put Two Pictures Together
      Advertisement

      About This Article

      Thanks to all authors for creating a page that has been read 96,564 times.

      Is this article up to date?

      Advertisement