Welcome, Guest

Please login or register

TUTORIALS SUBMENU ---->

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING

Related Links

Realistic Water Droplets


With a high quality digital camera, a steady hand, and a keen eye you can capture some truly amazing photographs of nature at its most beautiful.   But what happens when you can't find a suitable scene to photograph, or it isn't quite suitable for your exact purpose?  Well, this is where Photoshop and the right techniques can help.   This tutorial details a simple method for creating realistic water droplets that can be added to any image.  All you need is Photoshop, an underlying picture, and a sense of realistic perspective.   Interested?  Read on...

 

Step 1: Open up a stock image in Photoshop of any size and/or format. The best results for this tutorial usually involve images where water droplets would exist in real life.  Putting a droplet on a newspaper, for example, would look downright silly.

When you are happy with your base image, make a droplet-shaped selection using the Elliptical Marquee Tool.  You can rotate your selection with Select > Transform Selection if you need a selection at an angle.

Step 2: Press CTRL+J on the keyboard to copy+paste the selected area into a layer of its own.  Name this layer droplet or something else appropriate.  Select the new layer in the layers palette, hold CTRL and click on the droplet layer again to re-select the elliptical shape.  Once you have done this, run Filter > Distort > Spherize, and play with the setting until it looks good.  Essentially, this filter recreates the underlying optical distortion of the water droplet.

With your droplet layer still selected in the layer's palette, choose Layer > Layer Style > Drop Shadow from the main menu and enter in the settings on the left.

Step 3: Without pressing the OK button, go to the Inner Shadow section and enter in these settings too.  Please note that the Angle of the effects should be changed to reflect the position of the light source in your underlying picture.  In my example the light comes from the upper right, but this may be very different in your picture!   When you are happy with the result, press OK.

NOTE: These settings and methods work best for simple droplet shapes.  If you want something more advanced, you may want to forget the Spherize filter and reduce the Fill Opacity to 0%.  This will also allow you to do multiple droplets at once, or complex letter shapes.

Step 4: If you still have a selection active, lose it.   Then select the Blur Tool with a medium-sized brush set to 50% strength, and blur the bottom left edges of the droplet.   Real water droplets, of course, do not have sharp edges, so this is a cosmetic adjustment that can improve the realism of the final result greatly, especially with the smaller size droplets. 

Step 5: Hold CTRL and click the droplet layer again to form a selection around the water droplet.  Create a new transparent layer on top of all the others, call it reflection or something else appropriate, and make it the active layer.  After you have done this, take the Gradient Tool, set it to a linear white-to-translucent gradient, and drag the cursor diagonally inside the droplet to create a simple gradient like the one on the left. 

Step 6: Choose Edit > Transform > Scale from the main menu and reduce the height and width to 80% of their original size. Set the reflection layer opacity to 80%.  Then, using the cursor keys, move the light reflection a little towards the top left of the droplet.  And that's it - you've made a realistic water droplet!

NOTE: At this stage you can, of course, use the Blur Tool to add a little more optical distortion to the droplet, or even add a highlights layer for extra internal reflections... but I'll leave that up to you!

- Tutorial written by Man1c M0g

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  thebell (#51461)
Date: Thu Jul 10, 2008. 20:21:06

Post #11 of 11

Nice- I've never thought it could be that easy - Good Job

Reply to this post


User:  angelkissed (#50465)
Date: Thu May 29, 2008. 04:55:33

Post #10 of 11

very nice, I have some pretty flowers to add this to. Thanks!

Reply to this post


User:  satria (#47036)
Date: Fri Dec 28, 2007. 20:38:35

Post #9 of 11

Quote from joona;25733:
Yeh, its very nice job but for what u need it? :pepsi:


easy to follow tutorial..excellent

Reply to this post


User:  jo_3 (#40116)
Date: Sun Apr 01, 2007. 12:42:17

Post #8 of 11

nice tutorial. i noticed it's good if you use only one water droplet. try using multiple ones and it might destroy the "realism". how? try sprinkling water on a surface and notice not all are perfectly shaped. some even reflect light at different angles.

just a thought. =)

Reply to this post


User:  Bill Krause (#31717)
Date: Thu Sep 07, 2006. 19:10:00

Post #7 of 11

Quote from pshopper;31100:
How about changing the Reflection Layer style?


Hi do not know if I am doing this right. I'm New here. Can you do this Photoshop Elements 3.0

Thank you
Doc

Reply to this post


--- View Entire Thread ---
Featured Content

Wrinkle Removal
Wrinkle Removal
- Adobe Photoshop -
Sweat & Grease Shine
Sweat & Grease Shine
- Adobe Photoshop -
Perspective Drop S...
Perspective Drop S...
- Adobe Illustrator -
Thermoptic Camoufl...
Thermoptic Camoufl...
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Special Options
Printer Friendly Version
Forum Threads

Competition Discussion - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:48pm
Activity: 0 replies, 54 views
 Competition - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:46pm
Activity: 0 replies, 57 views
 PM Spamming
Author: Tamlin
Posted: Feb 06th, 1:24pm
Activity: 7 replies, 120 views
Vector Clipart Bank
Author: Crapoun
Posted: Feb 06th, 11:29am
Activity: 2 replies, 95 views
How did ...
Author: MoodsR4Cattle
Posted: Feb 05th, 6:09pm
Activity: 6 replies, 28 views
Tips and trick for Texturing/Materials
Author: noorjan
Posted: Feb 05th, 4:59am
Activity: 2 replies, 112 views
 A Billion Styles - Please Help Me!!
Author: Angelz
Posted: Feb 03rd, 6:36pm
Activity: 2 replies, 137 views
101 Things you didnt know in 3DS Max ...in fact...
Author: noorjan
Posted: Jan 31st, 6:04pm
Activity: 0 replies, 163 views
Pee Wee get's an IPad
Author: MoodsR4Cattle
Posted: Jan 30th, 4:25pm
Activity: 2 replies, 164 views
Spam :: Online hotel reservations for Hotels in...
Author: kieulinh
Posted: Jan 28th, 6:39am
Activity: 0 replies, 205 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 3 replies, 17 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 27 replies, 727 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    415