In this tutorial i’ll try to show you how to make a nice looking product bottle with the water effect that really makes you thirsty when you look at this kind of product pictures. You can apply this stuf 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 product - click here to download sample one
- Picture of a water splat, click here to download 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 it’s design and quality. If you’re a fan of photography, you make make such photos in a 5€ macro studio. Also import the transaprent 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".
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 is applied to the bottle since this is going to be blurry because i want the water splat too be behind the bottle. Use the "Layer via cut" option when right clicking.
On the new made layer, change the blending again to "Screen" and then go to Filter -> Blur -> Gaussion 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.
On the same layer, add mask to it and use the "Gradient tool" from left to right to make the ilussion perfect. Right click on the layer and use the "Free transforma". Again right-click and choose "Warp". Do a similar warp transofmation like the second picture below, apply when done. This will give the layer the look like viewing something through the bottle.
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.
The next step will be to delete the bottom right part of the bottle and break it’s 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 color on black.
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 hided the other layers to easily see the whole water layer.
Make the other layers visible again (first picture). Duplicate it 3 times and make it a half circle that will fit the half-circeled lower part of the bottle. After that you will need to clean it. Use the eraser for that on the lover layers.
And you’re done. Play with it and use your own creativity to make it eben better. Here’s the final image:
I hope you enjoy the tutorial.
Tags: Graphic Design, Photoshop, Tutorials
Brandon says :
sick…now I wanna do this wit some crazy type stuff…I was think like if I combined a football player and say…a picture of a person in a suit, or tie…and the clothes rippin off…or swirling around them
im thinkin out the box haha
Sep 13 , 2008 , 11:55 amBrandon says :
i will do this wit my favorite drink and bottle…hope it turns out nice
Sep 13 , 2008 , 11:56 amOld Lady says :
I have been trying to locate where to buy Photoshop software for a low price?
Thank you
Sep 13 , 2008 , 1:59 amDarjan Panic says :
I don’t thing there is Photoshop available for a low price, but you can try out GIMP for windows of mac which is free and similar to Photoshop.
Sep 13 , 2008 , 10:44 amJames says :
Hi, I found your blog on this new directory of WordPress Blogs at blackhatbootcamp.com/listofwordpressblogs. I dont know how your blog came up, must have been a typo, i duno. Anyways, I just clicked it and here I am. Your blog looks good. Have a nice day. James.
Sep 13 , 2008 , 5:58 amBa says :
I like this one. Thanks for sharing. You can do this at any design that needs freshness style on it. ‘love it. Thanks.
Ba(Philippines)
Sep 13 , 2008 , 1:34 amtangram says :
Nice tutorial! But how did you get the water with the transparency? Color selection? Thanks ; )
Sep 13 , 2008 , 9:52 pmDarjan Panic says :
I used OnOne mask pro filter for photoshop to make the water transparent.
Sep 13 , 2008 , 10:00 pmLonny says :
Impressive, i love it, my problems are finding high quality image to practice.
Sep 13 , 2008 , 2:52 pmDiego says :
Sep 13 , 2008 , 11:53 pmSachin says :
simply awesome
Sep 13 , 2008 , 8:20 amjoey says :
im experimenting on photoshop and this is quite a good one to practice. MOre of your post please? Kamsahamnida! (that’s “tnx” in korean)
Sep 13 , 2008 , 2:20 amStefan Ashwell says :
Amazing effect love it
Sep 13 , 2008 , 12:42 pmTutorijali says :
Yea this is great tutorial… I like it
Thanks for sharing
Sep 13 , 2008 , 1:38 amsteven says :
really you are a artist of some unreachable stature i think well…i can’t think your work just blew me away..>@
Sep 13 , 2008 , 4:04 pm