Chapter 16 Video. Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target.

Slides:



Advertisements
Similar presentations
User interface Adobe video and audio applications provide a consistent, customizable workspace. Although each application has its own set of panels (such.
Advertisements

Chapter 6 Preparing and Publishing Applications. Chapter 6 Lessons 1.Publish movies 2.Reduce file size to optimize a movie 3.Create a preloader 4.Publish.
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.
Macromedia Director 8 Intermediate Level Course. Ink Masks Using the Ink Mask feature will allow you to create parts of a bitmap cast member to become.
SM5312 week 11: Flash Objects in HTML1 Flash Objects in HTML Nick Foxall.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Introduction to Macromedia Flash 8
1 Flash Programming Introduction Script Assist. 2 Course Description This course concentrates on the teaching of Actionscript, the programming language.
Chapter 17 Putting It All Together. Viewing the Preloader To view the preloader, 1.CTRL-Enter to test the movie. 2.View > Simulate Download.
© 2010 Delmar, Cengage Learning Chapter 6: Preparing and Publishing Movies.
6-1 OBJ Copyright 2003, Paradigm Publishing Inc. Animating Using Symbols and Masks and Publishing Flash Movies Macromedia Flash Design & Application.
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.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
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.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
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.
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.
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.
Macromedia Flash By Alice Tian. Overview  What is Flash  Why Flash  Basic User Interfaces  Animation Basics  Advanced Basics  Publishing.
Publishing a Macromedia Flash Movie – Lesson 131 Publishing a Macromedia Flash Movie Lesson 13.
© 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.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
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.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
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.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
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.
Copyright © 2003 Pearson Education, Inc. Chapter 6 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
1 Flash Basics by Dr SC Li. 2 Ordinary Movie vs. Flash Movie AnimationVector GraphicsInteractivity MPEG MovieFlash Movie.
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.
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
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.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
Open a new Flash File Action Script 2.0. Create a button like you did last lesson and name it Click to Play.
© 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.
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.
Tutorial 7 Adding Behaviors and Rich Media. Objectives Session 7.1 – Learn about behaviors – Add behaviors to a page – Add a custom script to a page Session.
Packages that we use Within ICT we primarily use Dreamweaver CS3 and Flash CS3 This is embedded in an Adobe Design Premium CS3 package (Go to Start >
Creating a Flash Web Site
Using Video, and Flash Components, and Printing Flash Content
Chapter Lessons Understand the Macromedia Flash workspace
Exercise 63 Use a Flash movie clip symbol to store an animation that you need to use more than once in an application. This is very important for keeping.
INTRODUCTION TO ADOBE FLASH CS4
Chapter Lessons Create shape-tweened animations Create a mask effect
INTRODUCTION TO FLASH ANIMATION
Develop Rich Internet Content and Applications
Adobe Flash CS3 Revealed
Presentation transcript:

Chapter 16 Video

Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target different points in the video to allow users to jump from point to point, transform video clips on the Stage, apply effects such as tinting and skewing, or publish a QuickTime file. You can also cut apart a video and organize the clips, apply color correction, and modify how the video is imported into your Flash project.

Acceptable Video Import Formats File Type ExtensionWindowsMacSoftware Audio Video Interleaved.aviYesYes QuickTime4 or DirectX 7 * Digital Video.dvYesYesQuickTime4 Motion Picture Experts Group.mpg,.mpeg YesYes QuickTime4 or DirectX 7 * QuickTime Movie.movYesYesQuickTime4 Windows Media File.wmv,.asfYesNo DirectX7 * Flash Video File.flvYesYesNeither * Windows only

On2 VP6 and Sorenson Spark Video Compression  Exported video is compressed in Flash using the new On2 VP6 video codec for use with Flash Player 8 and the Sorenson Spark codec for use with Flash Player 7.  A codec is an algorithm that controls the way video files are compressed and decompressed during import and export.

Codecs Supported by Flash Versions Codec Published Version (swf file) Flash Player required for playback Sorenson Spark 6 6, 7, 8 7 7, 8 On2 VP

Flash 8 Video Features  Media components – quick integration through click and drag  Improved video workflow – video import wizard helps to deploy video content for embedded, progressively downloadable and streaming video delivery  Stand-alone video encoder – separate application that improves workflow by providing an easy way to convert video files into a Flash Video (FLV) format  8-bit alpha support – allows you to overlay video composited with a transparent or semi- transparent alpha channel over other Flash content

Macromedia Flash Video (FLV)  Lets you import or export a static video stream with encoded audio.  When exported, the video is compressed with the Sorenson codec and the audio is compressed using the streaming audio settings in the Publish settings dialog box.

Exercise 1 -- Importing Video File Import Import Import to Stage (will also appear in Library) Import to Stage (will also appear in Library) Select the video to import. Select the video to import. Video Import Wizard appears. Video Import Wizard appears. Deployment Deployment Embed video in SWF and play in Timeline. Embed video in SWF and play in Timeline. Embedding (set the properties) Embedding (set the properties) Encoding (set the properties) Encoding (set the properties) Finish Video Import Finish Video Import

Compression Settings  Video codec – specifies the encoding  Frame Rate – sets the number of frames that display every second on playback  Key Frame Placement – specifies a custom keyframe interval  Key Frame Interval – specifies the number of keyframes per frame of your actual movie  Quality – specifies the quality of all of the frames

Note:  Video keyframes are different than the Timeline keyframes that you have previously learned about

Controlling Video with Stop and Go Actions 1. Select the video clip. 2. In Properties Inspector, give the instance a name. 3. Drag a Play button to the Stage and Select. 4. In Actions, enter the script on(release) { instancename.play();} This tells Flash to play the movie when the Play button is released.

Controlling Video with Stop and Go Actions cont. 5. Drag a Stop button to the Stage and Select it. 6. In Actions, enter the script on(release) { instancename.stop();} 7. Make sure that you add an actions layer and include instance.stop(); in frame 1 so that the video clip doesn’t play automatically when the movie starts.

Controlling Video by Targeting Frame Labels  You can also target specific points in the video using behaviors.  To accomplish this, 1.Insert a label layer and add labels to the points in the video that you would like to go to. 2.Insert the movieclip behavior “Goto and Play at frame or label” and select the appropriate label.

Named Anchors  A named anchor is a special frame label that resides on the Main Timeline. Once the named anchor is played in a browser window, it is registered in a browser’s history so when a user clicks on the Back button in the browser, the browser will play the previous named anchor position on the timeline. This allows you to create movies that work with the Forward and Back buttons in a browser.

Making a Named Anchor Label  Create a labels layer.  Click in the specified frame.  In Properties Inspector, enter a label name in the Frame label field.  Under the Frame label field is a Label Type drop-down menu. Select Anchor.

Publish Settings  Choose File > Publish Settings to open the Publish Settings window.  Click the HTML tab at the top.  In the Template drop-down list, choose Flash with Named Anchors. This will add JavaScript into the HTML document that will catch the named anchors as they play in the browser. F12 will allow you to publish your Flash movie and preview it in your browser so that you can test the named anchors.

Editing Video  The new Video Import Wizard allows you to select a video clip and choose which portions of the video that you actually want to import into your movie. This keeps you from having to purchase a video editing program such as Adobe Premier.

Editing Video  After importing the video, select Embed video in Macromedia Flash document  In the Editing pane of the Video Import Wizard, select Edit the video first. This opens the Customize Editing panel. You can trim the length of your video clips, create multiple clips, and reorder video clips.  Use Set in Point to specify the beginning of the clip and Set Out Point to specify the end of the clip. Click Create Clip and name the clip.

Using Flash Video Encoder  Flash 8 Video Import Wizard  Only one video can be encoded at a time  Thus, time intensive  Flash 8 includes a standalone video encoder  Flash 8 Video Encoder  Can be used to do batch process video clips  Thus, speeding up your workflow  Cue points are established points or markers in a video clip that can be used to trigger other actions.