Understanding flash video

Post on 12-Jan-2015

1.475 views 0 download

Tags:

description

 

Transcript of Understanding flash video

Understanding Flash Understanding Flash VideoVideo

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.256p.256

Understanding Flash VideoUnderstanding Flash Video

There are two options to display There are two options to display video in Flash. video in Flash.

The first option is to embed the video The first option is to embed the video in your Flash file, and the second in your Flash file, and the second option is to keep the video separate option is to keep the video separate from your Flash file and use a from your Flash file and use a playback component from Flash to playback component from Flash to play the video.play the video.

Understanding Flash VideoUnderstanding Flash Video

The appropriate video format for The appropriate video format for Flash is Flash Video, which uses the Flash is Flash Video, which uses the extension .flv or the extension .f4v. extension .flv or the extension .f4v. F4V is the latest Flash Video format F4V is the latest Flash Video format that supports the H.264 standard, a that supports the H.264 standard, a stateof-the-art video codec that stateof-the-art video codec that delivers high quality with remarkably delivers high quality with remarkably efficient compression.efficient compression.

Understanding Flash VideoUnderstanding Flash Video

A codec (A codec (cocompression-mpression-decdecompression) is a method ompression) is a method computers use to compress a video computers use to compress a video file to save space, and then file to save space, and then decompress it to play it back. FLV is decompress it to play it back. FLV is the standard format for previous the standard format for previous versions of Flash and uses the older versions of Flash and uses the older codecs Sorenson Spark or On2VP6.codecs Sorenson Spark or On2VP6.

Using the Adobe Using the Adobe Media EncoderMedia Encoder

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.256p.256

Using the Adobe Media Using the Adobe Media EncoderEncoder

You can convert your video files to You can convert your video files to the FLV or F4V format using the the FLV or F4V format using the Adobe Media Encoder CS4, a stand-Adobe Media Encoder CS4, a stand-alone application that comes with alone application that comes with Flash CS4. Flash CS4.

The Adobe Media Encoder can The Adobe Media Encoder can convert single files or multiple files convert single files or multiple files (known as batch processing) to make (known as batch processing) to make your workflow easier.your workflow easier.

Adding a Video File to Adding a Video File to the Adobe Media the Adobe Media

EncoderEncoder

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.256p.256

Adding a Video File to the Adding a Video File to the Adobe Media EncoderAdobe Media Encoder

The first step to convert your video The first step to convert your video file to a compatible Flash format is to file to a compatible Flash format is to add the video to the Adobe Media add the video to the Adobe Media Encoder for encoding.Encoder for encoding.

Adding a Video File to the Adding a Video File to the Adobe Media EncoderAdobe Media Encoder

1 1 Launch the Adobe Media Encoder, which comes Launch the Adobe Media Encoder, which comes installed with Adobe Flash CS4.installed with Adobe Flash CS4.

The opening screen displays a window that lists The opening screen displays a window that lists any current video files that have been added for any current video files that have been added for processing. The window should be empty.processing. The window should be empty.

Adding a Video File to the Adding a Video File to the Adobe Media EncoderAdobe Media Encoder

2 2 Choose File > Add or click the Add Choose File > Add or click the Add button on the right.button on the right.

A dialog box opens for you to select a A dialog box opens for you to select a video file.video file.

Adding a Video File to the Adding a Video File to the Adobe Media EncoderAdobe Media Encoder

3 3 Navigate to the Lesson07/07Start folder, Navigate to the Lesson07/07Start folder, select the Penguins.mov file, and click OK.select the Penguins.mov file, and click OK.

The Penguins.mov file is added to the The Penguins.mov file is added to the display list and is ready for conversion to display list and is ready for conversion to an FLV or F4V format.an FLV or F4V format.

Adding a Video File to the Adding a Video File to the Adobe Media EncoderAdobe Media Encoder

Note: Note: You can also drag the file You can also drag the file directly to the queue from your directly to the queue from your Desktop.Desktop.

Converting Video Converting Video Files to Flash VideoFiles to Flash Video

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.258p.258

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

1 1 In the options under Format, select In the options under Format, select the FLV/F4V (H.264) option.the FLV/F4V (H.264) option.

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

2 2 Under the Preset options, choose Under the Preset options, choose F4V-Web Medium.F4V-Web Medium.

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

You can choose one of many of the standard You can choose one of many of the standard preset options from the menu.preset options from the menu.

The options determine the format (either the The options determine the format (either the newer F4V or the older FLV) and the size of newer F4V or the older FLV) and the size of the video. The Web Medium option converts the video. The Web Medium option converts your original video to 360 pixels wide by 272 your original video to 360 pixels wide by 272 pixels high, which is an average size to pixels high, which is an average size to display video in a Web browser. display video in a Web browser.

In parentheses, Flash indicates the minimum In parentheses, Flash indicates the minimum Flash Player version required to play the Flash Player version required to play the selected video format.selected video format.

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

3 3 Click on the Output File.Click on the Output File. You can choose to save the You can choose to save the

converted file in a different location converted file in a different location on your computer and choose a on your computer and choose a different filename. Your original different filename. Your original video will not bevideo will not be

deleted or altered in any way.deleted or altered in any way.

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

4 4 Click Start Queue.Click Start Queue. Flash begins the encoding process. Flash begins the encoding process.

Flash displays the settings for the Flash displays the settings for the encoded video and shows the encoded video and shows the progress and a preview of the video.progress and a preview of the video.

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

When the encoding process finishes, When the encoding process finishes, a green check in the display list a green check in the display list indicates that the file has been indicates that the file has been converted successfully. converted successfully.

You now have the file, Penguins.f4v You now have the file, Penguins.f4v in your Lesson07/07Start folder, in your Lesson07/07Start folder, along with the original Penguins.mov along with the original Penguins.mov file.file.

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

Note: Note: If you have multiple video files to If you have multiple video files to encode to F4V or FLV format, you can do so all encode to F4V or FLV format, you can do so all at once and easily with the Adobe Media at once and easily with the Adobe Media Encoder in a process known as batch Encoder in a process known as batch processing. processing.

Each file can even have its own settings. Click Each file can even have its own settings. Click the Add button to add videos to the display the Add button to add videos to the display list. Choose a different format for each file, if list. Choose a different format for each file, if desired. Click Start Queue to begin the batch desired. Click Start Queue to begin the batch processing. In the following figure, two processing. In the following figure, two additional files are in line to be encoded.additional files are in line to be encoded.

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

Note: Note: You can change the status of You can change the status of individual files in the queue by individual files in the queue by selecting the file in the display list and selecting the file in the display list and choosing Edit > Reset Selection or choosing Edit > Reset Selection or Edit > Skip Selection. Edit > Skip Selection.

Reset Selection removes the green Reset Selection removes the green check from a completed file so it can check from a completed file so it can be encoded again, whereas Skip be encoded again, whereas Skip Selection makes Flash skip that Selection makes Flash skip that particular file in the batch processing.particular file in the batch processing.

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

Understanding Understanding Encoding OptionsEncoding Options

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.260p.260

Understanding Encoding Understanding Encoding OptionsOptions

You can customize many settings You can customize many settings when converting your original video when converting your original video to the Flash Video format. to the Flash Video format.

You can crop and resize your video to You can crop and resize your video to specific dimensions, just convert a specific dimensions, just convert a snippet of the video, adjust the type snippet of the video, adjust the type of compression and the compression of compression and the compression levels, and even apply filters to the levels, and even apply filters to the video.video.

Understanding Encoding Understanding Encoding OptionsOptions

To display the encoding options, To display the encoding options, clickthe Preset selection in the clickthe Preset selection in the display list or choose Edit > Export display list or choose Edit > Export Settings. The Export Settings dialog Settings. The Export Settings dialog box appears.box appears.

Cropping Your VideoCropping Your Video

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.260p.260

Cropping Your VideoCropping Your Video

If you only want to show a portion of If you only want to show a portion of your video, you can crop it. Choose your video, you can crop it. Choose Edit > Reset Status to reset the Edit > Reset Status to reset the Penguins.mov file so you can Penguins.mov file so you can experiment with the cropping experiment with the cropping settings.settings.

