In honour of England’s St George's Day, April 23rd, this GIMP (GNU) tutorial demonstrates how to create an Animated Sparkly Rose. To work along, you are welcome to download the Four (Layered) Transparent Start Image I am working with Here. Unzip the file and open the images onto GIMP’s workspace.
Download Two Transparent Sparkles Here
If you are working with your own Start Image, you can download two different sized Transparent Sparkles, Here.
You can quickly Undo a step at any time by pressing Ctrl then Z. Alternatively, click a previous Undo History snapshot - Windows then Dockable Dialogues then click Undo History. In addition, to Zoom in (or Zoom out) of your image; from the top menu, choose View then select a Zoom Tool from the subsequent drop-down list.
Launch GIMP & Organise Its Workspace & Palettes
Although this type of simple four-frame animation is relatively easy to create. However, due to the level of concentration and organisation required, I have marked this tutorial Advanced. Once you’ve gone through the steps once or twice, this technique is quite easy to master.
Open the Four Start Images onto GIMP’s workspace. (File then Open).
Ensure the Layers and the Undo History Palettes are visible, and then drag them into position over your workspace - (Windows then Dockable Dialogues - then click Layers and Undo History).
Now, working on each of the Four Layered Images one at a time, left-click to activate a Sparkle, and then Duplicate the Sparkle Layer multiple times. And using the Move Tool, arrange the Sparkles into unique positions around the Rose.
Placing the sparkles in unique positions creates the final animation effect. It’s therefore important to arrange the sparkles in each of the four images, with care and consideration.
It’s vital that, when repositioning the Sparkles, that you don’t move the Background Image, as this will have a disastrous effect to your final animation. If the Background Image does move, then press Ctrl then tap the Z Key to go back a space and begin the repositioning process again.
You may want to reduce or increase some of the Sparkles’ Size, using the Scale Tool.
After you have arranged the sparkles around all four images, you are ready for the next step.
Activate each image one at a time, and from the top menu, choose Image and then choose Merge Visible Layers. Click the Merge tab from the subsequent Merge Layers Options Box, accepting its default settings.
After you have Merged Visible all fours images, you are ready for the next step.
Now, Cut and Paste As New Layer Three of the Merged Rose Images onto the Fourth Merged Rose Image. After you have completed this, you will have a Four Layered Image, ready to animate. As demonstrated below.
In order for your animation to be successful, each image must have uniquely positioned Sparkles. If this is not the case, you’ll have to go back to Chapter Two, and start again.
You can safely Close the three images that are no longer needed.
It’s a good time to save your Layered Image as a GIMP XCF File.
5/ View And Save Your Animation
To view your animation. From GIMP’s top menu, choose Filters then choose Animation and then choose Playback. And from the subsequent Animation Playback dialogue box, click the following Play (Start Playback) tab.
For personal results, it’s important to experiment with the following animation frame settings.
6/ Save Animation (Export/Save Images As A GIF: GIMP 2.8 - Click Here).
From the top menu, choose File and then choose Save As. (GIMP 2.8, choose File then choose Export). And from the subsequent Save Image/Export dialogue box, navigate to a Destination Folder of your choice. Then save your Image as a GIF, and then click Save.
GIMP 2.8 Export Example
How to Save Images Tutorial Here.
From the subsequent Export File dialogue box, mark the following Save as Animation box, and then click Export.
And from the subsequent Save as Gif dialogue box, enter settings of your choice, (or accept the default settings), and then click Save.
GIMP 2.8 Export Example
For personalised animation speeds, experiment with different Millisecond (Delay between frames) values.
100 Millisecond Example
Slow Down Your Animation
To slow down your animation’s speed, increase the Delay between frames to around 150 milliseconds. (For personal results, always experiment with the milliseconds setting).
150 Millisecond Example
200 Millisecond Example
250 Millisecond Example
Congratulations, you have created and saved your Animated Sparkly Rose, and it is ready to upload to a server in your usual manner.
Loop Forever (Further Optimisation Notes).
When this option is marked, the animation will play repeatedly until you stop it.
Delay Between Frames If Unspecified
You can set the delay, in milliseconds, between frames if it has not been set before. In this case, you can modify every delay in the Layer Dialogue.
Frame Disposal When Unspecified
If this has not been set before, you can set how frames will be superimposed. You can select one of the following three options:
I Don't Care
You can use this option if all your Layers are opaque. Layers will overwrite what is
Cumulative Layers (Combine)
Previous frames will not be deleted when a new one is displayed.
One Frame Per Layer (Replace)
Previous frames will be deleted before displaying a new frame.
Wendi E. M. Scarth. Top of Page.