Home arrow Flash arrow Page 8 - Flash 101 (part 3): Bouncing Around

Curves In All The Right Places - Flash

Last time, you learned the basics of animation by creating aframe-by-frame motion clip. This time, find out how Flash's powerfultweening tools can help you create good-looking animation clips withminimal time and effort. Also covered: shape hints and motion guides.

  1. Flash 101 (part 3): Bouncing Around
  2. For The Cool In You
  3. The Colour Purple
  4. A Tint Of Scarlet
  5. Taking The Scenic Route
  6. Bouncing Balls
  7. Zooming In
  8. Curves In All The Right Places
  9. Taking A Hint...Or Two...Or Three
By: icarus, (c) Melonfire
Rating: starstarstarstarstar / 15
December 27, 2000

print this article


Next up, shape tweening. Open up a new Flash movie and use the Pen tool to draw a random series of curves - you should end up with a mess of lines and curves, which might look something like this.

Now click on frame #30, and insert a new keyframe. Delete the shape you just created, and create a new one, again using the Pen tool. Your new shape might look something like this:

Now that you have two separate shapes, you can procced to tween them together. Click the first keyframe, and sellect "Shape" as the tweening type in the Frame pop-up. Flash will fill the intermediate frames with a light green tint, and a solid arrow - this indicates a shape tween.

When you play the animation clip back, your first shape will slowly morph into the second shape - like this:

Yes, it serves no artistic value - but it looks cool, nevertheless. And you can also alter the colour of the shape as the transition takes place - simply stroke/fill one or both shapes with a different colour and line style.

Note, however, that shape tweening will not work on text blocks and symbols.

This article copyright Melonfire 2000. All rights reserved.

>>> More Flash Articles          >>> More By icarus, (c) Melonfire

blog comments powered by Disqus
escort Bursa Bursa escort Antalya eskort


- An Overview of Flash and ActionScript
- Building Web Forms In Flash
- Building Data-Driven Flash Movies
- Flash 101 (part 6): The Final Countdown
- Flash 101 (part 5): Spiralling Out Of Control
- Flash 101 (Part 4): Don't Touch Me!
- Flash 101 (part 3): Bouncing Around

Developer Shed Affiliates


Dev Shed Tutorial Topics: