1. Tutorial 5 Making a Document Interactive

2. XP Objectives Explore the different button states Add a button from the Buttons library Edit a button instance Create a custom button Align objects on the Stage New Perspectives on Adobe Flash CS42

3. XP Objectives Learn about actions Use the Actions panel Add actions to buttons Add actions to frames Compare different types of sound effects New Perspectives on Adobe Flash CS43

4. XP Objectives Learn how to acquire sounds Import sounds from a file or the Sounds library Add sound to buttons Add a background sound to a document Change sound settings and add sound effects New Perspectives on Adobe Flash CS44

5. XP Exploring Different Button States Buttons: symbols with a four-frame Timeline Four frames correspond to four button states – Up: button’s default state – Over: responds to a mouse rollover – Down: button appearance after being clicked – Hit: represents clickable (active) area of button New Perspectives on Adobe Flash CS45

6. XP Exploring the Different Button States New Perspectives on Adobe Flash CS46

7. XP Adding a Button from the Buttons Library A quick way to add a button to a document is by using one of the predesigned buttons in the Buttons library The Buttons library: a member of Common Libraries Accessing button symbols in the Buttons library – Go to Window  Common Libraries  Buttons – Drag button symbol to the Stage or Library New Perspectives on Adobe Flash CS47

8. XP Buttons Library Panel New Perspectives on Adobe Flash CS48

9. XP Label Added Below the Button New Perspectives on Adobe Flash CS49

10. XP Creating a Custom Button Buttons can take on various forms – Examples: rectangles, ovals, and text Two commands used to create a button – Convert to Symbol: converts existing object on Stage – New Symbol: creates button in symbol-editing mode Modify four button frames in symbol-editing mode Stop and Play buttons will be added to the Banner – Text will be added to help identify button functions New Perspectives on Adobe Flash CS410

11. XP Play Button Instance Added to the Document New Perspectives on Adobe Flash CS411

12. XP Aligning Objects on the Stage Similar objects in a document should be aligned Align buttons vertically or horizontally – Buttons should also be evenly spaced Use the Align panel to align a group of objects Alignment specifications for buttons in the banner – Three buttons should be aligned by bottom edges – Buttons should also be evenly spaced New Perspectives on Adobe Flash CS412

13. XP Three Buttons Aligned and Evenly Spaced New Perspectives on Adobe Flash CS413

14. XP Understanding Actions ActionScript: Flash’s programming language Action: instruction used to control an animation Script: a set of one or more actions Event: situation triggering execution of a script – Example: clicking a button and then releasing it Event handler: tells Flash how to manage an event – Example: on release of button, stop an animation New Perspectives on Adobe Flash CS414

15. XP Sample Script New Perspectives on Adobe Flash CS415

16. XP Adding Actions Using the Actions Panel Actions panel provides two modes of operation – Normal mode: developer writes scripts – Script Assist mode: guides scripting of actions Actions toolbox: actions directory to panel’s left Add actions to banner buttons for animation control – Actions are added to instance of buttons on the stage New Perspectives on Adobe Flash CS416

17. XP Stop Script New Perspectives on Adobe Flash CS417

18. XP Adding Actions to Frames Actions in a frame execute when a frame is played – No event handler is required Control sequencing of frames using frame actions – Example: add play action in last frame to create a loop Label frames before referencing in script Create a separate layer to add frame actions Use of a frame action in the banner – Displays text animation only once New Perspectives on Adobe Flash CS418

19. XP Frame Action New Perspectives on Adobe Flash CS419

20. XP Using Sounds in a Flash Animation Sounds may play continuously in the background Sound effects can be added to button instances – Buttons with sounds are more interactive Sounds can be synchronized with the animations Sounds can be added in the form of voice narrations New Perspectives on Adobe Flash CS420

21. XP Using Sounds in a Flash Animation Event sounds – Default sound type – Play after the entire sound has downloaded completely – Not synchronized with the Timeline Stream sounds – Synchronized with the Timeline – Begin playing during file download – Example: narration matches text animation New Perspectives on Adobe Flash CS421

22. XP Finding Sounds for Animations Some sources for sounds – Sounds created by developer in sound-editing program – Prerecorded sounds on CDs or DVDs Sounds must be imported into a Flash document Flash Kit’s Web site: http://www.flashkit.comhttp://www.flashkit.com – Go to Sound FX or Sound Loops Check license before using prerecorded sounds New Perspectives on Adobe Flash CS422

23. XP Flash Kit’s Web Site New Perspectives on Adobe Flash CS423

24. XP Adding Sounds to a Document Sounds are imported into the document library Sounds are represented by a waveform Separate layers should be created for each sound Sound may only be added to keyframes Adding and using sounds – Select keyframe in Timeline for sound placement – Add sound from Library or Property inspector’s Sound list – Sound plays when playhead reaches the keyframe New Perspectives on Adobe Flash CS424

25. XP Sample Sound in the Library Panel New Perspectives on Adobe Flash CS425

26. XP Adding a Sound to a Button Open the button in symbol-editing mode. In the button’s Timeline, create a new layer for the sound. In the frame where the sound will be placed, create a keyframe and then select it. In the Sound section of the Property inspector, click the Name button, and then click the sound (or drag the sound from the Library panel to the Stage). New Perspectives on Adobe Flash CS426

27. XP Adding a Sound to a Button New Perspectives on Adobe Flash CS427

28. XP Changing the Sound Sync Settings Control sound using settings in Property inspector Sync list box options – Set sound to event or stream type – Control when event sounds start and stop Loop setting: causes sound to play continuously Repeat setting: specifies number of times to play Effect list box: modifies the way a sound plays New Perspectives on Adobe Flash CS428

29. XP Sound Settings New Perspectives on Adobe Flash CS429