Editing Motion Paths

IF YOU ARE ALREADY FAMILIAR with Flash and its limited Classic tween method, then you may have, at one time or another, experienced some frustrations trying to work with a frame-based tween model. Throw in the need to animate your object along a path and your workflow just increased even more. Previously, if we needed to animate an object along a path, a guide layer first needed to be created, then linked to the object layer, and then the object needed to be manually snapped to both ends of the path with the aid of the Snap tool. The new Motion tween method eliminates the need for all of these extra steps.

 

images

1 Right-click over the object and select Create Motion Tween. Flash automatically creates a Motion span in the timeline. With the playhead over the last frame of the span, drag the object to a new location to expose the Motion path on the stage.

images

2 Use the Selection image tool and click anywhere on the stage away from the Motion path to insure it is deselected. Reshape the path by simply dragging it anywhere along the segment.

images

3 With the Subselection tool, you can expose the control points and Bezier handles on the path that correspond to each position property keyframe. You can use these handles to reshape the path around the property keyframe points.

images

4 Position the play head on a frame where the object resides midpoint along the path. Drag the object to reshape the path automatically.

images

5 You can reposition the entire Motion path and the animation by selecting it with the Selection image tool and then dragging it to a new location.

images

6 Use the Free Transform image tool to scale, rotate and skew the Motion path as you would an object.

images

7 In some cases it may be easier to create a complex path by drawing it on a new layer with the Pencil image or Pen image tool.

images

8 Select the stroke and then copy it imageimage imageimage. Select the Motion span in the Timeline or the object on the stage and paste your stroke imageimage imageimage

images

9 If you dig a little deeper into Flash CS4’s context menu, you may discover yet another new feature called “Switch keyframes to roving”. The dictionary defines roving as: “not assigned or restricted to any particular location, area, topic, etc.” In keeping with that definition, Flash describes a roving keyframe as : “...keyframe that is not linked to a specific frame in the Timeline.” What this means in Flash terms is, say you create an animation like the one pictured above, where an object is following a path with several unequal segments. Each segment spans a different number of frames causing the object to travel at different speeds along each segment. If you want the object’s movement to be fixed, then right click over the span and go to Motion Path and select Switch keyframes to roving.

 

image

image

Hot Tip

With the Subselection tool selected, hold down the imageimage key to temporarily perform free transforms to the Motion path.

images

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.218.127.141