Another year, it's our 11th here over at Abduzeedo land and we cannot believe it's been already over a decade. We started as an inspiration and tutorials website, especially Photoshop tutorial.
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.
Open Photoshop and create a new document. I am using 2880x1800 pixels. After that fill the background layer with black.
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%.
Go to Layer>New Adjustment Layer>Hue and Saturation. Change the Hue to 0, the Saturation to -71 and the Lightness to 0.
Go to Layer>New Adjustment Layer>Levels. Use 0, 0.5 and 255 for the inputs.
Go to Layer>New Adjustment Layer>Brightness and Contrast. Use 0 for Brightness and -35 for Contrast.
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.
Add your logo to the design.
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.
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.
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.
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 to make those parts darker as they are underwater.
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.
Download Photoshop file