

With a rectangular select tool, draw a selction around the text. This is as simple as dragging the layer preview from the layers window to the toolbar. Please go to the “ Using GAP” tutorial to learn more about the tool.īefore we can apply this effect, we need to create a new image out of the third frame. This function is provided by GAP, the GIMP Animation Package. In the last step, we’ll use a very handy function for applying a filter to multiple layers. You can even drag the preview around your desktop. To check if the timing is good, you can preview the animation using the Filters → Animation → Animation Playback.

Just double-click the layer comment in the layers’ window and a delay in ms enclosed in brackets (). In GIMP you specify the delay as a layer comment. That way you can create a 12 second animation using only a few frames, because the delay does not have to be constant. In every GIF animation you are allowed to specify the delay between frames. That way you can position the newly created text acording to the text below (on the previous frame). Before using the text tool, set the layer (frame) transparency to a lower value, so you could see the layer below it. The positioning might be crucial for the final animation, so you can use the following trick to make the positioning a piece of cake. After typing the text onto the frame, GIMP will create a floating selection, that you need to position right using the move tool and anchor using Ctrl+H. Then we’ll use the standard text tool to put a small text note on every frame. The first step will naturally be to copy our flattened image two times using the duplicate layer button in the layers window.

I don’t want to make this boring, so lets make it three frames. Each frame will consist of the flower image and accompanied by some text. We will be creating a banner consisting of, say three lines of text being animated. Now we’re ready for the actual animation work. Once you’re ready flatten the image using the Image → Flatten Image.
Gif animator flash free#
This part of the tutorial is not the key element, so feel free to experiment. In that layer mask i applied a b/w gradient, so that the left of the flower is not interlaced.

I couldn’t resist adding the interlace effect using Filters → Render → Grid and a layer mask. After that I blurred the shadow using Gaussian blur RLE and offset it by 2px to bottom right. I just pasted the flower below the border frame, used alpha to selection, created an empty layer below it and filled the selection with black using Ctrl+. I have prepared a masked-out flower you see on the picture on the left. Now it’s time to put our logo or the main theme picture into the banner. We created a 1 px frame around out banner. Shrink the selection by 1 px ( Selection → shrink) and delete the selection with Ctrl+K. Select the whole image with Ctrl+A and fill it with black ( Ctrl+,). For now let us think about every layer as of a separate frame. We’ll discuss the two different frame disposal methods later on. Unlike it’s default composite function, using GIMP as an animation package requires you to think of every layer as of an animation frame.
Gif animator flash how to#
In this tutorial, you’ll learn how to use GIMP’s layers in a different manner. Text and images Copyright (C) 2002 Jakub Steiner and may not be used without permission of the author.
