http://www.psdburn.com/wp-content/themes/HashOne
http://www.psdburn.com

14 Comments How to fill an empty bottle with water in Photoshop

Article written by Ionuţ Ciursă on the 01 Jul 2009

In this tutorial I am going to show you how to fill an empty bottle with water in Photoshop and then create a nice wallpaper. We are going to use some stock images from sxc.hu and a vector pack from the Talk-Mania shop. Let’s get to work!

Step 1

First of all, create a new document in Photoshop. Double-click on the "Background" layer to unlock it, and then use the Paint Bucket Tool (G) to fill the background with the color #48b1ce.

Step 2

Double-click again on the background layer to open the Layer Style window. Then use the settings from the following image.

Step 3

Create a new layer and fill it with white using the Paint Bucket Tool (G). Right-click on this layer and select Convert to Smart Object. Then go to Filter > Noise > Add Noise and use the settings from the following image. Set the blend mode of this layer to Multiply, the opacity to 20%, and then name it "noise."

Step 4

Download this image, open it in Photoshop and use the Magic Wand Tool (W) to separate the bottle from the background and put it into a new layer. Then double-click on the bottle layer to open the Layer Style window and use the settings from the following image.

Step 5

Select the Pen Tool (P), click on the "Shape layers" button from the option bar, set the foreground color to #5791c7 and create a blue shape like I did. Then set the blend mode of this layer to Color Burn.

Step 6

Now we will have to create the water from the top. Use the Pen Tool (P) to create a shape like I did. Set the blend mode of this layer to Color Burn.

Step 7

There is an area where the two shapes are overlapping. To correct this we will use a mask. Hold down the Ctrl key and click on the thumbnail of the first shape. Then make sure that the "Shape 2" layer is active and go to Layer > Layer Mask > Hide Selection.

Step 8

We want the water from the top to be darker, so, duplicate the "Shape 2" layer and set the opacity of the new layer to 20%.

Step 9

Hold down the Ctrl key and select all the layers from the Layers palette (without the background). Then use the Move Tool (V) to move these layers into the document you created at the beginning of the tutorial. With these layers still selected, right-click on one of them and select Convert to Smart Object. Use Free Transform (Ctrl+T) to scale this layer down and rotate it. Set the opacity of this layer to Hard Light and name it "bottle."

Step 10

Double-click on the "bottle" layer to open the Layer Style window and use the settings from the following image.

Step 11

Now we are going to add some textures to the water. Download this image, open it in Photoshop and move it into your document using the Move Tool (V). Right-click on this layer and select Convert to Smart Object. Then go to Edit > Free Transform (Ctrl+T), scale this layer down and rotate it.

Step 12

The bubbles should be only in the water. To make this happen, go to Layer > Layer Mask > Hide All. Then select a soft white brush and paint with it over the water. Take a look at the following image for reference. Right-click on this layer and select Create Clipping Mask. Then set the opacity of this layer to 40% and name it "bubbles."

Step 13

Download this image, open it in Photoshop and move it into your document using the Move Tool (V). Right-click on this layer and select Convert to Smart Object. Go to Layer > Layer Mask > Hide All, then select a white soft brush and paint with it over the water. Set the blend mode of this layer to Screen, the opacity to 60%, and then name it "water texture."

Step 14

Select the "bottle", "bubbles" and the "water texture" layers, and then group them (Ctrl+G). Name the group "bottle."

Step 15

Now we are going to create some beautiful circles using the Photoshop’s brush engine. Select the Brush Tool (B), open the Brushes palette (F5) and use the settings from the following image. Then you can save the brush by clicking the "Create new brush" button from the bottom of the Brushes palette. Create a new layer beneath the "bottle" group, hit the D key to set the foreground color to black and the background color to white and paint with this brush on your image. Use different sizes for your brush to create some nice circles. Set the blend mode of this layer to Soft Light and name it "circles."

Step 16

Now we are going to add some beautiful lines in our image. I have used a set of lines from a vector pack from the Talk-Mania shop called Lines vector. Note that this vector pack is not free, but the price is very affordable. If you download the vector pack, open the .AI file in Illustrator, use the Selection Tool (V) to select a set of lines, copy those lines (Ctrl+C) and paste them (Ctrl+V) into your Photoshop document as a smart object. Set the blend mode of this layer to Luminosity, the opacity to 40%, name it "lines", and then put it beneath the "circles" layer.

Note: you can use these Photoshop brushes as an alternative to the vectors which I have used.

Step 17

The lines beneath the bottle are too bright and don’t look good. To correct this we will use a mask. Go to Layer > Layer Mask > Reveal All. Hold down the Ctrl key and click on the "bottle" layer’s thumbnail to select the bottle. Make sure that your layer mask is active, then select a big soft black brush and paint with it over the bottle. You can also mask some other areas of your layer.

Step 18

Now we are going to create a 3D word in Adobe Illustrator. Open a new document in Illustrator, select the Type Tool (T) and write the first letter of your word. For the Fill color use #339CC1 and for the Stroke color use #5FACC1. Then go to Effect > 3D > Extrude & Bevel, check the Preview option and experiment with those settings. Repeat this step to create all the letters of your word.

