Our task will be to create an animation like the one below using a series of still pictures. We will simulate motion by placing single pictures one after another in GIMP and saving that series as an animated gif file. Gif is a file type that supports series display and frame rate commands.
First, take a series of pictures with a still camera (Maximum of 5 pictures, please).
Next, load those pictures onto your computer and place them in your local folder.
If you need to, you can re-name your picture files so they're easier to sequence in the proper order. See below. Single click the file to highlight it, pause, single click it again to change the file name. I recommend numbering them in order that they will appear.
Next we'll import them into GIMP. Open GIMP and goto File>Open as Layers and navigate to your folder and your picture files. You can select them all at once by holding down the Ctrl button and selecting them.
Once imported, make sure your Layers panel is open in GIMP (Windows>Dockable Dialogs>Layers). If you need to you can drag the layers in proper order by clicking on the appropriate layer and click/hold/drag. Earliest event goes on top, last event at bottom. If you numbered your files they should already be in order.
Raw camera files are generally too big to make animations, so we'll need to scale them down to a smaller size. Highlight the top, or first layer in the Layers panel. Use the scale tool and click on the top image in GIMPs main window. Click the "chain" icon to link the width and height, then scale the Width to 666 pixles with the up and down arrows. Then click the Scale button.
Select each successive layer and scale in the same manner. Then We'll crop the whole image as seen below.
Select the Crop Tool and drag a box around the images. Start from the lower right corner and drag all the way up to the upper left.
To get an exact crop, we'll need to zoom in on the image. Go to the zoom settings on the bottom left of the main GIMP window and select 100%.
Drag the bottom crop line so that you exactly cover the dashed line. do the same with the left side. Then click in the middle of the image to complete the crop.
Now we need to export as an animation. Go to File>Export to pull up the Export dialog box. Down in the lower left you'll see Select File Type (by Extension). Click the + and scroll to find and select the GIF image file type. Go ahead and change the name of the file to MyGifAnimation or something similar. Make sure you keep the .gif extension in the name.
Click Export and the following dialog box will pop up. Make sure "As Animation" is checked, as well as check "Use delay entered above fo all frames". You may want to adjust the Delay between frames. 100ms = 1/10 of a second, so you could slow that down by increasing the delay to 300-500ms.
Once you're ready go ahead and click Export and send to your local folder. You'll then create a new page in WebDwarf. Name it "Animation" and place your new gif animation on that page. Upload, then open your index page in WebDwarf and create a link to your new Animation.html page.
Create an Animated GIF file with GIMP
Mikel with the slam dunk!