Cropping Your VideoCropping Your Video

1 1 Click the Crop button at the upper-Click the Crop button at the upper-left corner of the Export Settings left corner of the Export Settings dialog box.dialog box.

The cropping box appears over the The cropping box appears over the video preview window.video preview window.

Cropping Your VideoCropping Your Video

2 2 Drag the sides inward to crop from Drag the sides inward to crop from the top, bottom, left, or right.the top, bottom, left, or right.

Cropping Your VideoCropping Your Video

The grayed-out portions outside the The grayed-out portions outside the box will be discarded. box will be discarded.

Flash displays the new dimensions Flash displays the new dimensions next to your cursor. next to your cursor.

You can also use the Left, Top, Right, You can also use the Left, Top, Right, and Bottom settings above the and Bottom settings above the preview window to enter exact pixel preview window to enter exact pixel values.values.

Cropping Your VideoCropping Your Video

3 3 If you want to keep the crop in a If you want to keep the crop in a standard proportion, click the Cropstandard proportion, click the Crop

Proportions menu and choose a Proportions menu and choose a desired ratio.desired ratio.

Cropping Your VideoCropping Your Video

The cropping box will be constrained The cropping box will be constrained to the selected proportions.to the selected proportions.

4 4 To see the effects of the crop, click To see the effects of the crop, click the Output tab.the Output tab.

Cropping Your VideoCropping Your Video

The preview window shows how your The preview window shows how your final video will appear.final video will appear.

5 5 Exit the cropping mode by clicking Exit the cropping mode by clicking the Crop button again under the the Crop button again under the Source tab.Source tab.

You will not need to crop the You will not need to crop the Penguins.mov video for this lesson.Penguins.mov video for this lesson.

Adjusting Video Adjusting Video LengthLength

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.263p.263

Adjusting Video LengthAdjusting Video Length

Your video may have unwanted Your video may have unwanted segments at the beginning or the segments at the beginning or the end. You can shave off footage from end. You can shave off footage from either end to adjust the overall either end to adjust the overall length of your video.length of your video.

Adjusting Video LengthAdjusting Video Length

1 1 Click and drag the playhead (top marker) Click and drag the playhead (top marker) to scrub through your video to preview the to scrub through your video to preview the footage. Place the playhead at the desired footage. Place the playhead at the desired beginning point of your video.beginning point of your video.

Adjusting Video LengthAdjusting Video Length

Time markers indicate the number of Time markers indicate the number of seconds that have elapsed.seconds that have elapsed.

2 2 Click the Set In Point icon.Click the Set In Point icon.

Adjusting Video LengthAdjusting Video Length

The In point moves to the current The In point moves to the current position of the playhead.position of the playhead.

Adjusting Video LengthAdjusting Video Length

3 3 Drag the playhead to the desired Drag the playhead to the desired ending point of your video.ending point of your video.

Adjusting Video LengthAdjusting Video Length

4 4 Click the Set Out Point icon.Click the Set Out Point icon.

Adjusting Video LengthAdjusting Video Length

The Out point moves to the current The Out point moves to the current position of the playhead.position of the playhead.

Adjusting Video LengthAdjusting Video Length

Note: Note: When the playhead is When the playhead is selected, you can use the left or the selected, you can use the left or the right arrow keys on your keyboard to right arrow keys on your keyboard to move back or ahead frame by frame move back or ahead frame by frame for finer control.for finer control.

Adjusting Video LengthAdjusting Video Length

5 5 You can also simply drag the In and You can also simply drag the In and Out point markers to bracket the Out point markers to bracket the desired video segment. desired video segment.

Drag the In and Out points back to Drag the In and Out points back to their original positions because you their original positions because you do not need to adjust the video do not need to adjust the video length for this lesson.length for this lesson.

Cue PointsCue Points

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.264p.264

Cue PointsCue Points

At the bottom left of the Export At the bottom left of the Export Settings dialog box is an area where Settings dialog box is an area where you can set cue points for your video.you can set cue points for your video.

Cue PointsCue Points

Cue points are an advanced feature that Cue points are an advanced feature that lets you add special markers at various lets you add special markers at various points along the video. points along the video.

