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.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Chapter 14 Sound. Sound  Sound can be used for narration, background soundtracks, rollover noises, and for sound effects to complement animations. 
Understand the Macromedia Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site.
Creating Animations – Lesson 71 Creating Animations Lesson 7.
Chapter 8: Speak to Me Recording Audio Vibrating objects generate waves of compressed air that we hear as sound.
Create shape-tweened animation Create a mask effect Add sound Add scenes Create a slide show presentation Unit Lessons.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
Introduction to Macromedia Flash 8
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
© 2011 Delmar, Cengage Learning Chapter 8 Building Complex Animations.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
Chapter 3 Working with Symbols and Interactivity.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Chapter 15 Video. Importing Video Into Flash Once you import video into Flash MX 2004, you can control it using behaviors and very basic ActionScript,
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.
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.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn.
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
© 2011 Delmar, Cengage Learning Chapter 9 Introduction to ActionScript 3.0.
Dm 11 – Intro. To Flash Macromedia Flash MX GETTING STARTED WITH.
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.
UNDERSTANDING ADOBE FLASH. The Flash Interface  The flash interface provides you with:  A menu bar  Panels  A work area: stage.
Working with Symbols and Interactivity
Lesson 1 What is Camtasia?. Lesson 2 Editing Objectives After completing the lesson, the student will be able to: Edit a basic recording Camtasia file.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
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.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Enhancing a Video/Movie. I.Narrate the Timeline To narrate the timeline Add any video clips, pictures, titles, or credits that you want to display in.
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.
Chapter 16 Video. Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target.
© 2011 Delmar, Cengage Learning Chapter 4 Creating Animations.
Chapter 4 Creating Animations. Chapter 4 Lessons 1.Create motion tween animations 2.Create classic tween animations 3.Create frame-by-frame animations.
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.
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
Copyright © 2003 Pearson Education, Inc. Chapter 6 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
Dm 11 - Flash Special Effects Special Effects CREATING.
Macromedia Flash MX 2004 – Design Professional Special Effects CREATING.
WORKING WITH SOUND & VIDEO CHAPTER 7 PART I. USING SOUNDS Mp3 & WAV files Drag the sound files from the Library panel onto Stage at different points along.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Chapter 5 Creating Special Effects. 1.Create a mask effect 2.Add sound 3.Add video 4.Create an animated navigation bar 5.Create character animations using.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
© 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.
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.
Adding Buttons, Actions, and Sounds
Flash Interface, Commands and Functions
Chapter Lessons Understand the Macromedia Flash workspace
INTRODUCTION TO ADOBE FLASH CS4
Chapter Lessons Create shape-tweened animations Create a mask effect
INTRODUCTION TO FLASH ANIMATION
Working with Symbols and Interactivity
Adobe Flash CS3 Revealed
Presentation transcript:

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 5.Work with video

Introduction – Sound and video are important tools you can use to express a message, engage users, and make your site or application appealing to visitors – Sound and video can add significantly to the size of movies that you publish Add Sound and Video

Introduction – You should only apply sound and video where it will have the most impact – Flash provides a number of compression options that can help you achieve a balance between quality and file size Add Sound and Video

You can add sound to an object or the Timeline in Flash by importing sound files to the Library panel. Flash also provides you with dozens of sound effects found in the Common Libraries panel on the Window menu. You can use ActionScript to add sound during runtime. Work with Sound

When you want a sound to play in the background, rather than tie it to a specific object on the Stage, you can add an instance of the sound to a frame on the Timeline. It is recommended that you use the Properties panel to add instances. Work with Sound

The approximate duration of the sound is indicated by the number of frames the lines occupy. If the sound is longer in duration than the movie in seconds, the sound may continue playing after the playhead has reached the last frame. Work with Sound

A sound on the Timeline This layer contains the soundSound file on Timeline Sounds are represented on the Timeline by either a straight or waveform line. Work with Sound

You can play multiple sounds at once by placing the sounds on different layers. Sounds you add in Flash are considered event sounds. The sound starts in the keyframe to which you add it, but it can continue playing even after the last frame in the main Timeline is played. Work with Sound

Sounds in Timeline extend to end of movie Work with Sound

You can have event sounds play at a faster or slower rate than indicated by the frames on the Timeline. You can use event sounds as many times as you like in a movie, with no increase in the file size. Work with Sound

Stream sounds are similar to animated graphic symbols because they are closely tied to the main Timeline. Stream files will begin playing right away without the user having to wait for the entire sound file to download. Work with Sound

