Friday, February 11, 2011

SIMPLE INTERACTIVE ENVIRONMENT

MAKE A SIMPLE INTERACTIVE ENVIRONMENT WITH BUTTONS


STEPS:

1. Open a new file in Flash by selecting File > New.

2. In the timeline, you will see a layer that is named Layer 1. Double click on the name of this layer and type in background.

3. On this layer, import the background for your interactive environment.

4. Add a layer by selecting the Add New Layer button that is located at the bottom left hand corner of the timeline.

5. Double click on the text Layer 2 and rename it sheep1.

6. Click on the first keyframe on the sheep1 layer. Using the draw tools provided, draw your first object. (Alternatively, import your image by selecting File > Import). My object is a group of three sheep.

7. Select your object and press F8 to convert your object to a symbol. Type in the name of your object and ensure you select the button behavior option. Click OK.

8. Click on the object you just converted to a button and click your right mouse button to open up the context menu. Select Edit in Place from the menu.

9. You are now editing the button symbol. You will see that the timeline for this button symbol only has four frames—one for each of the button states.

The states are

UP - when the mouse isn’t over the button

OVER - when your mouse is over the button

DOWN - when you click your mouse on the button

HIT - the active area that is the button—the region the user can hit or roll over.

10. Add a keyframe to the Over state by selecting the frame under the word Over and selecting Insert > Keyframe from the menu.

11. Click on this new keyframe to ensure that it is the frame you are editing. Change your object to include the name or whatever you wanted to add or remove to make your object interactive.

In my example shown in video, I have simply added a text box containing the text ‘sheep’.

12. Add a keyframe to the Down state by selecting the frame under the word Down and selecting Insert > Keyframe from the menu.

13. Click on this new keyframe to ensure it is the frame you are editing. Change the object as required.

14. To add a sound to the Down state keyframe, you will need to select File > Import and then locate the sound you want from its location on your computer or network.

15. The sound you have imported in the previous step has not been applied to the button yet. Instead, it has been imported into the library within Flash. To open this library select Window > Library or press F11.

16. When you open the library, the Library panel shown here at the right will appear. Thesound file that you imported will be highlighted. To add the sound to your button, ensure thatthe frame underneath the down button state is still selected and click and drag the sound onto the stage.

17. You will be able to tell that the sound has been added to the frame because a blue horizontal line will appear across the frame. This is a graphical representation of the sound wave. Your button has now all of the features you need. Select the Scene 1 link

underneath the timeline to return to the main stage.

18. Your first interactive object is now ready for testing. Select Control > Test Movie from the menu to make sure it works.


No comments:

Post a Comment