Rise and Fall

 

Author: Edna Munn

Software: PhotoImpact Version 12  and Gif Animator (GA)

Title: Rise and Fall

Skill Level: Beginner

Description: This tutorial will show  you how to make your image rise up and then to fall down (so that it is hidden) again. It will also show you how to do layered animation, that is animation on top of an animation.

The tutorial for this lesson, will be done wholly  in GA. Hope you have saved your last lesson (part 2) as an .uga file.

Supplies Needed: A copy of Gif Animator ( up to PhotoImpact Version 12, GA was a free package, sadly it is no more) Free Trial 

Part 3

Continuing on from Part 2 "Facial Expression" tutorial we will now deal with the "Rise and Fall" of your image.

Open your copy of  Gif Animator, if you have a pop up that is called "Start up Wizard" click on the "Open an Existing File"

or goto File/Open Image and navigate to the folder that you saved your .uga from "Part 2".

Click on your .uga file and then on OK.

If your storyboard is not showing along the bottom, go to View/Frame Panel, click on Frame Panel and it will appear.

Highlight frame 5, (end frame) Right-click and Duplicate this Frame.

Shut the eye on ex2 and ex2mo.  then open the eye on ex1 and ex1mo.

Right-Click and duplicate frame 5.

Right-Click and change this frames speed to anywhere between 15-20.

Go to your Object panel and Highlight the layers with the facial parts that are open by holding down Ctrl and clicking with your mouse.

You should have hair, ex1, nose, reye, leye, ex1mo and the face and ears highlighted. 

Do not highlight the hands, name or frame (if used)!!

 


Important Information

The beauty of Gif Animator is that you can move a part or parts in one frame without it affecting that same part or parts in the previous frame!! You will note that after you have finished moving the face in frame 6 that it has not directly affected frames 1-5!!

As long as you are move the part(s) in an up, down, left or right direction you will not have a problem with the other frames.

The only time that you will have problems that will affect the other frames, is when you want to rotate a part(s) or when you want a part(s) in behind as well as in front of, you will have to duplicate that part(s) to achieve the rotation etc.


 

Now gently touch the face in the viewing frame above the Frame Panel (storyboard) and hit your down arrow on your keypad 19 times.

Right-click on frame 6 and Duplicate.

 Frame 7 should be highlighted, so gently touch the face in the viewing frame above the storyboard, now hit your down arrow on your keypad until the nose is just showing above the wooden frame or whatever you have with the hands over.

Duplicate frame 7

Frame 8.

Gently touch the face in the viewing frame and hit your down arrow on your keypad until you have hidden the eyes.

Right-Click on frame 8 and duplicate.

Frame 9.

Gently touch the face and hit the down arrow on your keypad until just the top of the ears are showing.

Right-Click on frame 9 and duplicate.

Frame 10

 Gently touch the ears and this time make the ears disappear altogether.

 

The Hands

Now that the "Fall" has happened, we need to go back to frame 8 and make the hands work in unison with the fall so that it looks natural.

 Frame 8

Click on frame 8 deselect the face parts by clicking on one of the hands.

Hold down Ctrl and select both hands, gently touch the hands in the viewing frame and hit the up arrow on your keypad 5 times.

Frame 9

Click on frame 9 then deselect the left hand, this will leave the right hand selected.

Gently touch the hand in the viewing frame and tap the up arrow on your keypad 12 times.

Highlight both hands again.

Right-Click and Duplicate the pair of hands, now you have two sets of hands.


Note: Because you raised the right hand before we duplicate the hands, the right hand on the duplicate pair of hands, will be in the same position as the original pair of hands.


While the top pair of hands are still highlighted, uncheck (shut) the eyes.

Now click on the highlight hands and drag them to the bottom and place them just above the head.

Frame10

Highlight frame 10.

Deselect the pair of hands that you have just placed above the head at the bottom.

Highlight the right hand and open the eye.

Go back up to the pair of hands at the top and close the eye of the right hand.

Your right hand should look like the screenshot below.

Right-Click and duplicate frame 10

Frame 11

Highlight frame 11, gently touch the right hand and tap the down arrow on your keypad until the right hand can only just be seen above the wooden board.

Click on the Left hand at the top and close the eye.

Click on the Left Hand at the bottom and open the eye.

Gently touch the left hand in the viewing frame and tap the up arrow on your keypad and bring it up a little.

right-click and duplicate frame 11.

Frame 12

Highlight frame 12 

Highlight the right hand on the bottom pair of hands  and close the eye.

Highlight the left hand at the bottom pair of hands and close the eye. There should be no hands showing in frame 12.

Right-Click/Frame Properties and give it a speed value of 120

The new frames on your storyboard should look like the screenshot below.

 

The Rise

 

Highlight frame 6, Hold down Shift and then click on frame 12, this should highlight all frames from 6-12.

Right-Click/Duplicate Frame.

Right-Click/Reverse Frame Order

or

Frame/Reverse Frame Order

Make sure that there is a check in the Reverse the order of t he selected frames radio button.

Click OK.

Do not deselect yet, one more step to go!!!

Right-Click/Change Frame Order/Assign to First Frame.

Ok we are now done.

Run your animation and if you feel that the timing on some of the frames need tweaking, do so.

You might want to consider Inserting a blank object at this stage

 and filling it with white to bring down the kb's of your animation.

       

Hold your Paint bucket over the picture and pour.

Drag the white fill to the bottom.

My image at 256 colours was  203kb's without the white background.

When I used a white background it dropped to 71kb's at 256 colours.

 Amazing what a background can do!!

thank you for trying my tutorial, hope you had fun.

 

Please feel free to  print this tutorial out for your own personal use, but do not copy it in any way  to put on-line, pass out,

re-write or claim as your own.

Any resemblance to any other tutorial like this, is not intentional and is purely coincidental.

This tutorial was written on the 6th March 2009 and is therefore

© to Edna Munn

Website and web set Design

Also created

by

Edna Munn