Step by step explanation about creating buttons in the Flash program.
In this chapter we will learn to create buttons and how to link them with our files or with other web pages that are not on our server.
Flash allows us to create custom buttons very quickly; at the same time it helps us to give more life to our web pages; In short, it helps us to make our site more attractive and logically that is what we want to increase the number of visits to our website.
Through programming languages (for example Javascript), we could also create buttons, but it would be a bit more complicated; also we couldn’t create exactly the same effects that we can with Flash.
Let us begin:
1- First we will create a new symbol, using the following key combination: ALT+F8.
The following box will appear:
2- In Name (Name), write “button 1”, in Behavior (Behavior) select the Button option (Button), finally click on Accept (OK).
Automatically, we will be sent from Scene 1 to the scene of the symbol “button 1”; that is where we will create a button that will be included in our library.
The scenario only for the creation of buttons will be similar to the following image:
Look at the timeline (Timeline), as you can see it is different from the timeline of Scene 1.
The timeline of the scenario to create buttons is similar to the following image:
Let’s explain the graph above:
We must understand that Idle, On, Pressed and Active Zone are the four states of a button. Let’s see next, what each state represents.
Rest: is when the mouse is not placed on our button or has not been clicked on it.
On: is when the mouse is positioned over the button, but has not been clicked on it yet.
Pressed: logically, it is when you click on the button.
Active Zone: its name indicates it, it is when the button is active.
Let’s continue with the creation of our “button 1”.
The reading head, in the time line, must be signaling the state of Rest.
4- Click on the Rectangle Tool (Rectangle Tool), which is in the Tools Panel.
5- Draw a rectangle in the center of the work area, and color it blue.
6- Then press the F6 key; this will cause the playhead on the timeline to go into the Over state.
As you can see, the button is copied, so you won’t need to make a new drawing.
7- We are still in the Over state, if you do not have the button selected, do it (with the Arrow Tool and double click on our drawing), then go to Fill Color found in the colors section of the Tools Panel, and choose the color red, as shown below:
8- Then press the F6 key again, so that the playhead goes to the Pressed state, and change the fill color in the same way that we did in step 7; and choose a green color. Finally, press F6 for the last time to go to the Active Zone state, this will cause the button to be copied. For the latter state, it is not really necessary to change the background color.
With the colors that we have applied, we will make the button change color, when the previously described button states are carried out.
Our button has been created, so you can go back to Scene 1, open the library and you will see that there is the symbol called “button 1”, you can drag it to the stage as many times as you want to make several copies of it.
Take the Text Tool (A), and write whatever you want, then place the text over the created button; To test the movie, use the traditional CTRL + Enter key combination. If you later want to watch the movie in your internet browser, just press the CTRL + F12 keys.
Can .
Facebook Comments
Disqus