Synchronization options: Event Start Stop Stream The Sync sound options in the Properties panel Specify Synchronization Options

Stream sounds are tied to the Timeline and the number of frames on the Timeline. When you add a sound and set it to be stream, Flash breaks the sound into individual sound clips and then associates each clip with a specific frame on the Timeline. Specify Synchronization Options

If the sound is longer than the number of frames on the Timeline, the sound still stops at the end of the movie. An important use of stream sounds is for you to be able to synchronize animation and audio. Specify Synchronization Options

A Start sound is similar to an event sound, but it will not play again if an instance of that sound is already playing. You can use the Start option with sounds associated with buttons or with movies that loop back to the beginning, in order to avoid overlapping sounds. Specify Synchronization Options

The Stop option lets you end an event sound at a specific keyframe. You can insert a keyframe in the frame where you want to apply a Stop option, then you specify the name of the sound you want to stop in the Properties panel. Specify Synchronization Options

A Stop option on the Timeline and in the Properties panel The block rectangle indicates the end of the span of frames with the same content The filled-in blue square above the keyframe indicates a stop action Specify Synchronization Options

In most cases, you will want to edit and enhance sounds in a sound-editing program before you import them into Flash. However, Flash does include some basic editing features you can use on sounds you have already imported. Specify Synchronization Options

Envelope handle for left channel Sound line for left channel Envelope handle for right channel Sound line for right channel Time In control Time Out control Units in frames Display units in frames Display units in seconds Zoom out Zoom in Play sound Stop sound Modify Sounds

You can trim the length of a sound file using the Edit Envelope dialog box. You can preview the edits you make to a sound by clicking the Play button at the bottom-left corner of the Edit Envelope dialog box. Modify Sounds

Flash includes the following effects you can apply to sounds: – Left Channel plays the sound only in the left channel or speaker – Right Channel plays the sound only in the right channel or speaker – Fade Left or Right gradually shifts the sound from the left channel to the right channel over the duration of the sound Modify Sounds

Effects Continued… – Fade Right to Left gradually shifts the sound from the right channel to the left channel over the duration of the sound – Fade in increases the volume of the sound as it begins to play – Fade out decreases the volume of the sound as it ends Modify Sounds

You can set these options either in the Properties panel of the frame to which you have added the sound or in the Edit Envelope dialog box for the sound. Custom lets you create your own volume variations over the duration of a sound. Modify Sounds

A custom volume envelope Sound increases in volume here Sound decreases in volume here Modify Sounds

You can use actions to set how and when sounds play in a movie, and to start or stop sounds in response to user interactions. To reference a sound from the Library panel in ActionScript, you must enable the Export for ActionScript option. Modify Sounds

Click check box to allow sound file to be used in ActionScript Class name used for linkage Modify Sounds

A sound object is a way for ActionScript to recognize and control a sound. When you create a sound object it is similar to creating an instance of a sound on the Stage, except it happens entirely in ActionScript. Use ActionScript with Sound

The Sound.play method starts a sound playing. Sound.play includes optional parameters that let you specify a sound offset and also the number of times to repeat the sound. The stopAll method of the SoundMixer class stops all sounds currently playing. Use ActionScript with Sound

A variable (named snd) with a sound data type; the sound data type is identified by using the class name (myMusic) that was specified in the Linkage area of the Sound Properties dialog box Assign an instance of the sound class to the variable Use ActionScript with Sound

Progressive downloading uses a video Component and ActionScript to load an external FLV file into a SWF file, allowing the video to play when the SWF file is played. This keeps the SWF file smaller than when the video is embedded. Work with Video

The process to load an external video: – Start a Flash ActionScript 3.0 document and select the layer and frame where the video will be displayed – Import the video using the Import Video option from the Import command on the File menu – Use the Browse button in the Import Video dialog box to navigate to the folder where the video is located and choose video Work with Video

Process Continued… – Check the Load External video with playback component option, and then click the Next button – The Skinning screen appears. The video’s skin determines the appearance and position of the video controls – The Finish Video Import screen appears, indicating the file and its location as well as information on the video component and its skin Work with Video

The Skinning screen in the Import Video dialog box Preview of the selected skin Click to view Skin options Click to view color palette of available control bar colors Work with Video

Cue points are indicators on the video Timeline that you specify. To create a cue point, you scrub the seek bar to locate the desired position for the cue points, then you use the CUE POINTS area of the Properties panel to add a cue point and give it a name. Work with Video

Seek bar scrubbed to the 13 second point on the video timeline Cue point named lion is created at the 13 second point Work with Video