Time-Lapse Photography Processing Using GIMP





Introduction: Time-Lapse Photography Processing Using GIMP

About: I'll cut and paste stuff here as time goes on.

After taking several pictures of clouds outside my home, I noticed that they were at very nearly the same direction. By viewing them in rapid succession, they almost looked like a frame-by-frame time-lapse animation. I decided to turn it into an animated .gif file to share with my friends and family. Here's how I did it!

Step 1: Take Pictures

Find something interesting but which changes or moves slowly -- in this case, the weather. I stood in my backyard and took several pictures of the same general area, while standing in the same place.
As I'll show later on, having a steady hand is marginally important; just try to get the same general area in every shot. My technique in this particular case was to point the camera in such a way that the viewscreen showed the exact same object in the corner -- a small garden decoration -- in each shot.
Take as many as you like, until your arm gets tired, or until your camera runs out of memory! For this example, eleven shots will suffice. Make sure the shots are evenly timed, as good as you can. The more evenly-spaced they are, the smoother your animation will look in the end. For fast clouds, like here, I spaced the shots 2-3 seconds apart. For slow clouds, 5-10 seconds is better.

Step 2: Put the Pictures on Your Computer

In my case, my pictures were located on a memory card in my cell phone, which is what I used to take the pictures. I put the memory card in an adapter and plugged it into my laptop as a flash drive. Other devices will probably be more cooperative for you; most digital cameras utilize a simple cable to connect, or even transfer files wirelessly.
Save the pertinent pictures in their own folder. Make sure to keep them in the order in which they were captured. Some cameras have ridiculous naming conventions for the files they create, so this may be difficult. Windows does a pretty good job of sorting them properly if you select the "modified" option under "arrange icons by..."

Step 3: Open GIMP and Find a Landmark

If you don't already have GIMP, I highly recommend downloading it. It's a powerful bit of image-editing software, and it's free!
Look at the photos you took. Notice how, despite your best attempts, the pictures have a bit of a "wobble" due to the manner in which you took them. In my case, I was merely standing with my cell phone camera taking a bunch of shots. I didn't use a tripod or anything to stabilize my hand as I pressed the shutter release.
Try to find a picture that generally averages the positioning of the others. All the others seem to have captured landscape a bit to the left or the right of this one, or higher up or down. Open GIMP and drag this "average" photo into the blank window.
Find a place in the photo that is common among all the other pictures, like a bit of landscape that never moves. You want it to be small as well as easy to notice. The closer to the center of the picture this landmark is, the better. Hover your cursor over a specific pixel on that landmark and notice that GIMP tells you in the bottom-left corner the coordinates of that pixel. You may want to write it down.
A fellow Instructabler has notified me that there's a program you can use that makes this process easier, Hugin. It comes highly recommended!

Step 4: Begin Layering

Now that you know what your landmark looks like and what specific pixel it should be on, you can delete this layer (unless it happens to be the first shot you took).
Select the "Move" tool in the toolbox. Now drag photos onto GIMP one by one as layers, in the order in which you captured them.
Each time you drag a layer onto GIMP, use your "move" tool to click on the pixel in the landmark you identified, and drag it over to the exact coordinate location you wrote down. If your pictures are rather large, you may want to zoom in to more easily distinguish pixels from each other.

Step 5: Other Processes

You may want to add other effects to the animation. I usually scale it down so as not to be so large. You may also wish to adjust the brightness or contrast, or other such things.
For my own purposes, I only really needed to scale it down. Select in the menu "Image > Scale Image..." A good setting for this would be 800x600 or less. If the picture is too big, your computer will be slow while trying to load it up later.
To better optimize file size, you can select in the menu "Filters > Animation > Optimize (For GIF)" and it will reprocess each layer for conversion to a GIF file. This will open up in a new window. To make sure your animation looks correct, select in the menu "Filters > Animation > Playback..." This will open a preview window to show roughly how your animation will look.

Step 6: Save As GIF and Show Off

When you're satisfied with your work, go to "File > Save as..." and give your animation a name. Be sure to include the extension ".GIF" -- this will signal to GIMP to convert your layers to GIF format and will bring up a menu asking you to specify a few things. Make sure you tell it to convert the layers as frames in an animation, and so forth. If you're not sure about an option, you probably don't need to mess with it.
Depending on how many layers/frames you included in your animation, the rendering may take a while. When it's finished, open it for a test to see how you like it!
Share your time-lapse photography project with your friends and family! Post your results here!



    • Clocks Contest

      Clocks Contest
    • Water Contest

      Water Contest
    • Oil Contest

      Oil Contest

    16 Discussions


    9 months ago

    answering my own query here.
    but for anyone finding this page with a similar need, then THIS is what you need for animating time-lapse photos as if they were frames in a reel of movie film:



    9 months ago

    yes, i read over this again and it seems to jump from loading the photos into your computer then stright into processing the photos, but it dosen't seem to tell me how to actually tell me how to make the photos act like frame in a movie reel, so to speak, that a little animation ccan be made from. that part, for me the most important part, is missing.
    as it does from almost every tutorial i've seen so far.
    it certainly isn't at all clear for me in gimp, so i can't so far just learn by fumbling around till it works as there is simply no easy way to see round this issue for me.
    thank you so very kindly to anyone who may be able to advise.


    9 months ago

    i'm confused!
    i have been struggling to find a tutorial on how to make a series of time-lapse photos into an animated gif or video with gimp/gap.
    however i aint finding any and did think that this tutorial was to teach how to do that.

    the title reads "timelapse photography processing using gimp" so iot appeared to be what i was after. however, it appears to be more about processing the images themselves, rather than about how to arrange them in a sequence to be turned into an animation by using gimp.

    can ANYONE please tell me how to do this?
    all the info anywhere is incomplete, cluttered with other processes, or not at all about making a series of photos into an animation as if the photos were frames in an old roll of movie film.

    I've used this method quite a few times before. Although, I've been straying away from .GIFs... the lack of pure RGB (or otherwise, i.e. CMYK) is not quite so pretty for photo animations. But, that's why there's Javascript, MPEGs, AVIs, et al. Still, this is a very nice instructable! If the align_stack function doesn't suit your fancy (it does mine =cD) then I suppose you could manually crop out the troublesome border.

    4 replies

    Indeed! Thanks for the input! And yes, this isn't intended to be a sophisticated, artsy expression of anyone's inner poet. It's for when you want to put only half your butt into animating a time-lapse. :D

    I guess there's something to be said for the lazier and easier ways. Anywho, I just followed your instructable to the letter and came out with a very nice result! And the .GIF indexing -that I detest so much- can be sidestepped by conversion to grayscale. They were black and white images =cD

    I do dare, sir. I'm taking a second time lapse of an alarm clock (isn't that the standard test?) with my infrared-converted PS2 EyeToy. It's actually pretty nice. Anywho, the first gif was pretty low quality, so I'll see if converting something almost grayscale to grayscale –as opposed to indexing, bleh!– will do anything.

    Good method, but you might be better off using a plugin such as hugin's image stack align method which will do the matching more accurately and quickly.

    5 replies

    Yeah, that's exactly the idea I had. Or you can use a tripod and intervalometer!

    http://hugin.sourceforge.net It's primary application is as a panorama creator but the align_stack function it uses to match points in the different angled photos does this job. It can stretch and adjust slightly each photo to match the key points together.

    Thanks! That looks amazing! It certainly would make the layering process easier. I'll edit the Instructable to mention it.

    I have gimp but don't really know how to use it. Thanks for the instructable!