With the branding of screens 2 and 3 complete, you'll now add the text, images, and navigation to fill out your movie. Each of the screens will have an image and a body of text as well as a uniquely labeled navigational element. As discussed earlier, you insert new keyframes whenever the content or location of content changes in a layer. In this task, you'll fill in these respective content elements for screen 2. You'll add keyframes to the text and button layers. You added the keyframe on the photos layer in a previous exercise.
1. | Click Frame 47 of the text layer. Choose Modify > Timeline > Convert to Blank Keyframes. Repeat for the button layer . |
Screen 2 uses a vertical photo that you will place in the bottom right-hand corner of the screen and place the text to the left of the photo.
2. | Click Frame 47 of the photos layer. Choose File > Import > Import to Stage. Browse to squash.jpg on the CD-ROM in the Lesson07/Start folder. Click Open. Position the image in the bottom-right corner of the screen . |
Note
In addition to appearing on the screen, squash.jpg also appears in the Library as a new asset of the project .
You'll now place text next to the image. You'll copy the text out of a .txt file and paste it into your movie using the Text tool.
3. | Navigate to the Lesson07/Start folder on the CD-ROM, and double-click to open the file pg2.txt in the default text editor. Click and drag to select all the text. Choose Edit > Copy . |
4. | Return to Flash and draw a text box next to the image using the Text tool. Choose Edit > Paste Special.... Click OK . |
The text from the file spills across your screen in a seemingly unmanageable mess. In all likelihood the Font Size property of your Text tool is still set to 28. You'll correct that and reshape the text box to fit the screen layout.
5. | 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 the space next to the picture. Align the top of the box with the top of the photo . |
As you resize horizontally, the box will automatically resize vertically until you can fit it all in the space available.
Tip
Should you find that you've placed your text on the wrong layer, you can select the text, choose Edit > Cut, move to the proper layer, and choose Edit > Paste in place. Flash will put the element exactly where it was, but on the correct layer .
6. | Save the file . |
![[View full size image]](/image/library/english/13887_224fig01_alt.jpg){kind=link}
![[View full size image]](/image/library/english/13887_225fig01_alt.jpg){kind=link}
![[View full size image]](/image/library/english/13887_226fig01_alt.jpg){kind=link}