With ActionScript, you can program Flash With ActionScript, you can program Flash to recognize when those cue points are to recognize when those cue points are encountered, or you can navigate to encountered, or you can navigate to specific cue points.specific cue points.

Cue points can transform an ordinary, Cue points can transform an ordinary, linear video into a true interactive, linear video into a true interactive, immersive video experience.immersive video experience.

Setting Advanced Setting Advanced Video and Audio Video and Audio

OptionsOptions

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.266p.266

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

The right side of the Export Settings The right side of the Export Settings dialog box contains all the advanced dialog box contains all the advanced video and audio options. video and audio options.

You can toggle between Simple You can toggle between Simple mode and Advanced mode using the mode and Advanced mode using the Mode icon .Mode icon .

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

The Advanced mode shows all the The Advanced mode shows all the settings for audio and video at the settings for audio and video at the top of the panel. top of the panel.

You can choose one of the preset You can choose one of the preset options from the top Preset menu.options from the top Preset menu.

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

At the bottom, you can navigate to At the bottom, you can navigate to different encoding options using the different encoding options using the tabs.tabs.

At the very bottom, Flash displays At the very bottom, Flash displays the estimated final output size.the estimated final output size.

You will export the Penguins.mov You will export the Penguins.mov again but at a larger size.again but at a larger size.

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

Make sure that the Export Video and Make sure that the Export Video and Export Audio boxes are selected.Export Audio boxes are selected.

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

2 2 Click the Format tab and choose Click the Format tab and choose F4V.F4V.

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

3 3 Click the Video tab.Click the Video tab.

4 4 Select Resize Video and click the Constrain Select Resize Video and click the Constrain option (the chain link icon). Enter option (the chain link icon). Enter 480 480 for for the Width and click outside the field to the Width and click outside the field to accept the change.accept the change.

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

The Height automatically changes to The Height automatically changes to keep the proportions of the video.keep the proportions of the video.

5 5 Click OK.Click OK. Flash closes the Export Settings Flash closes the Export Settings

dialog box and saves your advanced dialog box and saves your advanced video and audio settings.video and audio settings.

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

6 6 Click Start Queue to begin the Click Start Queue to begin the encoding process with your custom encoding process with your custom resize settings.resize settings.

Flash creates another F4V file of Flash creates another F4V file of Penguins.mov. Delete the first one Penguins.mov. Delete the first one you created and rename the second you created and rename the second one one Penguins.f4vPenguins.f4v..

Saving Advanced Saving Advanced Video and Audio Video and Audio

OptionsOptions

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.266p.266

Saving Advanced Video and Saving Advanced Video and Audio OptionsAudio Options

If you want to process many videos If you want to process many videos similarly, it makes sense to save your similarly, it makes sense to save your advanced video and audio options. advanced video and audio options.

You can do that in the Adobe Media You can do that in the Adobe Media Encoder. Once saved, you can easily Encoder. Once saved, you can easily apply your settings to other videos in apply your settings to other videos in the queue.the queue.

Saving Advanced Video and Saving Advanced Video and Audio OptionsAudio Options

1 1 In the Export Settings dialog box, In the Export Settings dialog box, click the Save Preset button.click the Save Preset button.

Saving Advanced Video and Saving Advanced Video and Audio OptionsAudio Options

2 2 In the dialog box that opens, provide In the dialog box that opens, provide a descriptive name for the video and a descriptive name for the video and audio options. Click OK.audio options. Click OK.

Saving Advanced Video and Saving Advanced Video and Audio OptionsAudio Options

3 3 Return to the queue of videos. You Return to the queue of videos. You can apply your custom settings to can apply your custom settings to additional videos by simply choosing additional videos by simply choosing the preset from the Preset pull-down the preset from the Preset pull-down menu.menu.

Playback of External Playback of External VideoVideo

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.267p.267

Playback of External VideoPlayback of External Video

Now that you have successfully Now that you have successfully converted your video to the correct converted your video to the correct Flash Video format, you can use it in Flash Video format, you can use it in your Flash zoo kiosk project. your Flash zoo kiosk project.

You will have Flash play each of the You will have Flash play each of the animal videos at the different labeled animal videos at the different labeled keyframes on the Timeline.keyframes on the Timeline.

Playback of External VideoPlayback of External Video

You will keep your videos external to You will keep your videos external to the Flash project. the Flash project.

By keeping videos external, you keep By keeping videos external, you keep your Flash project small, and the your Flash project small, and the videos can maintain different frame videos can maintain different frame rates from your Flash project.rates from your Flash project.

Playback of External VideoPlayback of External Video

1 1 Open your 07_workingcopy.fla Open your 07_workingcopy.fla project in Flash CS4.project in Flash CS4.

2 2 Select the keyframe labeled Select the keyframe labeled penguins in the content layer.penguins in the content layer.

Playback of External VideoPlayback of External Video

3 3 Choose File > Import > Import Choose File > Import > Import Video.Video.

The Import Video wizard appears.The Import Video wizard appears.

Playback of External VideoPlayback of External Video

4 4 In the Import Video wizard, select On In the Import Video wizard, select On Your Computer and click Browse Your Computer and click Browse (Windows) or Choose (Mac).(Windows) or Choose (Mac).

5 5 In the dialog box, select In the dialog box, select Penguins.f4v from the Penguins.f4v from the Lesson07/07Start folder and click Lesson07/07Start folder and click Open.Open.

Playback of External VideoPlayback of External Video

6 6 Select the Load external video with Select the Load external video with playback component option. Click playback component option. Click Next or Continue.Next or Continue.

Playback of External VideoPlayback of External Video

7 7 Select Select SkinUnderAllNoFullSkinUnderAllNoFullNoCaption.swf NoCaption.swf from the Skin from the Skin menu and select menu and select color #333333 with color #333333 with a 75% Alpha. Click a 75% Alpha. Click Next or Continue.Next or Continue.

Playback of External VideoPlayback of External Video

Note: Note: The skin is a small SWF file The skin is a small SWF file that determines the functionality and that determines the functionality and appearance of the video’s controls. appearance of the video’s controls. You can use one of the skins You can use one of the skins provided with Flash, or you can provided with Flash, or you can customize your own. To preview a customize your own. To preview a skin, select it from the Skin menu.skin, select it from the Skin menu.

Playback of External VideoPlayback of External Video

8 8 On the next screen of the Import On the next screen of the Import Video wizard, review the information Video wizard, review the information for the video file, and then click for the video file, and then click Finish to encode the file.Finish to encode the file.

Playback of External VideoPlayback of External Video

9 9 A black box representing your video A black box representing your video with the selected skin appears on the with the selected skin appears on the Stage.Stage.

Place the video box on the left side of Place the video box on the left side of the Stage.the Stage.

Playback of External VideoPlayback of External Video

A playback A playback component also component also appears in your appears in your Library. The Library. The component is a component is a specialspecial

widget that is used widget that is used on the Stage to on the Stage to play your video.play your video.

Playback of External VideoPlayback of External Video

10 10 Choose Control > Choose Control > Test Movie. Click the Test Movie. Click the Magellanic Penguins Magellanic Penguins button.button.

The video begins The video begins streaming into your streaming into your Flash file. Use the Flash file. Use the controls to play, stop, controls to play, stop, and change the and change the volume for the movie. volume for the movie. Close the preview Close the preview window.window.

Playback of External VideoPlayback of External Video

11 11 The other animal videos have The other animal videos have already been encoded (in FLV already been encoded (in FLV format) and provided in the 07Start format) and provided in the 07Start folder. Import the Mandril.flv, folder. Import the Mandril.flv, Tiger.flv, and Lion.flv videos in each Tiger.flv, and Lion.flv videos in each of their corresponding keyframes.of their corresponding keyframes.

Playback of External VideoPlayback of External Video

Note: Note: The FLV or F4V files, the The FLV or F4V files, the 07_workingcopy.swf file, and the skin 07_workingcopy.swf file, and the skin file are all required for your zoo kiosk file are all required for your zoo kiosk project to work.project to work.

Controlling the Video Controlling the Video PlaybackPlayback

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.271p.271

Controlling the Video Controlling the Video PlaybackPlayback

