gimpusers.com logo
German version English version

Not logged in

Sign up! | Lost password?

Latest discussion

  1. gimp-user | today 09:49 AM
    Need help: "correcting" exposures in time-lapse imagesets
  2. gimp-developer | today 06:14 AM
    GIMP color-management spec and further discussion
  3. gimp-user | yesterday 11:13 PM
    collages in gimp?
  4. gimp-developer | yesterday 07:07 PM
    Color management (UI perspective for GIMP 2.8)
  5. gimp-user | yesterday 02:42 PM
    printing

External news

Poll

Would you like to be able to use your Google/Yahoo/MSN (OpenID) login on gimpusers, too?

Definately! I would enjoy the possibility to use my OpenID on different websites!

I don't have a special need for OpenID but I think it could be useful

Doesn't matter to me

Never, OpenID is a pain regarding privacy and personal data protection!

No. (please post a comment)

See results

Stats

gimpusers.com RSS feed

RSS feed Retweet this!

08 Jul 2007 12:19 AM, by devvv (Bernhard Stockmann)

How to generate realistic mass waterdrops on a surface

Learn how you can make very cool and realistic waterdrops with GIMP.

This article has been written using GIMP 2.3.10. It's divided into 12 steps and takes about 30 min to complete for an average user. 44990 times read so far. Category: Special FX, required skill: 4 of 5

34 comments have been posted so far.

Available in other languages:

  1. 1
    a word before we start: I'm using the dialogue "Color" very often in this tutorial. If you use GIMP 2.2 the options i mean are found under Layer / Colors, since 2.3 this is only the menu "Color".

    Create a new file: 800x600px. Fill it with any background color you want. I did a soft blue gradient - that looks cool.
    Screenshot of step 1
    Click to enlarge
  2. 2
    Add a new Layer. Filter / Render / Solid noise. User max values: 16/16.
    Screenshot of step 2
    Click to enlarge
  3. 3
    Colors / threshold, look at the pic below to see the values )left: 86, right: 172).
    Screenshot of step 3
    Click to enlarge
  4. 4
    You'll get a picture that looks like mine below:
    Screenshot of step 4
    Click to enlarge
  5. 5
    Choose Colors / Color to Alpha and choose white to make all white transparent.

    After this invert all the pixels: Colors / Invert. After that all black should be white.
    Screenshot of step 5
    Click to enlarge
  6. 6
    Duplicate this layer, make it invisible by clicking the eye icon left to the layer in the layers dialog. Right click the layer in the layers dialog: "Selection from Alpha".

    - Dialogs / Channels. Add a new channel there while still having the selection active. Click "Initialize from selection".

    Press CTRL+SHIFT+A to deselect all.
    - user Filter / Blur / Gaussian Blur 3 times with these values: 7 then 3 and finally 1. Click the eye symbol to make the channel invisible.

    Switch back to the layers dialog and click the layer that contains the white "drops".
    Screenshot of step 6
    Click to enlarge
  7. 7
    Make sure the white drops layer is active. Now the heart piece of this tutorials follows:

    Filter / Light & Shadow / Lighting effects...

    We will now illuminate the drops from 2 sides (from top and from bottom) so we get some pretty real hightlights for the water. We need 2 directional light sources. Use my values (see the picture below). Don't forget to use the channel we created in step 6 as bumpmap.
    Screenshot of step 7
    Click to enlarge
  8. 8
    You get something like this:
    Screenshot of step 8
    Click to enlarge
  9. 9
    Lock the alpha channel ("Lock alpha channel") of this layer. This option is found above all layers. Then use Filters / Blur / Gaussian Blur: 4px.

    Using this option has the effect that all filters or anything else you may do on a layer is only applied to the visible pixel.

    In this step we use this to get nice little blurred grays. However we need to see clear differences between bright and dark gray as well as a clear white.

    After this you make the gray in the middle transparent by using Colors / Color to Alpha again (pick the gray in the middle).

    You get the following:
    Screenshot of step 9
    Click to enlarge
  10. 10
    As for now the result look already pretty good but we can still make some improvements: Any drop needs a soft black shadow to look more real.

    Rightclick the invisible white layer in the layers dialog and choose "Selection from alpha".

    With this selection active use Filter / Light and Shadow / Drop Shadow: X:2,Y:3 - Transparency: 30. Deselect "Allow resize".

    Deselect all: Selection / None.
    Screenshot of step 10
    Click to enlarge
  11. 11
    Our drops are a bit too white and not enough transparent. Activate the visible drops layer: Colors / Curves, use the Alpha channel (top left option) and apply the curve seen on the picture. We're then finished ;)
    Screenshot of step 11
    Click to enlarge
  12. 12
    Hope you like it!

    Tip: Smaller the size of the picture afterwards to get an even more realistic look!
    Screenshot of step 12
    Click to enlarge

This article is licensed under the following license: Attribution-Noncommercial 3.0 Austria

Links (pingbacks)

Comments

Post your own comments, questions or hints here. The author and other users will see your posting and can reply to it. Of course, you can also ask in the chat.

Comments are chronologically arranged.

  1. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Mon 09 Jul 2007 08:14:53 PM CEST st3ven, 09 Jul 2007 08:14 PM

    worked perfectly for me! great tutorial, great site! thank you

  2. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Thu 12 Jul 2007 11:48:55 AM CEST Nano, 12 Jul 2007 11:48 AM

    sorry but i cant read your program language, if you dont mind me asking why if you type perfect english and write these tutorials in english do you use/put screenshots in another language? not a big problem in the other tuts but this one i couldn't finish

  3. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Thu 12 Jul 2007 11:58:49 AM CEST devvv, 12 Jul 2007 11:58 AM

    Where do you need help?

  4. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Sat 14 Jul 2007 05:32:17 PM CEST mmmatus, 14 Jul 2007 05:32 PM

    Please...In the step 6, I don´t know where to click "Initialize from selection". In which menu.Thanks.

  5. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Sat 14 Jul 2007 06:21:18 PM CEST devvv, 14 Jul 2007 06:21 PM

    If you still have 2.2 you can achieve this by just clicking OK when the create-channel dialog appears to create it. after this fill the selecion with white. Then just continue. hope this helps.

  6. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Sun 12 Aug 2007 05:10:01 AM CEST Eduard, 12 Aug 2007 05:10 AM

    Excellent Tutorial bookmarked, Thank you.

  7. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Tue 21 Aug 2007 12:32:16 PM CEST Bakoi, 21 Aug 2007 12:32 PM

    Great tutorial.
    But I think you forgot to tell us to unlock the alpha channel of the drops layer. Otherwise the "curves" changement will have no effect.

  8. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Fri 24 Aug 2007 07:23:09 PM CEST GImp, 24 Aug 2007 07:23 PM

    couldnt find initialize from selection

  9. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Tue 28 Aug 2007 01:02:03 AM CEST anon, 28 Aug 2007 01:02 AM

    you suck wheres initialize from selection

  10. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Tue 28 Aug 2007 11:26:18 AM CEST devvv, 28 Aug 2007 11:26 AM

    the option is new in gimp 2.4. if you're working with 2.2 you need to fill the selection with white after you created the channel.

  11. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Wed 12 Sep 2007 02:19:37 PM CEST TheJoe, 12 Sep 2007 02:19 PM

    In gimp 2.2 is very different.. there were at least 2 functions put in differents menus.

    Anyway i got it, nice tut!! ;P

  12. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Thu 13 Sep 2007 02:05:15 AM CEST NellasUnna, 13 Sep 2007 02:05 AM

    "initialize from selection" is "add to selection" in GIMP 2.2, I think. It worked for me.

  13. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Tue 02 Oct 2007 07:22:28 PM CEST Soothsayah, 02 Oct 2007 07:22 PM

    the gimp rain animation is marvelous,
    i just joined this magnificent site,
    im glad there are smart people out there using fedora (like the gimp animation creator) it rrrrocks!

  14. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Fri 28 Dec 2007 08:18:54 PM CET BLTicklemonster, 28 Dec 2007 08:18 PM

    I can't make heads or tails of this as far as what I am doing wrong. I think I bog down around the channels part. I'm using 2.2, and don't get anything remotely like what the author is getting.

  15. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Wed 05 Mar 2008 05:21:16 PM CET BLTicklemonster, 05 Mar 2008 05:21 PM

    Step 6 is where I stop being able to follow this tutorial. Can anyone make a new tutorial and provide concise instructions? Think not I that my language speaks the poster of original tutorial. My fault, I should speak more than one language.

  16. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Sat 15 Mar 2008 01:09:00 AM CET kmkl, 15 Mar 2008 01:09 AM

    ya, i couldn't understand the directions, weren't accurate enuf

  17. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Thu 08 May 2008 04:54:01 PM CEST amy, 08 May 2008 04:54 PM

    very difficult at steps 6 & 7
    and colour curves didn't make any difference!

  18. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Sat 31 May 2008 04:10:16 PM CEST BTetlow, 31 May 2008 04:10 PM

    Wow!

    Excellent tutorial, all I need to understand now is what happened.

    The droplets look fantastic in any colour

  19. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Sun 27 Jul 2008 11:29:46 PM CEST LadyTeacher, 27 Jul 2008 11:29 PM

    I like the tutorial so much that I've spend several hours trying to succeed... There is something I do not understand because in step 6 I get lost... I cant make it work! I would really love to manage this. I'm quite new to Gimp and this kind of photoediting.

  20. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Mon 28 Jul 2008 09:38:35 AM CEST LadyTeacher, 28 Jul 2008 09:38 AM

    Great! Thank you so much for this tutorial! Now have even I succeeded... I just had do it two more times. It works! Thanks!

  21. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Tue 12 Aug 2008 11:45:52 AM CEST pashanoid, 12 Aug 2008 11:45 AM

    7. Make sure the white drops layer is active.

    Do you mean the copy layer or the orig layer since they're both "white drops"

    Can't get past this point (

  22. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Tue 12 Aug 2008 12:11:18 PM CEST pashanoid, 12 Aug 2008 12:11 PM

    Sorry, but this one is MADE difficult, great effect, real bad tutorial though, please re-write. Awful - 4 windows with lighting effects: which one goes after which? Alpha to selection or backwords? Select what and when. This is too crypic, not a tutorial, more like a puzzle...

  23. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Thu 14 Aug 2008 02:29:59 AM CEST Jeff, 14 Aug 2008 02:29 AM

    Definitely not a really good tutorial. Too hard to read, Some of the suggestions above helped change my results some, but not enough to be even close to the suggestions made in the tut. Try elaborating more for newbies since you seem to be taking for granted in several sections that we know how to do something.

  24. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Tue 09 Sep 2008 03:46:55 AM CEST bh351, 09 Sep 2008 03:46 AM

    everything seemed to be going good until lighting effects. I am sure this is my problem but i cant see the pic for lighting effects and when i click on it i cant get it to display. It says the picture has errors. could someone type in the settings for each of the pictures so i can try this PLEASE

  25. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Tue 09 Dec 2008 03:15:44 AM CET beanie, 09 Dec 2008 03:15 AM

    I'm sorry but I am lost. I get to step 7 and all of the "drops" turn black when doing the lighting effects. Can anyone tell me where I am going wrong? Am I selecting the correct layer for the drops? I tried the original layer and the duplicate layer and I get the same result. I have the "initialize to selection" check box when adding a new channel, but it also has the opacity level bar as well, should that be at 100, 0? Which layer should be invisible, the original or the duplicate?

  26. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Sat 14 Feb 2009 02:32:30 AM CET John, 14 Feb 2009 02:32 AM

    Well, I struggled through, only to find in the last step that the Alpha channel selection in the Curves dialog box is greyed out. I can't select Alpha. I must have gone wrong somewhere. Would love to get this right. Any help appreciated.
    Cheers!

  27. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Wed 04 Mar 2009 02:56:48 PM CET ZAEN, 04 Mar 2009 02:56 PM

    Thanks Devvv! I'll use your tutorial to teach to my students like creative example of art surfaces simulation.
    CIAO!

  28. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Sun 15 Mar 2009 08:24:57 PM CET Zwopperm, 15 Mar 2009 08:24 PM

    The light effect can also be acheved by applying the "Xach effect", deactivating the original layer, and then play around with transparecy levels.

  29. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Wed 25 Mar 2009 08:45:58 PM CET anon, 25 Mar 2009 08:45 PM

    You suck!

  30. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Sat 06 Jun 2009 04:24:33 PM CEST asdasd, 06 Jun 2009 04:24 PM

    DID NOT WORK! fail!

  31. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Wed 29 Jul 2009 05:16:18 PM CEST Darlingpresley, 29 Jul 2009 05:16 PM

    great yet again....


    Click to enlarge

  32. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Wed 29 Jul 2009 05:17:32 PM CEST Darlingpresley, 29 Jul 2009 05:17 PM

    didnt quite get the curve right so the droplets are not as rounded at the tut...but all is good, i can keep playing....lol

  33. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Mon 03 Aug 2009 04:23:26 PM CEST stupido, 03 Aug 2009 04:23 PM

    I'm sorry after the lightning effects i'm just getting my drops gray/black what am i doing wrong?

  34. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Mon 28 Sep 2009 06:14:07 AM CEST biswajyoti, 28 Sep 2009 06:14 AM

    why you do not create your tutorials are in form of video, video tutorials help a lot & faster to learn. Thanks

Registered users can log in (top right of the page) to use their profile name to post comments, request email notification on new comments and attach images (e.g. their versions of the effect) to their postings.

Are you human?

Adobe® Photoshop® is a registered trademark of Adobe Systems, Inc. Linux is a trademark of Linus Torvalds. Ubuntu and Canonical are registered trademarks of Canonical Ltd. | Clock times are shown as CET / CEST | Imprint / Privacy policy | powered by bitfire it services