Time-Lapse Photography Processing Using GIMP

by V-Man737 in Circuits > Software

60052 Views, 46 Favorites, 0 Comments

Time-Lapse Photography Processing Using GIMP

Orig01.jpg
Orig03.jpg
Orig05.jpg
Orig07.jpg
Orig09.jpg
Orig10.jpg
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!

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.

Put the Pictures on Your Computer

04 - Folder.jpg
05 - Arrange Icons.jpg

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

Open GIMP and Find a Landmark

06 - Wobble.gif
07 - GIMP.jpg
08 - Landmark.jpg
09 - Pixel Coordinates.jpg

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!

Begin Layering

10 - Move Tool.jpg
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.

Other Processes

11 - Brightness-Contrast.jpg
12 - Scale Image.jpg
13 - Optimize for GIF.jpg
14 - Playback.jpg
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.

Save As GIF and Show Off

15 - Save As Dialog.JPG
16 - GIF dialog1.JPG
17 - GIF dialog2.JPG
18 - GIF dialog3.JPG
19 - the result.gif
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!