It is currently Sat May 04, 2024 9:00 pm


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 16 posts ] 
Author Message
 Post subject: Water Drop Tutorial Revised
PostPosted: Wed Mar 26, 2014 6:43 am  (#1) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Creating (water) drops with GIMP.

Creating realistic water drops is something we all want to do to give our work a little more shine. I picked a rather dull picture of some apples to try this on so I could try to give them some life.
So here is a revised tutorial on how to do this.

#1
Open GIMP, drag and drop the photo you want to apply water
drops to. Go to File ­> Layers and click the "New Layer" button (first button, left bottom corner). On the new layer window, type a name for the new layer (e.g. Water Drop Layer) and click OK.
Now that the new layer is created, you can add your drops to the image.

Image


In my case, I wanted more than one drop so after you make your first shape with your tool, hold down on your shift key while making more drops, make as many as you like but remember to hold the shift key before each one or you will have to start over.

#2
Select the eliptical tool :elipse and draw a small ellipse somewhere on your photo where you want the drop to be.
Click your gradient tool, :blend , and drag straight down through the drops with your gradient set FG to BG with your colors set to black and white (default).
With your drops still selected, to go Modes and change to Overlay.
Image

Image


#3 Now we will create some nice shadows for the drops by going to Filters > Light and Shadow > Drop Shadow.
In the Drop Shadow window set the Offset X and Offset Y to 3, with the opacity set to 70 percent.
Repeat the Drop Shadow with Offset Y and Offset X to 3 but change the opacity to 30 percent.

Image

Image


3a. Now that you have the two layers of Drop Shadow completed, grab the move tool :move and drag the #1 shadow down and a little to the right just a bit. Then click the #2 shadow layer and drag it the same way.
(To do this, click your apples window with your move tool selected, and use your keyboard arrows to move it down a couple of clicks then your right arrow a couple more.

Okay, once you have your shadows in position, add another transparent layer to the stack and call it sparkles.
Take your small fuzzy brush and set your foreground color to white and make a small white dot in the upper left corner of each drop.
Image


Now we are done. Please post back in this thread if you have any questions. :pengy

_________________
Image


Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Wed Mar 26, 2014 7:20 am  (#2) 
Offline
GimpChat Member
User avatar

Joined: Mar 01, 2014
Posts: 12668
Location: Spain, Aragón
Molly; It's fantastic! Wow! I love it. I'll practise with your tut, Thank you very much. :tyspin :jumpclap

_________________
Image

Gimp 2.10.30(samj) portable _ OS Windows 10 Home_ 64bits
Don’t be afraid to start over. It’s a new chance to rebuild what you want.


Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Wed Mar 26, 2014 12:16 pm  (#3) 
Offline
GimpChat Member
User avatar

Joined: Mar 24, 2014
Posts: 137
Location: New York
Nice, but you're supposed to run the gradient on each drop so they have some highlight and shadow.

_________________
Image


Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Wed Mar 26, 2014 12:21 pm  (#4) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
David, I have been trying that and every time I go to each drop, the gradientt does all them the same. Is there a way I can do them individually without them turning all black?
The only way I could tell so far is do every drop one at a time and I don't want to do that.

_________________
Image


Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Wed Mar 26, 2014 1:55 pm  (#5) 
Offline
Administrator
User avatar

Joined: Aug 10, 2012
Posts: 13029
Location: Native to NYC living in Arizona, Gimp 2.8 & 2.10, Win 11 PC.
Here's what I came up with.
Image
I made one water droplet using this tutorial, copied it, then use the clipboard brush of the droplet to paint more of them all around my apple.
Nice tut Molly. :bigthup

_________________
Image
"A wise man learns more from a foolish question than a fool can learn from a wise answer"
Image


Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Wed Mar 26, 2014 2:02 pm  (#6) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
That is really nice Wallace, I didn't think of copying to clipboard hit my head against the wall.
Thanks for doing my tute.

_________________
Image


Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Wed Mar 26, 2014 2:14 pm  (#7) 
Offline
Administrator
User avatar

Joined: Aug 10, 2012
Posts: 13029
Location: Native to NYC living in Arizona, Gimp 2.8 & 2.10, Win 11 PC.
molly wrote:
That is really nice Wallace, I didn't think of copying to clipboard hit my head against the wall.
Thanks for doing my tute.

You're welcome. ;)
It would've taken me much longer to make each drop. So I thought it would be faster to do it this way.
I was going to make an animated brush, but decided against that.
Maybe I should make one anyway, what do you think?
I can use your tut to make the droplets for the animated brush.

_________________
Image
"A wise man learns more from a foolish question than a fool can learn from a wise answer"
Image


Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Wed Mar 26, 2014 2:47 pm  (#8) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Wallace, you make as many brushes as your lil-ole-heart desires. I know you will make good use of them with your talent.

_________________
Image


Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Wed Mar 26, 2014 3:28 pm  (#9) 
Offline
GimpChat Member
User avatar

Joined: Mar 01, 2014
Posts: 12668
Location: Spain, Aragón
Molly this is my trial. Wallace you are a master making realistic drops. Thanks for so much help. :tyspin


Attachments:
Apple.jpg
Apple.jpg [ 4.8 MiB | Viewed 12429 times ]

_________________
Image

Gimp 2.10.30(samj) portable _ OS Windows 10 Home_ 64bits
Don’t be afraid to start over. It’s a new chance to rebuild what you want.
Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Wed Mar 26, 2014 3:31 pm  (#10) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
That is really a nice one Issabella, I could take a bite out of it right now.

_________________
Image


Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Wed Mar 26, 2014 3:57 pm  (#11) 
Offline
Administrator
User avatar

Joined: Aug 10, 2012
Posts: 13029
Location: Native to NYC living in Arizona, Gimp 2.8 & 2.10, Win 11 PC.
Issabella wrote:
Wallace you are a master making realistic drops. Thanks for so much help. :tyspin

Thanks to Molly. :mrgreen:
BTW.. I'll have that animated droplet brush posted soon...

_________________
Image
"A wise man learns more from a foolish question than a fool can learn from a wise answer"
Image


Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Wed Mar 26, 2014 9:08 pm  (#12) 
Offline
GimpChat Member
User avatar

Joined: Mar 24, 2014
Posts: 137
Location: New York
You have to do each drop separately.

_________________
Image


Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Tue Jun 09, 2015 9:48 am  (#13) 
Offline
GimpChat Member
User avatar

Joined: Jun 08, 2015
Posts: 36
:coolthup


Attachments:
0_c8ceorig.jpg
0_c8ceorig.jpg [ 44.69 KiB | Viewed 2097 times ]

_________________
Image
Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Tue Jun 09, 2015 6:41 pm  (#14) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 3975
Location: Canada
This tutorial gave me an idea to cheat.
I found an image of droplets on a red apple.
Selected a drop I liked then color-to-alpha and chose pure red to convert it to alpha (since it's a red apple).

Then I used this as a brush like Wallace mentioned.
then after i was done creating drops on a separate layer, i drop shadow the whole layer.
Image

and here's another try (with displacing the background using the shadow as displacement map, then duplicated the drops layer to make the drops a little brighter).
Image

here's the droplet that i used.
Image

_________________
TinT


Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Wed Jun 10, 2015 2:48 pm  (#15) 
Offline
GimpChat Member
User avatar

Joined: Aug 16, 2012
Posts: 4271
Location: Göteborg, Sweden
trandoductin: that's a very well working technique, nice outcome. i never seem to get good results when i work from full colour images though, i always have to desaturate them first and colour-to-alpha away the mid grey tones - any good advice on how to get the red tones from the full colour picture with a good result?

_________________


Top
 Post subject: Re: Water Drop Tutorial Revised
PostPosted: Thu Jan 07, 2016 12:23 pm  (#16) 
Offline
GimpChat Member
User avatar

Joined: Apr 26, 2014
Posts: 3541
Location: belgium
Image


Top
Post new topic Reply to topic  [ 16 posts ] 

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) Drag & Drop

14

No new posts How do I get rid of drop down menu

3

No new posts Attachment(s) Drop Shadow help

6

No new posts Sand Drop plug-in

11

No new posts a drop of rainwater where we see a reflection

1



* Login  



Powered by phpBB3 © phpBB Group