Creating Buttons | 1 2 3 | continued:

4:

• Create additional layers by clicking on the icon. For now, create 3 layers as shown in in Fig 4.

• Select the first frame of Layer 2 and drag "button2" from the library to the stage. Select layer 3 and do the same for "button3".

Tip: Naming your layers and distributing different object into different layers is important. This can be very helpful in terms of flexibility and ease of future modifications with huge projects.

5:

• Add a new layer, name it "content". This layer is going to hold your contents to be displayed when different button are clicked.
  We are going to distribute different contents to different keyframes.

• Select the first frame of the "content" layer and draw a rectangular-shaped frame next to your buttons, as an area to display the contents.

• Right-click frame 2 of the "content" layer and select "Insert Keyframe" as shown in Fig 5. (Repeat this for the 3rd and 4th frames.)

• Right-click on each of the created keyframes for the "content" and select Actions.

• Add a "stop();" action to each. You can find the stop action under Actions>Movie Control>Stop.

• Click on the first keyframe of the content layer and go to the properties bar. Lable your keyframe with a name.

I labled mine content1, do the same for content 2, 3 and 4

These names are going to be as a way of ditinguishing the different content keyframes, thus telling the buttons to jump to a certain keyframe as required. Keyframe numbers can be used as well.

6:

• Select the 4th frame of "Layer1" "Layer2" and "Layer3", righ-click and select Insert Frame.

In doing this, we are allowing the buttons to be visible throughout the whole animation process, you don't want your buttons disappear when the 5th keyframe is selected ;)