Making a flowing liquid effect in Photoshop
In this tutorial we will create a flowing liquid effect in Photoshop. We’ll use for this an image of a overturned glass and make it look like the contents of the glass is spilled on the surface the glass sits on.
Step 1
Make a photo of an overturned glass on a surface, just like in the image below, or download one from a stock photo website. I am using a free stock photo from stock.xchng. You can download the image here. I flipped horizontally the original image.
Step 2
Create a new layer (Layer-> New -> Layer or simply Ctrl+Shift+N). We’ll use this layer to create the basic shape of the liquid. This can be a little tricky so take your time with it. Try to imagine how the liquid would pour through the opening of the glass and lie on the table. Use a hard edged brush to create the shape and give it a gray color. The color I am using is #848484.
You can download the PSD file with just the basic liquid shape here.
Step 3
Use the Dodge Tool to add some random highlights to the Shape. Use these settings for the Dodge Tool as shown in the image below (Soft Edged brush, size 45, Range : shadows, Exposure 20%).
The Dodge / Burn Tool menu :
Dodge Tool settings :
The result :
Step 4
Use the Burn tool to add some shadows to the Shape. Use these settings for the Burn Tool as shown in the image below (Soft Edged brush, size 35, Range : shadows, Exposure 15%).
Burn Tool settings :
The result :
Step 5
It’s time to create the liquid effect. Goto Filter -> Artistic -> Plastic Wrap. Use the following settings for the Plastic Wrap : Highlight Strength : 13, Detail : 15, Smoothness : 14. You can use other settings. Just slide the values until you think it looks real enough.
The result :
Step 6
If it doesn’t look right undo and apply the shadows (Burn Tool) and highlights (Dodge Tool) again.
Step 7
Change the mode of the layer from Normal to Hard Light. This removes all the shades of gray leaving only the shadows and highlights.
Change mode from Normal to Hard Light :
The result :
Step 8
You can add an Inner Bevel effect for a bit of extra realism. I am using the following values :
Play around with these values until you think it looks right. You need to take in consideration the lighting of the original glass object, and modify the Shading Angle so that the shading follows the same direction of the glass lighting.
The result :
You can change the color of the liquid with ease. Go to Image -> Adjustments -> Color Balance. Play around with the sliders until you are satisfied with the color.
Quick Share
If you enjoyed this post, please consider to leave a comment or subscribe to the RSS feed and get future articles delivered to your feed reader or directly in your email box.
Comments
it’s a cool way to make that fluid kind a thing. i would ike to know wheathre are there any more of that kind things
thank you
Followed it right through to the end and it looks a mess, but will keep trying. When I do the shading it does not seem to work.
The shading and highlights are quite tricky for this tutorial. It took me about 3-4 tries to make it look right. Keep trying. Look at the way I made the shading (Dodge Tool) … followed the contour of the shape. The shadows (Burn Tool) are in the inner space created by te shading (Dodge Tool). Try it like this.
Thank you very much for this info. as it is very informative, I’ve always wanted to know how to create this liquid effect. Now I do.
Thanks again, keep posting your tutorials it helps me to learn more about computer graphics.
[…] […]