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

The Colour Purple - 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


Let's begin with a simple motion tween that will better illustrate the concept. Open up a new Flash movie, and use the Circle tool to draw a simple ellipse. Fill it with your favourite colour.

You'll notice that Flash automatically adds a keyframe at frame #1 when you create the ellipse.

Convert the ellipse to a graphic symbol - it should show up in the Library window.

Now, click on frame #10, insert a new keyframe, and move the ellipse to a new location on the Stage. Go back to frame #1, and pop open the Window -> Panels -> Frame panel. Select "Motion" in the Tweening box. The area between frames #1 and #10 should fill up with a light purple colour and a solid arrow - this indicates a motion tween.

Play the animation - your ellipse should move smoothly from its original location to the new location you specified.

And that's your very first motion tween. Simple, huh?

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: