CBT Cafe  

CBT Cafe > Fireworks > Menus, Buttons & Animations

Step 4: Creating the Text Animation

  1. Group the text by selecting it and clicking Command-G/Control-G
  2. Right Click on the text and select Animate > Animate Selection... from the drop down menu.
  3. Change the number of Frames from 5 to 10
  4. Change Direction to 0
  5. Set the Rotation to 360°
  6. Click OK

After you click OK, Fireworks will give you a popup window. Click OK to add the Frames.

Step 5: Creating the Sphere

  1. Select the Ellipse Tool
  2. Hold down the Shift Key and click and drag to draw out a circle.
  3. Apply the gradient by changing the Solid Fill to Radial Fill on the Fill Panel
  4. Select White for the left Color Swatch and any other color for the right Color Swatch
  5. Adjust the gradient by clicking on the circle and adjusting the Gradient Handles

At this point, you will have your sphere and the text animation. In the next section, you'll create the 3D effect by masking the text and the sphere.

You can test it by Previewing in Browser (F12). Make sure you set your Optimize to Animated Gif.

When you preview it, you'll notice the sphere disappears after the first frame and the text is spinning madly. Hang in there, we'll take care of that soon:-)



Page 1 | Page 2 | Page 3 | Page 4 | Page 5 | Page 6



Home | Dreamweaver | Fireworks | Flash | Photoshop | Elements | PowerPoint| Ebay | QuickTime Pro | Flash 5 CD | Fireworks MX CD | QuickTime Support | Contact

Copyright © 1999-2015 CBT Cafe, All rights reserved

Flash®, Fireworks™, and Dreamweaver® are registered trademarks of Macromedia, Inc. in the United States and/or other countries
Photoshop®, Photoshop Elements® and Illustrator® are registered trademarks of Adobe Systems, Inc.
QuickTime® is a registered trademark of Apple Computer, Inc.
Ebay® is a registered trademark

CBT Cafe | Multimedia Learning | Interactive Graphics