Gimptalk - Premier Gimp Community: Animated Rain - Gimptalk - Premier Gimp Community

Jump to content

  • 18 Pages +
  • 1
  • 2
  • 3
  • Last »
  • You cannot start a new topic
  • You cannot reply to this topic

Animated Rain

#1 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 05 December 2005 - 02:33 AM

EDIT January 2, 2008: This tutorial has been converted to a script. If you would like to check out the scripts, you may do so here:

GIMP 2.4 Animated Rain Script
GIMP 2.2 Animated Rain Script

I recommend you still try out the tutorial so that you can understand how the animations are created manually. Enjoy!

Hello, Class! In today's lesson, I'll show you the steps to creating animated rain like in the image shown below.

Posted Image

The method we'll be using requires some basic GIMP skills (adding layers, setting layer modes, using some basic filters, etc.). One nice thing is that we will be doing the animation directly within GIMP (I'm specifically using 2.2.9, but the older versions should work fine). No GAP will be necessary.

Step 1

Open up the image you desire to add the rain effect to. I'll be using this one:

Posted Image

Step 2

Duplicate the image 2 or 3 more times. I'm duplicating mine twice.

Step 3

Add 1 new layer for each number of background image layers and fill them with white. Since I have a total of 3 background layers, I now have 3 white layers as well (a total of 6 layers).

Step 4

Re-order the layers so that you have a background layer with a white layer on top of it. The layers should alternate like so:

Posted Image

Step 5

Add some noise to each white layer by going to Filters | Noise | Scatter RGB. I've used the following settings, but you can experiment a bit:

Posted Image

It's really not necessary to change the settings of the noise filter as the noise is placed randomly. After I got the settings I wanted, I just made each white layer active and hit Ctrl-F to repeat the filter with the previous settings. You can change the settings if you want, but I'm just letting you know it isn't necessary.

Step 6

Now add a motion blur to each noise layer. Here's my settings:

Posted Image

Step 7

Now, set the layer blend mode for each of the noise layers to "Multiply" (or some other blend mode that suits your taste.)

Posted Image

Step 8

Merge each one of the noise layers down to the background image below it. Menu: Layer | Merge Down. I now have 3 background layers with rain.

This is what my layers look like:

Posted Image

Step 9

Now, try out your rain.....Filters | Animation | Playback

Step 10

Optimize it for animation: Filters | Animation | Optimize for GIF

Step 11

Save as a GIF

Step 12

When you see this window, please set the options as follows:

Posted Image

Posted Image

Here's my results once more:

Posted Image

How'd you do?

Now, get out there and show me your rain! Happy GIMP-ing!

Art
0

#2 User is offline   Octogon 

  • Member
  • PipPip
  • Group: Members
  • Posts: 88
  • Joined: 02-October 05

Posted 05 December 2005 - 02:37 AM

I was looking for this. awesome. I'll post my result later.
0

#3 User is offline   ratjar 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 6
  • Joined: 27-November 05

Posted 06 December 2005 - 02:05 AM

The Picture I tried to use was a little dark and didn't turn out to great, But awesome tut!!!

Pic's too big to upload buts here pic i used

http://www.exoticfruit.com.au/images/We ... Stream.JPG
0

#4 User is offline   -George- 

  • Member
  • PipPip
  • Group: Members
  • Posts: 87
  • Joined: 06-November 05

Posted 08 December 2005 - 08:23 PM

Posted Image

That is a thumbnail.

Thanks so much i had another tutorial but i did not understand it. This was very clear and it produces great results.
0

#5 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 08 December 2005 - 08:51 PM

Good results, George! Glad I was able to help.

Art
0

#6 User is offline   Dead Krypt 

  • Member
  • PipPip
  • Group: Members
  • Posts: 118
  • Joined: 03-October 05

Posted 08 December 2005 - 10:53 PM

A good thing to add to this tutorial, when the rain hits something say like a rock, you can see the rain bouncing off. I think that would add a great effect.

Good tutorial.

Dead Krypt
0

#7 User is offline   Buket-Head 

  • Member
  • PipPip
  • Group: Members
  • Posts: 61
  • Joined: 07-November 05

Posted 09 December 2005 - 10:28 PM

Heres my result -

Posted Image
Posted Image
0

#8 User is offline   Masamune39 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 5
  • Joined: 10-December 05

Posted 10 December 2005 - 08:38 PM

Great guide, I really enjoyed this experience.
0

#9 User is offline   phill 

  • Member
  • PipPip
  • Group: Members
  • Posts: 289
  • Joined: 12-June 05

Posted 10 December 2005 - 10:19 PM

Really awesome tutorial, a 10/10 of course.

