Tutorial Adobe Flash CS4 ActionScript 2.0
Hi, this time I have for you a tutorial in which you learn to make a horizontal menu, not to make very complicated tutorial you will only do two symbols, the first of the symbols will be of type button, this is what you help to make the navigation bar (menu).
Hi, this time I have for you a tutorial in which you learn to make a horizontal menu, not to make very complicated tutorial you will only do two symbols, the first of the symbols will be of type button, this is what you help to make the navigation bar(menu). This menu has scheduled an animation with ActionScript 2.0, to make this animation you need to create the second symbol of type movie clip. The animation button to note is that each of the buttons that took office on the selected button. The tutorial is made in Flash CS4 and ActionScript 2.0. Good luck.
Step 1
The first step is to create the document in which they will work Ctrl. + N.
To get a good result is necessary to select the option Flash File (ActionScript 2.0).
Step 2
Now place the document properties, Ctrl. + J.
The dimensions of the flash movie are: 520 pixels * 40 pixels width and height.
Background color: # FF9900.
Frame rate: 30 fps.
Now place the document properties, Ctrl. + J.
The dimensions of the flash movie are: 520 pixels * 40 pixels width and height.
Background color: # FF9900.
Frame rate: 30 fps.
Step 3
Create the first of the two symbols that were used in this film Ctrl. + F8.
Place you name the symbol universal button.
Select the Type Button.
Create the first of the two symbols that were used in this film Ctrl. + F8.
Place you name the symbol universal button.
Select the Type Button.
Step 4
To cut a very complicated and lengthy explanation of this tutorial, only a single button to create a single state (Up), however, can make the three-state button (Up, Over and Down), only changes the color of vector form in each of these states.
For this button in the tool pane select rectangle (R), and draw a rectangle with rounded edges. Highlighting the INFO panel Ctrl. + I. the dimensions of the vector shape are 125.0 px * 25.0 px width and height.
INFO pane set which will make the center of the figure, very well see the next image (step 3), this will depend on the animation to be successful.
Place the rectangle drawn in coordinates X: 0.0 Y: 0.0.
Open the Color panel Shift + F9, and give the properties of color to the rectangle. Stroke color # 000000, Fill color # B04F81.
Note: In the last step is to place the name of each of the buttons.
To cut a very complicated and lengthy explanation of this tutorial, only a single button to create a single state (Up), however, can make the three-state button (Up, Over and Down), only changes the color of vector form in each of these states.
For this button in the tool pane select rectangle (R), and draw a rectangle with rounded edges. Highlighting the INFO panel Ctrl. + I. the dimensions of the vector shape are 125.0 px * 25.0 px width and height.
INFO pane set which will make the center of the figure, very well see the next image (step 3), this will depend on the animation to be successful.
Place the rectangle drawn in coordinates X: 0.0 Y: 0.0.
Open the Color panel Shift + F9, and give the properties of color to the rectangle. Stroke color # 000000, Fill color # B04F81.
Note: In the last step is to place the name of each of the buttons.
Step 5
Insert the second symbol Ctrl. + F8.
Naming this symbol guide, select Movie Clip.
Insert the second symbol Ctrl. + F8.
Naming this symbol guide, select Movie Clip.
Step 6
Located at the command guide. Select the rectangle tool and draw the vector form of size 115.0 px * 10.0 px width and height.
Cancel Stroke Color, color reduce 50% Alpha and use as Fill Color # B7B0F0
Note: INFO panel Ctrl. + I, COLOR panel Shift + F9.
Located at the command guide. Select the rectangle tool and draw the vector form of size 115.0 px * 10.0 px width and height.
Cancel Stroke Color, color reduce 50% Alpha and use as Fill Color # B7B0F0
Note: INFO panel Ctrl. + I, COLOR panel Shift + F9.
Step 7
In this step, simply return to the Scene, then make the panel visible from the LIBRARY Ctrl. + L.
Select the universal symbol button and drag to the scene as shown in the picture.
In this step, simply return to the Scene, then make the panel visible from the LIBRARY Ctrl. + L.
Select the universal symbol button and drag to the scene as shown in the picture.
