It's been quite a long time since I played with water textures. I was checking some amazing artworks on Behance and Pinterest when I saw some examples that really inspired me to try something and learn a little bit more about Photoshop and the Displace filter.

So for this tutorial I will show you how to create a really cool effect with water texture and the displace filter.

Step 1

Open Photoshop and create a new document. I am using 2880x1800 pixels. After that fill the background layer with black.

Beautiful Water Effect in Photoshop

Step 2

We will need a nice photo of water and some ripples or waves. The one I am using is courtesy of Shutterstock, titled An image of a beautiful water background by Markus Gann. After that change the opacity of this layer to 60%.

Beautiful Water Effect in Photoshop

Step 3

Go to Layer>New Adjustment Layer>Hue and Saturation. Change the Hue to 0, the Saturation to -71 and the Lightness to 0.

Beautiful Water Effect in Photoshop

Step 4

Go to Layer>New Adjustment Layer>Levels. Use 0, 0.5 and 255 for the inputs.

Beautiful Water Effect in Photoshop

Step 5

Go to Layer>New Adjustment Layer>Brightness and Contrast. Use 0 for Brightness and -35 for Contrast.

Beautiful Water Effect in Photoshop

Step 6

Add a new layer on top of all other layers, including the adjustment ones. Fill this layer with black and change the Blend Mode to Multiply. With the Brush Tool (B) use a very soft brush and white for the color to paint in the center of the canvas The idea is to create a nice vignette effect. After that, save this document with the name Displace.psd.

Beautiful Water Effect in Photoshop

Step 7

Add your logo to the design.

Beautiful Water Effect in Photoshop

Step 8

With the layer of the logo selected go to FIlter>Distort>Displace. Use the values below. After that use the Displace.psd file you saved in step 6.

Beautiful Water Effect in Photoshop

Step 9

This is the result you will have so far. The values might vary depending on the image you are using for the Displace filter. So try some variations until you get a result that you are happy about.

Beautiful Water Effect in Photoshop

Step 10

Go to Filter>Blur>Gaussian Blur. Use 3 pixels for the Radius. You can also apply a Tilt-Shift blur after this to make the edges blurred.

Beautiful Water Effect in Photoshop

Step 11

Add a mask to the symbol and then with the Brush Tool (B) and a very soft brush with black, start painting over the edges of the symbol, top and down. The idea is make those parts darker as they are underwater.

Beautiful Water Effect in Photoshop

Conclusion

The last thing to do is just duplicate the original water image and move the order so it will be on top of all other layers, then change the Blend Mode to Overlay and you will be good to go. The whole process is quite simple but the end result is simply beautiful. Now you can try yourself.

Beautiful Water Effect in Photoshop

Download Photoshop file

Download the Photoshop file used for this tutorial

About the author of this post

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.