Seems very easy to follow, the rain could have a slight bit of tweaking (erase some make it "slow" down etc) and it'll be VERY realistic but that is a WONDERFUL tutorial, I have to try this thing out :-).
0

#10 User is offline   Buket-Head 

  • Member
  • PipPip
  • Group: Members
  • Posts: 61
  • Joined: 07-November 05

Posted 11 December 2005 - 09:48 AM

hey could you make a tut on how to make rain splatter against stuff
Posted Image
0

#11 User is offline   mlv 

  • Member
  • PipPip
  • Group: Members
  • Posts: 24
  • Joined: 02-October 05

Posted 11 December 2005 - 02:31 PM

Looks great! im sure this is gonna come in handy
Posted Image
0

#12 User is offline   TK-425 

  • Member
  • PipPip
  • Group: Members
  • Posts: 12
  • Joined: 02-December 05

Posted 11 December 2005 - 04:32 PM

Yeah, good tutorial.

It would be nice to know how to make rain bounce off things too.
Posted Image
0

#13 User is offline   Socom2player 

  • Member
  • PipPip
  • Group: Members
  • Posts: 49
  • Joined: 26-May 05

Posted 12 December 2005 - 01:24 AM

Quote

Yeah, good tutorial.

It would be nice to know how to make rain bounce off things too.


that and how to make lightning in the background look real.
0

#14 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 12 December 2005 - 04:26 AM

Thanks for the compliments, everyone!

As far as the suggestions for improvement go, I see that someone has stepped up to the plate and made a tutorial for making the raindrops bounce off a surface. I thought that was a pretty creative approach.

For the rest of you who offered suggestions, here's my $.02: It is the teacher's job to teach. It is the student's job to apply. I've done my part. Now, get out there and apply what you've learned! :w:

Art

"Give a man a fish and you feed him for a day. Teach a man to fish and you feed him for a lifetime."
0

#15 User is offline   Socom2player 

  • Member
  • PipPip
  • Group: Members
  • Posts: 49
  • Joined: 26-May 05

Posted 12 December 2005 - 04:47 AM

Quote

Thanks for the compliments, everyone!

As far as the suggestions for improvement go, I see that someone has stepped up to the plate and made a tutorial for making the raindrops bounce off a surface. I thought that was a pretty creative approach.

For the rest of you who offered suggestions, here's my $.02: It is the teacher's job to teach. It is the student's job to apply. I've done my part. Now, get out there and apply what you've learned! :w:

Art

"Give a man a fish and you feed him for a day. Teach a man to fish and you feed him for a lifetime."


Iv been experimenting with the lightning tut but I can make it realistic enogh!

btw heres my result:
Posted Image

And as for this:
"Give a man a fish and you feed him for a day. Teach a man to fish and you feed him for a lifetime."
theres also a saying
"Give a man a fish, he knows where to come back for fish. You teach a man to fish you lose a costermer and he gets all your profits!" :h:
0

#16 User is offline   elfdaughter 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 8
  • Joined: 09-December 05

Posted 12 December 2005 - 07:10 AM

Quote


As far as the suggestions for improvement go, I see that someone has stepped up to the plate and made a tutorial for making the raindrops bounce off a surface. I thought that was a pretty creative approach.



Ooh?Where? Has anyone got the link? Thanks for the tut, by the way, brilliant!
0

#17 User is offline   -George- 

  • Member
  • PipPip
  • Group: Members
  • Posts: 87
  • Joined: 06-November 05

Posted 12 December 2005 - 08:08 AM

Quote

Quote


As far as the suggestions for improvement go, I see that someone has stepped up to the plate and made a tutorial for making the raindrops bounce off a surface. I thought that was a pretty creative approach.



Ooh?Where? Has anyone got the link? Thanks for the tut, by the way, brilliant!

http://www.gimptalk....a=v&t=2410&f=14 There you go.
0

#18 User is offline   manutd93 

  • Member
  • PipPip
  • Group: Members
  • Posts: 59
  • Joined: 21-October 05

Posted 20 December 2005 - 06:48 PM

Hey fencepost! your tutorials are great! i combined yours with the person who made rain splash and i got this:
Posted Image
Posted Image
0

#19 User is offline   Buket-Head 

  • Member
  • PipPip
  • Group: Members
  • Posts: 61
  • Joined: 07-November 05

Posted 20 December 2005 - 07:04 PM

lol that person is me :c: :w:
Posted Image
0

#20 User is offline   TwinkleStar 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 2
  • Joined: 13-October 05

Posted 22 December 2005 - 03:09 PM

That was a GREAT tutorial, fencepost! Your easy-to-use instructions make this tut one of my favorites!

Here are my results :

Posted Image
0

Share this topic:


  • 18 Pages +
  • 1
  • 2
  • 3
  • Last »
  • You cannot start a new topic
  • You cannot reply to this topic