Activity Industry Sector
Arts, Media & Entertainment

Activity Originally Created By: Mike Morris

Project Steps - Drawing Frame 1

Part of Lesson Plan: Buttons 1: Pyramid

Activity Overview / Details

1.            Name the first layer

Double click on the layer named "Layer 1" on the timeline to rename it. Type in the name "Content" .

2.            Create the background layer

Click on the "New Layer" button on the bottom left corner of the timeline and rename the new layer to “Background".

3.            Copy and paste pyramid picture to background layer

Search the net for images of "pyramid", select one, and drag the original to your desktop (not the thumbprint). OR- use pyramid_1.jpg in the project documents. In Flash, go to File à Import à Library, and select the pyramid image. Now go back in your flash movie and paste the image onto your background layer, in Frame 1.

4.            Set picture location in frame

Select the pyramid picture in the background layer. Now, set the X and Y properties both to 0 in the Properties toolbar. The section you need to change is highlighted with a red arrow. This puts the image in the center of the frame.

5.            Draw the title on the content layer

Now, select the content layer. Use the text tool to write the title "The Great Pyramid", and underneath that "An Interactive Tour".

6.            Making the start button

Using the circle tool, make an oval of any color on the content layer of your project, somewhere in the lower part of the screen. Inside the oval, use the text tool to write “Start”. This will be the button that the user will click to start the tour. Now, select the button with the black arrow tool; hold the Shift key and select the text box; click ControlàG to Group the oval and text.
Then Control-Click on the oval and select Convert to Symbol from the dropdown menu. A dialogue box will appear prompting you to select the type of symbol and to enter the symbol name. Choose Button for the type of symbol and enter the name “Start” in the text field, then press ok.

7.            Linking the start button

Now you will script the button to link it to the next frame. Control + Click on the button and select Actions in the menu. This opens the Actionscript window. This is where you will tell Flash what to do when the user presses the button.

(NOTE: depending on the version of Flash you’re using, you may get the message “Current selection cannot have actions applied to it.” If that happens, WHILE YOU HAVE THAT MESSAGE SHOWING, go to File à Publish Settings. Click on Flash in the trio of options, and then in that window toggle to Action Script 2.0. This will allow for your action scripting.)

Type the following script in the Actions window for your button.

1.         on (release) {
2.                  gotoAndStop (2)
3.         }

This tells Flash to go to and stop on the 2nd frame of your Flash movie as soon as the user clicks on and releases the button.

8.            Scripting the first frame

There is only one more step before you can start on the second frame. Select the first Content layer frame in the timeline and open Actions by clicking on the small arrow in a circle in the top of the Properties window. Type this script in the Actions window.

1.         stop();

You can close the Actions window for now. Congratulations, you have finished the first frame of your project!  Be sure to SAVE your work so far!

Materials / Resource