The playback component lets you The playback component lets you control which video plays, whether control which video plays, whether the video plays automatically, and the video plays automatically, and other aspects of playback. other aspects of playback.

The options for playback can be The options for playback can be accessed by selecting Window > accessed by selecting Window > Component Inspector (Shift-F7).Component Inspector (Shift-F7).

Controlling the Video Controlling the Video PlaybackPlayback

Parameters are Parameters are listed in the left listed in the left column, and column, and their their corresponding corresponding values are listed values are listed in the right in the right column.column.

Controlling the Video Controlling the Video PlaybackPlayback

To change the To change the AutoPlay option, AutoPlay option, select true or false select true or false from the right from the right column. True column. True makes the video makes the video play automatically, play automatically, and false pauses and false pauses the video on the the video on the first frame.first frame.

Controlling the Video Controlling the Video PlaybackPlayback

To hide the controller and only To hide the controller and only display it when users roll their mouse display it when users roll their mouse cursor over the video, select true for cursor over the video, select true for the SkinAutoHide option.the SkinAutoHide option.

To choose a new controller (the skin), To choose a new controller (the skin), double-click the double-click the SkinUnderAllNoFullNoCaption.swf and SkinUnderAllNoFullNoCaption.swf and select a new skin in the dialog box select a new skin in the dialog box that appears.that appears.

Controlling the Video Controlling the Video PlaybackPlayback

To change the transparency of the To change the transparency of the controller, enter a decimal value controller, enter a decimal value from 0 (totally transparent) to 1 from 0 (totally transparent) to 1 (totally opaque) for the (totally opaque) for the SkinBackgroundAlpha.SkinBackgroundAlpha.

To change the color of the controller, To change the color of the controller, click on the color chip and choose a click on the color chip and choose a new color for the new color for the SkinBackgroundColor.SkinBackgroundColor.

Controlling the Video Controlling the Video PlaybackPlayback

To change the To change the video file or the video file or the location of the location of the video file that video file that Flash looks for to Flash looks for to play, click the play, click the Source option.Source option.

Controlling the Video Controlling the Video PlaybackPlayback

In the Content Path dialog box, enter In the Content Path dialog box, enter a new filename or click on the Folder a new filename or click on the Folder icon to choose a new file to play.icon to choose a new file to play.

Working with Video Working with Video and Transparencyand Transparency

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.273p.273

Working with Video and Working with Video and TransparencyTransparency

Transparencies in video (called alpha Transparencies in video (called alpha channels) are supported only in the channels) are supported only in the FLV format using the On2VP6 codec. FLV format using the On2VP6 codec.

When encoding a video with an alpha When encoding a video with an alpha channel, be sure to select the Encode channel, be sure to select the Encode Alpha Channel option in the Video Alpha Channel option in the Video tab of the Export Settings.tab of the Export Settings.

Working with Video and Working with Video and TransparencyTransparency

You’ll import the video file, which is You’ll import the video file, which is already in FLV format, into Flash for already in FLV format, into Flash for display with the playback component. display with the playback component.

However, you won’t include a skin, so However, you won’t include a skin, so users will be unable to control the users will be unable to control the video. video.

The zoo director will appear directly The zoo director will appear directly on the Stage.on the Stage.

Importing the Video Importing the Video ClipClip

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.273p.273

Importing the Video ClipImporting the Video Clip

Now you’ll use the Import Video Now you’ll use the Import Video wizard to import the Popup.flv file.wizard to import the Popup.flv file.

1 1 Insert a new layer called Insert a new layer called popup popup videovideo..

2 2 Insert a keyframe at frame 35 and Insert a keyframe at frame 35 and insert another keyframe at frame 40.insert another keyframe at frame 40.

Importing the Video ClipImporting the Video Clip

3 3 Select the keyframe at frame 35.Select the keyframe at frame 35.

Importing the Video ClipImporting the Video Clip

4 4 Choose File > Import > Import Choose File > Import > Import Video.Video.

5 5 In the Import Video wizard, select On In the Import Video wizard, select On Your Computer and click Browse o Your Computer and click Browse o Choose. Select the Popup.flv file in Choose. Select the Popup.flv file in the Lesson07/07Start folder and click the Lesson07/07Start folder and click Open.Open.

