Macromedia Studio 8 [Electronic resources] : Training from the Source

Jeffrey Bardzell, Shaowen Bardzell

نسخه متنی -صفحه : 240/ 101

Adding Content to the Third Screen

The third screen closely resembles the second. The image and text are positioned differently, but other than that your steps will closely follow those you used to prepare the second screen.

1.	Prepare for the third screen by creating empty keyframes in Frame 67 of the following layers : photos text button

You don't need to add keyframes to the logo, text Organic farming, and text What is it layers, since they don't change from screen 2 to screen 3. When you're done, you should see only the logo/slogan header.

[View full size image]

2.	Click Frame 67 of the photos layer. Choose File > Import > Import to Stage. Browse to pepper.jpg on the Lesson07/Start folder on the CD-ROM. Click Open .

Center the image at the bottom of the screen.

3.	Copy the text of the file pg3.txt from the Lesson07/Start folder. Return to Flash and draw a text box above the image using the Text tool. Choose Edit > Paste Special.... Click OK .

Again, the text does not exactly fall into place. It will require resizing and repositioning.

Using the Selection tool, click on the new text box. In the Property inspector, change the Font Size to 12. Press Enter (Return for Macintosh). Move your mouse over a corner of the text box until the cursor turns into a horizontal double-headed arrow. Resize the box horizontally to fit above the photo and below the gray line .

[View full size image]

You can reuse the navigation from screen 2, but it will be in a different spot and have different text on screen 3. You'll copy the navigation button and bring it over to the third screen.

5.	Click Frame 47 of the button layer. The button and its text should be highlighted. If they're not, choose them with the Selection tool. Choose Edit > Copy .

While the navigation button will suit your need in screen 3, you'll want to modify the text. For this reason, keeping them as separate elements maintains flexibility.

Note

When copying from one frame to another, Flash wants to put the content in the same or nearly the same location as where it originated. It can, of course, be moved after it's on the stage .

6.	Click Frame 67 of the button layer. Choose Edit > Paste in Place .

You won't see anything happen. Don't be alarmed; Flash has pasted the button behind your photo. We'll temporarily suppress visibility of that layer to allow you to see and reposition the button.

Note

It would not have mattered if you chose Paste in Center instead of Paste in Place. Flash would have pasted the button in the vertical center of the page, and it would still have fallen under the photo .

In the timeline, to the right of the layer names, is an image of an eye. If you click that image it will hide all layers. If you click the dot under the eye corresponding to a given layer, it will hide that layer alone. If you hide the photo layer it will expose the button you just pasted into the stage.

7.	Click the black dot to the right of the photo layer label, under the image of the eye .

8.	With the Selection tool, drag the button under the text box .

[View full size image]

9.	Use the Text tool to change the button text to restart . Toggle the visibility of the photo layer back on .

[View full size image]

10.

Save the file .