Flash MX 2004 Layers and Animation Explained

By Oleg Lazarenko
2005-03-15


Layers & Animation Cont'd
h. Click on the "Motion" layer in the right "Timeline" panel to select all frames in that layer. Then right click selected frames and press "Create Motion Tween" option (picture C). If everything was done correctly you will see the blue arrow from the first keyframe to the last keyframe, like we have on the picture D.

Picture C.

Picture D.

i. Press "Ctrl + Enter" and enjoy your motion animation. You may observe how your shape travels from first starting point of the first keyframe to the last point, which is the last keyframe.

j. Now select the first frame of "Shape" layer and draw a rectangle shape (note: place the second shape so that it was not hidden under the motion animation)

k. Count 10 blank frames from the first keyframe and right click on the 10th blank frame. Select "Insert Keyframe" option. Just like we did for motion animation.


l. Click on the last keyframe to select rectangle shape, press "Delete" to get rid of the rectangle shape from the last keyframe.


m. Select the last blank keyframe from the "Shape" and draw an oval shape with the "Oval Tool"


n. Click on the "Shape" layer to select the whole objects within the layer. Press "Ctrl+F3" to open "Properties" panel.



o. Click on the selection box called "Tween" and select "Shape" option. The green arrow must appear between the first and last keyframe.





Press "Ctrl+Enter" and enjoy your animation. Congratulations! You have created Shaped and Motion animation.



Click here to download source fla file.

Tutorial Pages:
» Flash MX 2004 Layers and Animation Explained
» Layers & Animation Cont'd

Related Tutorials: » Flash Race Car Tutorial » Flash Momentum Tutorial » Customized Cursor in Flash MX 2004 » Dropdown Menu in Flash MX 2004 » How to Change the Movie Visibility Using Action Script in Flash MX 2004 » Changing Colors for the Flash Movie in Flash MX 2004