Importing the Video ClipImporting the Video Clip

6 6 Select Load external video with Select Load external video with playback component. Click Next or playback component. Click Next or Continue.Continue.

Importing the Video ClipImporting the Video Clip

7 7 Select None from Select None from the Skin menu and the Skin menu and click Next or click Next or Continue.Continue.

Importing the Video ClipImporting the Video Clip

8 8 Click Finish to import the video.Click Finish to import the video. A black box indicating the video A black box indicating the video

appears on the Stage.appears on the Stage.

Importing the Video ClipImporting the Video Clip

9 9 Use the Selection tool to position the Use the Selection tool to position the new video just above the red bar and new video just above the red bar and the sound buttons.the sound buttons.

Importing the Video ClipImporting the Video Clip

The video appears in the popup The video appears in the popup video layer in the keyframe at frame video layer in the keyframe at frame 35 as the sound begins to fade out. 35 as the sound begins to fade out. At frame 40, where the penguin At frame 40, where the penguin video is placed, the popup video is video is placed, the popup video is removed from the Timeline.removed from the Timeline.

Importing the Video ClipImporting the Video Clip

10 10 Choose Control > Test Movie to Choose Control > Test Movie to see the video file that uses alpha see the video file that uses alpha channels.channels.

Close the preview window.Close the preview window.

Using a green screenUsing a green screen

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.276p.276

Using a green screenUsing a green screen

Professionals often film people in Professionals often film people in front of solid green or blue front of solid green or blue backgrounds, so that they can easily backgrounds, so that they can easily remove, or key, the background in a remove, or key, the background in a video-editing application such as video-editing application such as Adobe After Effects.Adobe After Effects.

Using a green screenUsing a green screen

Then, the person is merged with a Then, the person is merged with a different background. The image of different background. The image of the zoo director was filmed in front of the zoo director was filmed in front of a green screen, which was removed a green screen, which was removed in After Effects.in After Effects.

Using a green screenUsing a green screen

1 1 Shoot footage in front of a green Shoot footage in front of a green screen.screen.

Using a green screenUsing a green screen

Use a green background that is flat, Use a green background that is flat, smooth, and free of shadows, so that smooth, and free of shadows, so that the color is as pure as possible.the color is as pure as possible.

Using a green screenUsing a green screen

• • Minimize the light that reflects off Minimize the light that reflects off the green screen onto the subject.the green screen onto the subject.

• • Keep movement to a minimum for Keep movement to a minimum for Flash video; use a tripod if possible.Flash video; use a tripod if possible.

Using a green screenUsing a green screen

2 2 Remove the background in After Remove the background in After Effects.Effects.

Using a green screenUsing a green screen

Import the file as footage into After Import the file as footage into After Effects, create a new composition, Effects, create a new composition, and drag it onto the Composition and drag it onto the Composition Timeline.Timeline.

Using a green screenUsing a green screen

Create a garbage mask to roughly Create a garbage mask to roughly outline the shape and remove most outline the shape and remove most of the background. of the background.

But be sure the subject never moves But be sure the subject never moves outside the mask!outside the mask!

Using a green screenUsing a green screen

Use the Color Range keying effect to Use the Color Range keying effect to delete the rest of the background.delete the rest of the background.

You may need to do some fine-tuning You may need to do some fine-tuning with the Matte Choker and Spill with the Matte Choker and Spill Suppressor effects. Suppressor effects.

A spill suppressor removes the light A spill suppressor removes the light that splashes onto the edges of the that splashes onto the edges of the subject.subject.

Using a green screenUsing a green screen

3 3 Export to FLV format.Export to FLV format.

Using a green screenUsing a green screen

Export the video file to Flash Video Export the video file to Flash Video (FLV) format directly from After (FLV) format directly from After Effects. Be sure to select Encode Effects. Be sure to select Encode Alpha Channel. Alpha Channel.

The alpha channel is the selection The alpha channel is the selection around the subject.around the subject.

Encoding the alpha channel ensures Encoding the alpha channel ensures that the video exports without a that the video exports without a background.background.