Second Picture is devoted to original tutorials about 3D graphics, Photoshop, Photography and Web Design.
Picture 1. Convincing water sufrace is pretty simple to create in Photoshop.
16.07.2008 Category: Photoshop
In this Photoshop water tutorial I cover the creation of a water surface in Adobe Photoshop CS3. Photoshop water is pretty simple to create. Basically we need two things to create water in Photoshop, we need reflections and we need waves.
Picture 2. This is the photo I am going to use in this tutorial. The photo portrays the Castle of Molyvos.
First we need to choose and prepare a photo for this photoshop water tutorial. We need a photo that suits water surface well. I chose the photo in picture 2.
Picture 3. Doubling the canvas size makes room for the Photoshop water.
Picture 4. Basic Photoshop water reflection is created by flipping an image vertically.
Basic Photoshop water is created with a reflection. Let's create a basic reflection:
There are several different methods to create waves or ripples in Photoshop. Basically we just need to distort the layer so that it looks like water. We could use for example the Displacement filter but I feel that the Glass filter is more user friendly solution for this Photoshop water tutorial.
To use the Glass filter (or displacement filter) effectively we first need a picture that we are going to use as a texture in the Glass filter. The Glass filter will distort the water according to the texture. So next we are going to create a texture image that looks something like waves.
Let's create the texture. First Create a new file (File > New...). In the end the pixel size of the texture will match the pixel size of the water layer but at this stage the new image file should be a lot larger. The suitable size depends on the viewing angle of your photo. In my case (should work with many different cases) the width of the texture will be 4 times and height of the texture will be 3 times the size of the water layer. Size of my water layer is 1000 x 612 pixels so the size of my new texture file will be 4000 x 1836 pixels.
Picture 5. 50% crop after the Noise filter.
The texture for the Glass filter will be created by simply applying several different Photoshop filters to an empty image.
First add noise with the Noise filter (Filter > Noise > Add Noise...). Suitable amount of noise depends on the pixel size of the image. I used the following settings:
Now the texture looks like in picture 5. Note that picture 5 is just a small piece of the texture in 50% size.
Picture 6. 50% crop after the Bas Relief filter.
Next add Bas Relief filter (Filter > Sketch > Bass Relief) to the texture. I used the following settings:
Now the texture looks like in picture 6. The color of the texture doesn't matter.
Picture 7. 50% crop after the Motion Blur filter.
Use Motion Blur filter (Filter > Blur > Motion Blur...) to make the texture pattern look more like waves. Proper amount of motion blur depends on the pixel size of the image and the effect you want to achieve. I used the following settings:
Now the texture looks like in picture 7.
Picture 8. Perspective is added to the texture.
Picture 9. Cropping the image.
Picture 10. The final texture to be used to distort the Photoshop water.
The next step is to add some perspective to our texture. At the moment the size of the waves is uniform throughout the texture. However when we take perspective into the consideration, the waves in the upper part of the texture should be smaller. This can be achieved with the Perspective tool:
Picture 11. Glass filter with proper texture creates waves.
Let's go back to the original image to enhance our Photoshop water. Select the water layer and convert it for smart filters (Filter > Convert for Smart Filters). Now we can use smart filters which basically means that filters have masks and they can be added as layers. Select everything on the water layer by pressing CTRL in the keyboard and clicking the thumbnail in the layer. This will ensure that the texture will be aligned correctly. Next add Glass filter (Filter > Distort > Glass...) to it. I used the following settings:
Now the Photoshop water should look like in picture 11.
Picture 12. The waves in the background are reduced.
The problem is that the waves near the horizon are far too big. Let's reduce them by coloring the filter mask with the gradient tool:
Now the layer resembles water even more. There is just one more optional thing left to do in this Photoshop water tutorial.
Picture 13. Layers and masks for Photoshop water tutorial.
According to the Fresnel Effect the amount of reflection depends on the viewing angle. According to the Fresnel Effect the water should look more reflective in the background and more transparent in the foreground. Let's simulate the Fresnel effect with a simple layer mask:
Picture 14. The final image made according to this Photoshop water tutorial.
Now the Photoshop water surface is complete and the final image can been seen in picture 14. As you probably noticed, many of the settings depend on the photo you are using and the effect you want to achieve so it's best to try different values.