Getting Started - GIF Animation from images Print E-mail
One of WinGraphic's features is to create animations from your images. In this tutorial I am going to show you how to create a simple animation from your images.

 

You can download our images here our use your own. If you download ours you must unzip them into a folder before starting this tutorial.

 

The Tutorial


 

New Project Dialog

First start WinGraphic and select 'Animation Multi-Image' from the new project menu and click OK.


 

Open Dialog

Next you need to add the images to the project. Click on the Add File Button button or select 'File' then 'Add File' from the main menu. You will now see an open dialog. Browse to the folder where your images are saved and select the ones you want to add to your animation (You can select multiple images by holding down CTRL while selecting the images) and select Open.


The images will now be loaded into the image list. You can arrange the Selected Imagesimages by selecting the image and using the Up & Down buttons buttons. (I have arranged mine so the landscape images are first and the water fall views are second.)

If you are using my images, you will notice that they are different sizes. For a start I am going to scale them all down to a smaller size. (I want to make them quite small so they will load fast.)

Here is how to do it. Select all of the images by holding down the mouse button on the first image and drag the mouse down so it highlights them all (This can also be done by clicking on the first image then holding down SHIFT clicking on the last image). If all of the filenames are selected like the image to the left, you have successfully done this.

Now to the resizing part, click on the Effects Buttonbutton and select 'Resize' then 'Resize'. (This can also be done by selecting Image from the main menu.)

Resize BoxYou will now be prompted with a dialog box. If you have used our images, enter 100 into the Width box and enter 76 into the Height box. Uncheck 'Keep Aspect Ratio' and select OK.

You should now have 4 thumbnail size images.

 


Animation OptionsNext we are going to set the animation properties. Select all of the images as you did before and enter the following into the 'Animation Options' box.
Delay = 100 (this is 1 second)
Loop Forever = Checked
Output Filename = We will do this a little bit later on.

Check that all of your images are still selected. If they are hit the 'Set For Selected' Button. Now all of the options you have just typed in have been set for all of the images. (In some other tutorials I will show you how to set these options for each image).


Save DialogThe Output Filename needs to be set. In the same option window 'Animation Options' as before click on the Save Animation Button button. Find a folder where you would like to save your image, I have saved mine on my desktop. In the File name box enter "animation.gif" and select save.

The filename should appear in the 'Animation Options' box.


You should now be ready to save your animation. When you click on the Start Button button you will be prompted with a dialog that says "You are about to convert and save all your images, continue?" Select OK. WinGraphic will now start the conversion.

Now go to the folder where you saved your animation and you should see a picture there called animation.gif (if you saved it as the same name as me). The result should look something like this.
The Animation


Want to add a raise effect to this? Do the following.

Raise BoxSelect all of your images and click on the Effects Buttonbutton. Select 'Decorate' then 'Raise'. In the all of the entry boxes set all of the numbers to 5 and press OK. You should now see all of the images have a raise effect applied to them. Once again click on the GO button. 

 

You should end up with an animation like the following.
Animation 2

 
 
25 July 2008