e. Click with a left mouse button on the shape to select it then right click to open a menu. Select "Convert to Symbol" option
f. In a new window type in the name for your new button. Lets name it "My button" then Select "Button" as a Symbol Behavior Property and click "OK"
g. Now you have a new button on your working area. Double click on the shape to enter into the button clip. You should see something like that in the "Timeline panel"
h. Now let me explain why and what opportunities we have here. "Up" frame is a regular button representation style. If button is not pressed and not rolled over it will be displayed as it shown in "Up" frame. "Over" frame is used to make a rollover button representation. "Down" frame appears if button pressed and "Hit" is not visible but extremely important frame that shows actually the size of the button area on which you can click.
i. Insert Keyframes to "Over", "Down" and "Hit" frames. Select "Over" frame and change the shape color.
j. Now lets add some text to our button. Double click anywhere on the work area but outside the shape to exit the button clip.
k. Select the new layer first keyframe and select "Text Tool"
l. Click on the center of you button and type in "Click here!" Set font color, size and font.
m. Click "Ctrl+Enter" to see the flash movie. If you followed the instructions carefully you should get something like the button below.
This tutorial is for people who want to know the basic techniques of layers manipulation and animation creating.
a. Launch Flash MX 2004
b. Create new Flash file. Click File > New...
c. Select Flash Document in a new window
d. Now let's take closer look at the panels you get by default in your Flash program window. The "Timeline" (at the top of the window) and "Properties" (at the bottom) panels are most important in this tutorial.
e. Basic operations with layers: add a layer and rename it. To add a new layer click the "Insert Layer" icon To rename a layer, double click a default layer name (for example "Layer 1" label) and when it changes to the text input field type in your new name. Name Layer 1 to "Shape" and Layer 2 to "Motion". There are two types of animation available in Macromedia Flash MX 2004: Shape and Motion. Inside the "Shape" layer we will make Shape animation and inside "Motion" layer – Motion animation. When you use Shape animation you change one shape to another and Motion animation allows you to change the place and size of single object. You will see what I mean after we complete the tutorial.
f. We start with the Motion animation. Select "Motion" layer and draw a simple rectangle shape in it, then count 10 blank frames from the first keyframe and right click on the 10th blank frame. Select "Insert Keyframe" option (picture A). Now you have 2 keyframes and 8 frames in the "Motion" layer (picture B). Picture A. Picture B.
g. Click on the shape, drag and drop it on the other place anywhere on the working area.
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.
draw a simple shape
"Oval Tool"
