Share this topic on AskShare this topic on DiggShare this topic on FacebookShare this topic on GoogleShare this topic on TwitterShare this topic on YahooShare this topic on Google buzz

Author Topic: Animated Rain in GIMP  (Read 7909 times)

0 Members and 1 Guest are viewing this topic.

Offline fencepost

  • Member
  • **
  • Posts: 2,626
  • Karma: 0
    • fence-post.deviantart.com
Animated Rain in GIMP
« on: December 22, 2006, 01:04:32 PM »
Another oldie, but goodie!  Enjoy!

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



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:



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:



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:



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:



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.)



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:



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:



Here's my results once more:



How'd you do?

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

Art
« Last Edit: May 16, 2010, 10:07:16 AM by Hi-T3k~HillBilly »
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime!  Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.

Offline z3matt

  • Member
  • **
  • Posts: 213
  • Karma: 0
Re: Animated Rain in GIMP
« Reply #1 on: June 08, 2008, 06:09:11 PM »


Nice tut.
Favorite:
Newest:

Offline Nimmy

  • Member
  • **
  • Posts: 22
  • Karma: 0
Re: Animated Rain in GIMP
« Reply #2 on: March 20, 2009, 03:32:24 PM »

Not sure on what to do to get the "rain" more noticeable.   

You got your rules and your religion. All designed to keep you safe. But when rules start getting broken, you start questioning your faith. - Rev Theory  "Voices"

Offline Darth_Gimp

  • Number One
  • *****
  • Posts: 2,894
  • Karma: 0
  • Faith, Folk, Family!
    • lds-jedi.deviantart.com
    • Odinic Rite
Re: Animated Rain in GIMP
« Reply #3 on: March 20, 2009, 05:04:26 PM »
You will notice in the example and outcomes that the rain, like real rain, shows up more on lighter backgrounds. What you have is cool... just dark.
GimpDome Group: http://gimpdome.deviantart.com/
My DeviantArt: http://lds-jedi.deviantart.com/

There's no worse feeling than that millisecond you're sure you are going to die after leaning your chair back a little too far.

Offline sdort

  • Member
  • **
  • Posts: 173
  • Karma: 0
  • I'm a Asian
Re: Animated Rain in GIMP
« Reply #4 on: May 31, 2009, 11:38:23 PM »
thanks darth_gimp, i found out that later , so i had to invert it.


Offline texjoy

  • New Member
  • *
  • Posts: 3
  • Karma: 0
Re: Animated Rain in GIMP
« Reply #5 on: March 24, 2010, 03:59:09 PM »
TY 4 da lesson dis wut it resulted

[attachment deleted by admin]

Offline Darth_Gimp

  • Number One
  • *****
  • Posts: 2,894
  • Karma: 0
  • Faith, Folk, Family!
    • lds-jedi.deviantart.com
    • Odinic Rite
Re: Animated Rain in GIMP
« Reply #6 on: March 24, 2010, 05:15:01 PM »
less ghetto more English please.
GimpDome Group: http://gimpdome.deviantart.com/
My DeviantArt: http://lds-jedi.deviantart.com/

There's no worse feeling than that millisecond you're sure you are going to die after leaning your chair back a little too far.

Offline texjoy

  • New Member
  • *
  • Posts: 3
  • Karma: 0
Re: Animated Rain in GIMP
« Reply #7 on: March 28, 2010, 11:48:51 AM »
rain tutorial is awesome plz make tutorial on how 2 post is dis a post it says ima be kicked its almost 90 days and i have no post idk how   plz help me

Offline Darth_Gimp

  • Number One
  • *****
  • Posts: 2,894
  • Karma: 0
  • Faith, Folk, Family!
    • lds-jedi.deviantart.com
    • Odinic Rite
Re: Animated Rain in GIMP
« Reply #8 on: March 28, 2010, 12:19:26 PM »
Yes this is a post. So do not worry so much.
GimpDome Group: http://gimpdome.deviantart.com/
My DeviantArt: http://lds-jedi.deviantart.com/

There's no worse feeling than that millisecond you're sure you are going to die after leaning your chair back a little too far.

Offline DesiredForgotton

  • Member
  • **
  • Posts: 93
  • Karma: 0
Re: Animated Rain in GIMP
« Reply #9 on: March 31, 2010, 12:41:57 PM »
Inspired by all the rain lately i've done one for around where i live..



Posted on: March 30, 2010, 10:12:53 PM
thanks darth_gimp, i found out that later , so i had to invert it.

I Love the background on that .. How did you Do it ? Or Is It an image ?


Tags:
 

anything