Adding Content Across Layers
Our movie will consist of a number of graphical and textual elements. Some of these elements should persist across different screens (for example, the Jade Valley logo appears in the top-left corner in the second and third screens); some elements need to be animated (including some of the text elements); others just come and go. Flash makes it possible for you to implement these features and functionalities using the timeline. In this task, you'll move the various elements into their own layers in the timeline, which makes it possible to animate and control each element independently of the others.
1. | In the timeline, click Frame 1 of the logo layer. Choose Import > Import to Stage.... Navigate to the Start folder of this lesson, select the file logo.tif from the folder, and click Open to insert the image . |
The logo appears on the stage. Notice that the keyframe in Frame 1 of the logo layer is now a solid circle, and that all the static frames that follow it are gray. You know that the logo is in the new layer.
[View full size image]

2. | With the logo selected, use the Property inspector to set its X value to 390 and its Y value to 265 to position it in the lower-right corner . |
[View full size image]

Next, you'll add text for a slogan to the stage. Each text block will be put in its own layer. You can then animate the text block independent of all the other screen elements.
3. | In the timeline, click Frame 1 of the text Organic Farming layer. Select the Text tool from the Tools panel. In the Property inspector, select Arial as the Font, style it Bold and Italic, and set the Font Size to 28. Make sure the text is Left-aligned. Next, choose the Text (fill) color tool and set the color value to #639C00 . |
[View full size image]

4. | Click the middle of the stage and type Organic Farming . |
[View full size image]

5. | Repeat steps 3 and 4 to create another text block, What is it ? In the timeline, click Frame 1 of the text What is it layer. Give the new text block the following attributes: Arial, Bold, Size 28, Left-aligned and #993300 for the color. |
[View full size image]

Double-check the timeline to make sure the content ended up in the correct layer; look for a solid-circle keyframe and gray shading in the frames.
[View full size image]

