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

Taking The Scenic Route - 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


By default, Flash chooses the shortest distance between the starting and ending positions of the object as the motion path. If this is not to your requirements, you also have the option of tweening motion along a path that you define.

Let's consider a new example to illustrate this better. Open up a new Flash movie, and at frame #1, create a small dot with the Brush tool. Convert it to a graphic symbol.

Next, move to frame #25, insert a new keyframe and move the dot to the other end of the stage.

Create a motion tween and play the clip - your dot will travel horizontally across the Stage, since that's the shortest distance between the two positions.

To add your own motion path, right-click the layer containing the dot, and use the "Add Motion Guide" command to add a new motion guide layer - this layer will hold the path for motion path for your tween.

Draw the path that you'd like the symbol to traverse with the Pen, Pencil, Brush or Pen tool.

Note that you need to "snap" the symbol to the beginning and end of the motion path after you're done - you can do this by selecting the symbol with the Arrow tool and dragging it to the appropriate end-point of the path until the symbol's "registration point" (the little hollow dot in the center) snaps to the end-point of the path. When you play the clip again, the dot should travel along the path you've just created.

You can choose to have either the baseline of the symbol, and/or its registration point, oriented towards the motion path, by selecting the "Orient To Path" and "Snap" options respectively in the Frame panel.

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: