Flash Create a Motion Guide Layer
Ok everyone, gather around. I know we already know how to do a simple motion tween in flash, but today, the motion tween we will be doing will actually cause the symbol instance to follow a certain path, so just hold on to your hats, as we learn today, how to make an object appear to follow a path, using motion tween and a motion guide.
Create Motion Guide layer
1. create a path using pen tool (just click to create a corner point, and click and drag to create a smooth bezier point)
2. double-click layer name, and give the layer containing the path a meaningful name, eg. path
3. right-click this layer, and select Properties
4. select Guide for type, to change current layer to a guide layer
5. check the Lock checkbox, to lock current layer, so we will not accidentally change the layer
6. click OK
Create Guided layer
1. right-click layer, then select Insert Layer
2. double-click new layer name, and enter name, eg. car
3. click in frame#1 of car layer
4. select rectangle tool, and create a rectangle
5. convert the rectangle shape to a symbol, and select type of Movie clip, and enter name, eg. car
6. drag and drop ‘car’ layer below the guide layer called ‘path’, which should automatically change car layer to a Guided layer, and path layer to a Motion Guide layer
note: a motion guide layer’s icon looks like a red curve, and the guided layer will look like it is indented inwards
Create motion tween for symbol instance in Guided layer to follow the path in Guide layer
1. click frame#40 of car layer (i.e. Guided layer), press F6, to insert new keyframe (as need at least a start and end keyframe to have motion tween)
2. click frame#40 of path layer (i.e. Guide layer), press F5, to insert new frame
3. click frame#1 of car layer (i.e. Guided layer), and select Motion from Tween dropdown box, to create motion tween between start and end keyframes
4. in frame#1, click and drag center of car instance, to snap it to the start of the path
5. click frame#40 of car layer
6. in frame#40, click and drag center of car instance, to snap it to the end of the path
7. press Ctrl + S, to save file
8. press Ctrl + Enter, to test movie
Comments »
No comments yet.
RSS feed for comments on this post.