| You can use Tweening in Gif Animator 5 to give photographs an animated
transitional effect.
Note:
Tweening photographs will create huge files. If you don't want visitors fleeing from
your site, I would suggest using a few pictures and keeping the dimensions small.
In this tutorial I'm using
only two photographs of my nephew Gene-o. You can use these for the purpose of this
tutorial only if you like. I sized them both to 100 x 125. Choose
pictures you would like to use for this tutorial and make sure they are the same size.
Open Gif
Animator and choose Animation Wizard from the Startup Wizard. Enter the dimensions
of your pictures. For my photos I put it 100 width, 125 height. Click
Next. The Select Files box will appear. Click on Add Image and browse for your
photographs. While holding down the shift key, click on the photographs you will be
using in reverse order. (2, 1). Click Open. They will appear in
numerical order (1, 2) in the Select File box. Click Next. The Frame Duration
box will appear. This is where you will enter the delay time to your frames.
For this tutorial I am using a delay time of 18. Click Next. Click Finish.
Both pictures are now imported into the
Gif Animator.
In the Frame Panel, Frame
2 is highlighted. Right click and choose Tween. The Tween dialogue box will
appear. In the Frame tab, enter the values shown below and click OK.
Click on Objects and
uncheck Position and make sure Transparency is checked. Use the settings shown
below. Click OK.
Five intermediate frames
are now inserted in the Frame Panel between the first two initial frames. Frame 1 is
your first photo and Frame 7 is your second photo. Preview your
animation.
To make this animated
transition smoother, highlight Frame 1, right click and Duplicate Frame. A duplicate
of Frame 1 will appear next to it. Highlight the duplicate (in Frame 2 position in
the Frame Panel), right click and Change Frame Order, Assign As Last Frame. (You can
also hold down the left click on your mouse and drag it to the last position). You
should now have 8 frames.
Highlight Frame 8.
Right click and click Tween again. In the Frame box you will be using the same
settings as above except in the Frame attributes, put 7 in Start From Frame and 8 in End
In Frame. Click OK.
You should have a total of
13 Frames. Highlight Frame 13, right click and Delete Frame. Highlight Frame
1, double click and the Frame Properties box will appear. Enter a delay of
150. Highlight Frame 7 and again, double click and enter a delay of 150.
Entering a longer delay time to these two frames will pause the transition of your photo
animation. Click on the Preview tab and view your animation. It should appear
as the one shown above.
Go to File, Optimization
Wizard as the file size should be reduced for faster loading time. When the Wizard
pops up, click on Optimize Using a Preset. From the dropdown menu you can choose
from a variety of presets. For this tutorial I'm using Photo 128. Click
Finish. The animation is reduced to 84,712 kbs which is pretty big. Preview
your animation. If you're satisfied with the quality click Save As and name your
animation. If you're not satisfied with the quality, choose Another Try go through
the Optimization Wizard until you select the right amount of colors or presets for your
animation.
This tutorial gives you an
idea of how to transition photographs by using transparency in Tweening. Of course
you can also add more photographs to your animation but remember, the more photographs you
use, the larger the download as the file size will be big.
I hope you've enjoyed this
tutorial.
|
See our
online course for Gif Animator 5 at the Visual Arts Academy for a more indepth way to learn animation. You
will leave with a solid foundation of knowledge and experience of the program and how to
animate! Click here
to see what former students have to say about the course. |
Back
to Tutorial Index
© Copyright MaCo
Graphics.
All rights reserved. Please read our copyright statement. This document may not be
translated, duplicated, redistributed or otherwise appropriated. |
