Web Design   Web Hosting   Photoshop Tutorials   Free Fonts   Drawing Basics  
 
Photoshop Tutorials - Free Fonts
[Home]
[Sitemap]
[Blog]
[Read Me First!]
[Photoshop Tutorials]
[Canvas Tutorials]
[Corel Tutorials]
[Quark Tutorials]
[Illustrator Tutorials]
[FreeHand Tutorials]
[Drawing Basics]
[Porting Files]
[Free Fonts]
[Font Tutorials]
[Misc Tutorials]
[Animation]
[About Mike]
[Gallery]
[Related Sites]

 
    Intermediate  
 
  Spinning Globe Tutorial
Part Three - Animating The Frames

This part is the most fun because you get to see how your animation comes together. This last part uses Jasc® Animation Shop™ but it could just as easily be completed with GIF Construction Set™.

postit.gif   Note: Photoshop® version 5.5 includes Adobe® ImageReady® which provides a much faster way to animate the frames. There is no need to export each frame as individual GIF files with ImageReady. The following steps are included for those who don't have ImageReady or other software that will make an animated GIF directly from layers.

1. Start Animation Shop and create a new animation 48 x 48 with a transparent background. When you click "OK" you will see the following window:

globe11a.gif
globe11b.gif

2. Next click Edit > Insert Frames > From File

You will see the following dialog. Click "Add File".

globe12a.gif
globe12b.gif
globe12c.gif

3. Drag a marquee around all the images and click the "Open" button.

globe13.gif

4. Load them in reverse order from their layer numbers for the earth to be spinning in the right direction otherwise it will be daytime in Tokyo when it should be nighttime. Use the "Move Up" and "Move Down" buttons to rearrange them if you have to. Set the "Delay time" to 10 for each frame (each frame will display for 10/100ths of a second). When you are done, click "OK".

globe12a.gif
globe14a.gif
globe12c.gif

5. You can then view the animation to make sure it is all right. When you are satisfied, click the save button on the toolbar. Animation Shop will then optimize the file. You can adjust the way the file is optimized according to the preferences you setup.

globe11a.gif
globe15a.jpg
globe15b.gif

6. Save the file as globe_11.gif.

You're done -- COOL!

globe_11.gif

 
 

Previous   Home    Contact Mike   Related Sites    Next

Copyright © 1998-2016 Mike Doughty, All Rights Reserved Legal Notices
Page Last Revised: October 26, 2016
Privacy Policy