![Page 1: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/1.jpg)
Tutorial 5
Making a Document Interactive
![Page 2: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/2.jpg)
XPXPObjectives• Explore the different button states• Add a button from the Button library• Create a button• Learn about actions• Add actions to buttons
New Perspectives on Adobe Flash CS3 2
![Page 3: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/3.jpg)
XPXPObjectives• Add actions to frames• Compare different types of sound effects• Learn how to acquire sounds for your documents• Add sound effects to buttons• Add a background sound to a document
New Perspectives on Adobe Flash CS3 3
![Page 4: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/4.jpg)
XPXPExploring 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
• Movies with interactive controls raise user interest
• Add buttons to quickly provide interactive controls
New Perspectives on Adobe Flash CS3 4
![Page 5: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/5.jpg)
XPXPExploring the Different Button States
New Perspectives on Adobe Flash CS3 5
![Page 6: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/6.jpg)
XPXPAdding a Button from the Buttons Library• Flash Common Libraries provide ready-made
symbols• 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 CS3 6
![Page 7: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/7.jpg)
XPXPButtons Library Panel
New Perspectives on Adobe Flash CS3 7
![Page 8: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/8.jpg)
XPXPLabel Added Below the Button
New Perspectives on Adobe Flash CS3 8
![Page 9: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/9.jpg)
XPXPCreating 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 CS3 9
![Page 10: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/10.jpg)
XPXPPlay Button Instance Added to the Document
New Perspectives on Adobe Flash CS3 10
![Page 11: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/11.jpg)
XPXPAligning the Buttons• 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 CS3 11
![Page 12: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/12.jpg)
XPXPThree Buttons Aligned and Evenly Spaced
New Perspectives on Adobe Flash CS3 12
![Page 13: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/13.jpg)
XPXPUnderstanding 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 CS3 13
![Page 14: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/14.jpg)
XPXPSample Script
New Perspectives on Adobe Flash CS3 14
![Page 15: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/15.jpg)
XPXPAdding 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• Behaviors: pre-written ActionScripts• Add behaviors to objects through Behaviors panel• Add actions to banner buttons for animation control– Actions are added to instance of buttons on the stage
New Perspectives on Adobe Flash CS3 15
![Page 16: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/16.jpg)
XPXPStop Script
New Perspectives on Adobe Flash CS3 16
![Page 17: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/17.jpg)
XPXPAdding 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 CS3 17
![Page 18: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/18.jpg)
XPXPFrame Action
New Perspectives on Adobe Flash CS3 18
![Page 19: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/19.jpg)
XPXPUsing 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 CS3 19
![Page 20: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/20.jpg)
XPXPUsing 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 CS3 20
![Page 21: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/21.jpg)
XPXPFinding Sounds for Animations• Some sources for sounds– Sounds created by developer in sound-editing
program– Prerecorded sounds on CDs, DVDs, or the Web
• Sounds must be imported into a Flash document• Flash Kit’s Web site: http://www.flashkit.com– Go to Sound FX or Sound Loops
• Check license before using prerecorded sounds
New Perspectives on Adobe Flash CS3 21
![Page 22: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/22.jpg)
XPXPFlash Kit’s Web Site
New Perspectives on Adobe Flash CS3 22
![Page 23: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/23.jpg)
XPXPAdding Sounds to a Documents• 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 CS3 23
![Page 24: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/24.jpg)
XPXPSample Sound in the Library Panel
New Perspectives on Adobe Flash CS3 24
![Page 25: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/25.jpg)
XPXPChanging 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 CS3 25
![Page 26: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/26.jpg)
XPXPSound Settings
New Perspectives on Adobe Flash CS3 26
![Page 27: Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn](https://reader035.vdocuments.net/reader035/viewer/2022062518/56649e6b5503460f94b68bf3/html5/thumbnails/27.jpg)
XPXPSound Settings• A background sound will be added to the banner• WAV sound should first be imported to Library• Experiment with various effects, such as Fade In• Add action to Mute button to turn off sound
New Perspectives on Adobe Flash CS3 27