Water effect on products - Photoshop Tutorial

From the 2008 archive.

In this tutorial, I'll try to show you how to make a nice looking product bottle fan art with the water effect that really makes you thirsty when you look at this kind of product pictures. You can apply this stuff to almost anything, though, let it be fruit, cars etc. I also saw some nice photos of models wearing clothes with a similar water effect. So this water effect is pretty popular and is a good thing to learn. I'll show you the basics since you need quite some experience and work to master this effect.

Things you need:

  • Photoshop ;D
  • Picture of a bottle or a product -  I used below
  • Picture of a water splat, a free HQ one that also has transparency.

First, open your picture of the product, I'll be using a Finlandia bottle since I'm a fan of the design and quality. If you're a fan of photography, you make such photos in a TODO 5€ macro studio. Also**, import** the transparent water photo (download it here). Duplicate it and hide the bottom one so you keep a clean original layer for later use. Set the other ones blending to "Screen".

water effect turorial 1

After that "scale down" and "position" the water layer to the product like the first picture shows below. The second picture is a zoom view. I have used the "Rectangular marquee tool" and used it on the "water layer!" but the width and the height are applied to the bottle since this is going to be blurry because I want the water splat to be behind the bottle. Use the "Layer via cut" option when right clicking.

water effect turorial 2

On the new made layer, change the blending again to "Screen" and then go to Filter -> Blur -> Gaussian Blur and blur the image. I have used the setting of around 3px. Clean the image a bit so it really does look like it is behind the bottle.

water effect turorial 3

On the same layer, add the mask to it and use the "Gradient tool" from left to right to make the illusion perfect. Right-click on the layer and use the "Free transform". Again right-click and choose "Warp". Do a similar warp transformation like the second picture below, apply when done. This will give the layer the look like viewing something through the bottle.

water effect turorial 4 1

water effect turorial 4 2

water effect turorial 4

Duplicate the hidden water layer and make it visible, rotate it and scale it down like the first picture below and place it in the right position like the second picture shows. Try to really use the water and blend it with the object/product you are working on. Try to experiment with different shapes. Use a soft eraser and erase the left part that is too big.

water effect turorial 5

The next step will be to delete the bottom right part of the bottle and break its shape. There is now a line that needs to be deleted (the first picture below). Mak a new layer and use a "white soft brush" and make the hole in the bottle like the second picture shows. After that, just hit "CTRL+I" to invert it to black. You can skip the white brush step, though, I just did it like this to show you where I used the brush since you can't see it in detail when you use black colour on black.

water effect turorial 6

The next step will be adding more water so again duplicate the original hidden water layer and use the "Eraser" to delete the unneeded parts like the second picture shows. I hid the other layers to easily see the whole water layer.

water effect turorial 7

>Make the other layers visible again (first picture). Duplicate it 3 times and make it a half circle that will fit the half-circled lower part of the bottle. After that, you will need to clean it. Use the eraser for that on the bottom layers.

water effect turorial 8

And you're done. Play with it and use your own creativity to make it even better. Here's the final image:

water effect turorial 9

How do you like my fanart? I hope you enjoy the tutorial.

Copyright © 2021 - All rights reserved.