Graphic Design Forum and Web Design Forum  

Go Back   Graphic Design Forum and Web Design Forum »Other Design Topics »Graphic Design Tutorials

Notices

Graphic Design Tutorials Graphic Design and Web Design Tutorials and reference section


Reply
 
LinkBack (1) Thread Tools Display Modes
  1 links from elsewhere to this Post. Click to view. #1 (permalink)  
Old 14-02-2008, 01:58 PM
crazyleaf's Avatar
Teeth Designer
 
Join Date: Jan 2007
Location: CrazyLeaf HQ
Gender: Male
Posts: 1,482
Default [Photoshop] 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.



Originally posted @ CLD Blog
__________________
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #2 (permalink)  
Old 14-02-2008, 04:47 PM
Arkady's Avatar
Dalek Lover
 
Join Date: Apr 2007
Location: Glasgow
Gender: Male
Posts: 1,500
Default

I'm sorry but what you have ended up with is a 2 dimensional appliqué with no perspective and with no fluidity.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #3 (permalink)  
Old 15-02-2008, 12:23 AM
PR Design's Avatar
CSS Wizardry
 
Join Date: May 2007
Location: Yorkshire, England
Gender: Male
Posts: 3,212
Default

Quote:
Originally Posted by Arkady View Post
I'm sorry but what you have ended up with is a 2 dimensional appliqué with no perspective and with no fluidity.
Yeah, I'm afraid it doesn't look amazingly realistic.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
[Photoshop] Making a web 2.0 logo crazyleaf Graphic Design Tutorials 8 11-03-2008 10:55 PM
Making a flowing liquid effect in Photoshop Andy Graphic Design Tutorials 0 06-03-2008 03:30 PM
Making a flowing liquid effect in Photoshop Graphic Design Blog Graphic Design Blog 0 12-02-2008 06:11 PM
Making a Web 2.0 Logo in Photoshop Graphic Design Links Graphic Design Links 0 08-02-2008 03:00 PM
Making a web 2.0 logo in Photoshop Graphic Design Blog Graphic Design Blog 0 08-02-2008 12:01 PM


All times are GMT. The time now is 10:09 PM.



Estetica Design Forum's Privacy Policy
Powered by vBulletin® Version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC5