gimpusers.com logo
German version English version

Not logged in

Sign up! | Lost password?

Latest discussion

  1. gimp-docs | yesterday 10:55 PM
    a new user perspective
  2. gimp-developer | yesterday 08:04 PM
    scanner support should be File->Acquire
  3. gegl-developer | yesterday 06:24 PM
    babl docs
  4. gimp-docs | yesterday 12:46 PM
    GIMP Manual
  5. gimp-user | yesterday 09:42 AM
    Bug

External news

Poll

How good are you at programming?

OMG, that is nothing for me at all!

I've been coding a little bit but I'm not very fit at it

I'm pretty good at programming and would maybe be able to write a Plug-In for GIMP

I'm very good at programming and I would theoretically be able to hack for the GIMP core

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. 50587 times read so far. Category: Special FX, required skill: 4 of 5

35 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 rating(s) with 5.0 of 5 stars in average

  1. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Mon Jul 9 20:14:53 2007 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 Jul 12 11:48:55 2007 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 Jul 12 11:58:49 2007 devvv, 12 Jul 2007 11:58 AM

    Where do you need help?

  4. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Sat Jul 14 17:32:17 2007 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 Jul 14 18:21:18 2007 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 Aug 12 05:10:01 2007 Eduard, 12 Aug 2007 05:10 AM

    Excellent Tutorial bookmarked, Thank you.

  7. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Tue Aug 21 12:32:16 2007 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 Aug 24 19:23:09 2007 GImp, 24 Aug 2007 07:23 PM

    couldnt find initialize from selection

  9. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Tue Aug 28 01:02:03 2007 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 Aug 28 11:26:18 2007 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 Sep 12 14:19:37 2007 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 Sep 13 02:05:15 2007 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 Oct 2 19:22:28 2007 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 Dec 28 20:18:54 2007 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 Mar 5 17:21:16 2008 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 Mar 15 01:09:00 2008 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 May 8 16:54:01 2008 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 May 31 16:10:16 2008 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 Jul 27 23:29:46 2008 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 Jul 28 09:38:35 2008 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 Aug 12 11:45:52 2008 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 Aug 12 12:11:18 2008 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 Aug 14 02:29:59 2008 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 Sep 9 03:46:55 2008 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 Dec 9 03:15:44 2008 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 Feb 14 02:32:30 2009 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 Mar 4 14:56:48 2009 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 Mar 15 20:24:57 2009 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 Mar 25 20:45:58 2009 anon, 25 Mar 2009 08:45 PM

    You suck!

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

    DID NOT WORK! fail!

  31. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Wed Jul 29 17:16:18 2009 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 Jul 29 17:17:32 2009 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 Aug 3 16:23:26 2009 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 Sep 28 06:14:07 2009 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

  35. http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html Fri Apr 16 22:26:00 2010 Pavel, 16 Apr 2010 10:26 PM

    In Step 5 I clicked Colors/Color to Alpha and Choose white to become transparent.Transparency part is marked with checkerboard. Then Colors/Invert all black drops become white, but cannot get blue background to show up, and it stays like that to the end. What am I doing wrong? Could anyone help?

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 | sponsored by Hirners Hotel Guide