Step 19

Use the Selection Tool (V) to select the first letter of your word, copy it (Ctrl+C) and paste it (Ctrl+V) into your Photoshop document. Continue to copy and paste all your letters from Illustrator into Photoshop. Then go to Edit > Free Transform (Ctrl+T) to rotate and arrange your letters the way you want. Name each layer properly and add an Outer Glow to each one of them using the settings from the following image. Then select all these layers, group them (Ctrl+G) and name the group "3D text."

Step 20

Add a layer mask to your "3D text" group (Layer > Layer Mask > Reveal All), select a small black soft brush with an opacity around 30% and mask the edge of each letter. Make a subtle change, not a very noticeable one.

Step 21

Duplicate the "water texture" layer and put this new layer above the "3D text" group. Set the opacity of this layer to 30%.

Step 22

Finally, you can add a quote that you like using the Type Tool (T). The quote which I have used is from Radu Ceuca’s blog.

Final Result

Well, that’s all. I hope you enjoyed this tutorial. You can view the final image below or view a larger version here.

separator

Related Posts

 

14 Comments Subscribe to these comments.

July 1, 2009 12:06 pm How to fill an empty bottle with water in Photoshop | Adobe Tutorials http://www.adobelearn.com/tutorials/how-to-fill-an-empty-bottle-with-water-in-photoshop/ Reply

[...] In this tutorial I am going to show you how to fill an empty bottle with water in Photoshop and then create a nice wallpaper. We are going to use some stock images from sxc.hu and a vector pack from the Talk-Mania shop . See the rest here: How to fill an empty bottle with water in Photoshop [...]

July 1, 2009 2:50 pm News How to fill an empty bottle with water in Photoshop | Web 2.0 Designer http://www.web2designer.org/news/index.php/2009/07/web2design-how-to-fill-an-empty-bottle-with-water-in-photoshop-news/ Reply

[...] Go here to read the rest: How to fill an empty bottle with water in Photoshop [...]

July 1, 2009 10:22 pm Nitos http://fotos.nitosblog.com Reply

For the tut, great!!
For your analysis of how water will flow on a bottle in that position, well.. mmm really really bad, the water would had to flow over the right edge of it.
It´s ridiculous if you put it like that, it doesn´t make sense.
Im not sure if I explained perfectly (my native language its spanish)
Well and I don´t know, its like water, but it doesnt look like it as it would do in real life..

2009-07-01 23:04:23 Ciursă Ionuţ http://www.psdburn.com

You're right, Nitos! The water should be in a different position. I have created the water when the bottle was standing and then I rotated the bottle without thinking about how the water would naturally flow. Well, I hope you can pass over this. I think it's more important the techniques used in a tutorial. The water can be changed easily. Thank you for the observation!

July 3, 2009 1:46 am Michael http://WebsiteURL Reply

Great tutorial! I like it! Especially those 3D letters floating in the water.

July 3, 2009 3:15 pm Wardell http://blog.wardelldesign.com/ Reply

Great tutorial, while the physics of the end product may not be completely accurate I think most people will get the basic idea, good job ;-)

July 5, 2009 7:30 am lawrence77 http://laranzjoe.blogspot.com Reply

Great tutorial, lots of technique in a single tutorial…

Amazing… ;)

July 20, 2009 12:11 pm nitos http://fotos.nitosblog.com Reply

Ciursă Ionuţ, Yup!! thanks for the response, Im sorry if I was a little too rough, I´m not like that always, when I was reading my previous comment I thought I should have not talk to you that way, im sorry for the comment maybe I had a bad day and im sorry, I loved the techniques!!

2009-07-20 15:21:18 Ionuţ Ciursă http://www.psdburn.com

Hey Nitos, there is absolutely no problem! I always take constructive criticism as a way to improve my skills. You have nothing to feel sorry for.

July 21, 2009 4:58 am Água numa Garrafa no Photoshop « An¥mØss http://anymoss.wordpress.com/2009/07/21/agua-numa-garrafa-no-photoshop/ Reply

[...] Tutorial [...]

August 16, 2009 6:56 am Malita Eduard http://www.magic-zone.ro Reply

Nice tutorial …great job…

Felicitari pentru ce faci , ii bine sa vezi ceva experti in psd si in romanica noastra , :)…bravo inca o data , sunt si eu un mic pasionat al psd ului:)

Felicitari iinca o datA:)

October 25, 2009 12:43 pm Patrascu Vlad http://dpxmag.com Reply

.psd = photoshop document deci, nu ai zis-o bine…se pare ca nu esti chiar asa…un FAN.

November 22, 2009 3:38 pm Anonymous http://www.rnel.net/tutorial/Photoshop/13319 Reply

The tutorial is fine, except for the fact that you’ve ignored gravity. Doesn’t matter what you do, it won’t look real if you don’t take that into consideration. The water should be on an angle.

Everyone should study real life first!

February 9, 2010 3:14 pm Harker http://WebsiteURL Reply

I like how the water or whatever is inside the glass of the bottle…

Leave a Comment!

Name
Email
URL
Message