Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

1What is the Stage. 2How do you open a panel in Flash
Chapter 14 Sound. Sound  Sound can be used for narration, background soundtracks, rollover noises, and for sound effects to complement animations. 
 2004 Prentice Hall, Inc. All rights reserved. Chapter 18 – Macromedia Flash MX 2004: Building an Interactive Game Outline 18.1 Introduction 18.2 Object-Oriented.
Tutorial 4 Creating Special Animations. XP Objectives Create an animation using a motion guide layer Create an animation using a mask layer Animate text.
Adding Interactivity to Flash Movies Using Buttons and ActionScript SPACE Lab
Macromedia Flash MX 2004 – Design Professional and Interactivity WORKING WITH SYMBOLS.
© Anselm Spoerri Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall Navigation Layout, Import Images & Organize.
Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons Unit Lessons.
Introduction to Macromedia Flash 8
1 Flash Actionscript Adding Interactive Actions. 2 ActionScript 3.0 ActionScript is the language you use to add interactivity to Flash applications, whether.
1 Flash Programming Introduction Script Assist. 2 Course Description This course concentrates on the teaching of Actionscript, the programming language.
Chapter 3 Working with Symbols and Interactivity.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Exercise : Animated Navigation Structure in Flash 1.Develop Answers to “What did you learn in ITI program?” “What do you have to offer?” “What are your.
1 Flash Basics by Dr SC Li. 2 File Types  In general, Flash 5.0 generates 3 types of files:  ???.fla  Flash ’ s working file  ???.swf  Flash movie.
CIS 205—Web Design & Development Flash Chapter 1 Getting Started with Adobe Flash CS3.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Buttons library Edit a button instance.
Creating Special Effects
Chapter 11 Adding Sound and Video. Chapter 11 Lessons 1.Work with sound 2.Specify synchronization options 3.Modify sounds 4.Use ActionScript with sound.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
Copyright © 2003 Pearson Education, Inc. Chapter 5 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
Tutorial 8 Programming with ActionScript 3.0. XP Objectives Review the basics of ActionScript programming Compare ActionScript 2.0 and ActionScript 3.0.
Tutorial 1 Introducing Adobe Flash CS3 Professional
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
7-1 OBJ Copyright 2003, Paradigm Publishing Inc. Using ActionScript and Creating Templates Macromedia Flash Design & Application.
Tutorial 7 Planning and Creating a Flash Web Site.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
5-1 OBJ Copyright 2003, Paradigm Publishing Inc. Adding Sound, Video, and Basic Interactivity with Buttons Macromedia Flash Design & Application.
Exploring the Macromedia Flash Workspace – Lesson 2 1 Exploring the Macromedia Flash Workspace Lesson 2.
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Sound and Video.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Getting Started with Flash Chapter 1 Understand the Flash workspace Lesson 1.
XP Tutorial 8 Adding Interactivity with ActionScript.
Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
Macromedia Flash MX Design Professional And Interactivity WORKING WITH SYMBOLS.
CDM105 Session 12 Macromedia FLASH MX 2004 Part 5 : Sounds, publishing your movies, and the ‘Get URL’ action.
Flash Demonstration – Unit 3 Create Multi-Part Animation –Animate Images –Fade-in and Fade-out Text –Add Interactivity to Instance of MovieClip –Animated.
Prof. Anselm SpoerriMultimedia Production Rutgers Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall.
 Motion Tween allow us to move a shape on the stage from one place to another.  In order to use motion tween, the shape to be moved must be converted.
Tutorial 3 Creating Animations.
Creating a Flash Web Site
Adding Buttons, Actions, and Sounds
INTRODUCTION TO ADOBE FLASH CS4
INTRODUCTION TO FLASH ANIMATION
Working with Symbols and Interactivity
Exercise : Animated Navigation Structure in Animate (= Flash)
Exercise : Animated Navigation Structure in Flash
Presentation transcript:

Tutorial 5 Making a Document Interactive

XP Objectives 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 CS32

XP Objectives 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 CS33

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 Movies with interactive controls raise user interest Add buttons to quickly provide interactive controls New Perspectives on Adobe Flash CS34

XP Exploring the Different Button States New Perspectives on Adobe Flash CS35

XP Adding 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 CS36

XP Buttons Library Panel New Perspectives on Adobe Flash CS37

XP Label Added Below the Button New Perspectives on Adobe Flash CS38

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 CS39

XP Play Button Instance Added to the Document New Perspectives on Adobe Flash CS310

XP Aligning 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 CS311

XP Three Buttons Aligned and Evenly Spaced New Perspectives on Adobe Flash CS312

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 CS313

XP Sample Script New Perspectives on Adobe Flash CS314

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 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 CS315

XP Stop Script New Perspectives on Adobe Flash CS316

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 CS317

XP Frame Action New Perspectives on Adobe Flash CS318

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 CS319

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 CS320

XP Finding 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: – Go to Sound FX or Sound Loops Check license before using prerecorded sounds New Perspectives on Adobe Flash CS321

XP Flash Kit’s Web Site New Perspectives on Adobe Flash CS322

XP Adding 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 CS323

XP Sample Sound in the Library Panel New Perspectives on Adobe Flash CS324

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 CS325

XP Sound Settings New Perspectives on Adobe Flash CS326

XP Sound 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 CS327