
full size image] 10. Select all the images on the Stage. 11. Choose Window > Align to open the Align panel. 12. In the Align panel, select To Stage ( ) to align the objects relative to the Stage. 13. Select the Align Left Edge ( ) and Align Top Edge ( ) icons. The images are stacked on top of each other. [View full size image] 14. In the Property inspector, set the X value to 37 and the Y value to 79. 15. Select Layer 1, and click the Insert Layer icon. Name the top layer Actions and rename Layer 1 Graphics. 16. Select frame 7 of the Actions layer and frame 7 of the Graphics layer, and then press F5 to insert frames. 17. Select all 7 frames on the Graphics layer, and press F7 to insert blank keyframes. [View full size image] 18. Select frame 7 of the Actions layer, and press F7 to insert a blank keyframe. 19. Choose Window > Actions to open the Actions panel. 20. Add a stop action by typing stop(); 21. Select frame 1 on the Home.bmp layer, and drag it to the first keyframe on the Graphics layer. 22. Drag frame 1 from the Photo1.bmp layer to the second keyframe on the Graphics layer, the Photo2.bmp layer to the third keyframe, and so on, until each image is on a separate keyframe in the Graphics layer. 23. Delete the Home.bmp layer and each of the other image layers, which are now empty. [View full size image] 24. Click Scene 1 to return to the main Timeline. Creating a Button Symbol You'll use the small_previews symbol as the basis for the button symbol, which will include rollover states. For the Down state, you'll change the brightness and add the sound of a camera shutter. For the Over state, you'll create a movie clip symbol that you'll animate to zoom in slightly when the button is selected. 1. Select the small_previews instance on the Stage, and press F8 to convert it to a button symbol, which will include frames for rollover states. 2. In the Convert To Symbol dialog box, select Button, and name the symbol home_button. Click OK. 3. Double-click the home_button symbol on the Stage to edit it.