Adobe Flash chuyên nghiệp - p 32 ppt

ptg
adobe fLash professionaL Cs5 CLassroom in a book 301
5 e Crop Setting pull-down menu contains options to set how the crop will
appear in the final output file:
• Scale To Fit adjusts the dimensions of the crop and adds black borders to fit
the output file.
• Black Borders adds black bands at either the top (letterbox) or at the sides
(pillarbox) to fit the crop in the dimensions of the output file.
• Change Output Size changes the dimensions of the output file to match the
crop dimensions.
e Scale To Fit and Black Borders options allow you to resize the output file in
the Video tab on the right side of the Export Settings dialog box.
6 Exit the cropping mode without making the crop by clicking the Crop button
again under the Source tab to deselect it. You will not need to crop the
Penguins.mov video for this lesson.
Cue Points
At the bottom left of the
Export Settings dialog
box is an area where you
can set cue points for
your video.
Cue points are special
markers at various
points along the video.
With ActionScript, you
can program Flash to
recognize when those
cue points are encountered, or you can navigate to specific cue points. Cue points
can transform an ordinary, linear video into a true interactive, immersive video
experience. Later in this lesson, you’ll add cue points to your video within Flash
Professional CS5 when your video is directly on the Stage.

Download from Library of Wow! ebook
ptg
302 LESSON 8 Working with Sound and Video
adjusting video length
Your video may have unwanted segments at the beginning or the end. You can
shave off footage from either end to adjust the overall length of your video.
1 Click and drag the playhead (top yellow marker) to scrub through your video
to preview the footage. Place the playhead at the desired beginning point of
your video.
Time markers indicate the number of seconds that have elapsed.
2 Click the Set In Point icon.
e In point moves to the current position of the playhead.
3 Drag the playhead to the desired ending point of your video.
4 Click the Set Out Point icon.
e Out point moves to the current position of the playhead.
Download from Library of Wow! ebook
ptg
adobe fLash professionaL Cs5 CLassroom in a book 303
5 You can also simply drag the In and Out point markers to bracket the desired
video segment.
e highlighted portion of your video between the In and Out point markers
will be the only segment of your original video that will be encoded.
6 Drag the In and Out points back to their original positions, or choose Entire
Clip from the Source Range pull-down menu, because you do not need to adjust
the video length for this lesson.
Setting advanced video and audio options
e right side of the Export Settings dialog box contains information about the
original video and summarizes the export settings.
You can choose one of the preset options from the top Preset menu. At the bottom,
you can navigate to advanced video and audio encoding options using the tabs. At

the very bottom, Flash displays the estimated final output size.
You will export the Penguins.mov file again but at a larger size.
Preset options
Summary of
export settings
Advanced video
and audio options
Final output size

Note: You can use
the left or the right
arrow keys on your
keyboard to move
back or ahead frame by
frame for finer control.
Download from Library of Wow! ebook
ptg
304 LESSON 8 Working with Sound and Video
1 Make sure the Export Video and Export Audio boxes are selected.
2 Click the Format tab and choose F4V.
3 Click the Video tab.
4 Select Resize Video and click the Constrain option (the blank grey box). Enter
480 for the Width and click outside the field to accept the change.
e Height automatically changes to keep the proportions of the video.
5 Click OK.
Flash closes the Export Settings dialog box and saves your advanced video and
audio settings.
6 Click Start Queue to begin the encoding process with your custom resize
settings.
Flash creates another F4V file of Penguins.mov. Delete the first one you created

and rename the second one Penguins.f4v.
Saving advanced video and audio options
If you want to process many videos similarly, it makes sense to save your advanced
video and audio options. You can do that in Adobe Media Encoder. Once saved,
you can easily apply your settings to other videos in the queue.
1 Choose Edit > Reset Status to reset the status of your penguin video in the
queue, then choose Edit > Export Settings.
Download from Library of Wow! ebook
ptg
adobe fLash professionaL Cs5 CLassroom in a book 305
2 In the Export Settings dialog box, click the Save Preset button.
3 In the dialog box that opens, provide a descriptive name for the video and audio
options. Click OK.
4 Return to the queue of videos. You can apply your custom settings to additional
videos by simply choosing the preset from the Preset pull-down menu.
Playback of External Video
Now that you have successfully converted your video to the correct Flash-
compatible format, you can use it in your Flash zoo kiosk project. You will have
Flash play each of the animal videos at the different labeled keyframes on the
Timeline.
You will keep your videos external to the Flash project. By keeping videos exter-
nal, your Flash project remains small, the videos can be edited separately, and the
videos can maintain different frame rates from your Flash project.
1 Open your 08_workingcopy.fla project in Flash Professional CS5.
Download from Library of Wow! ebook
ptg
306 LESSON 8 Working with Sound and Video
2 Select the keyframe labeled penguins in the videos layer.
3 Choose File > Import > Import Video.
e Import Video wizard appears. e Import Video wizard guides you step by

step through the process of adding video to Flash.
4 In the Import Video wizard, select On Your Computer and click Browse.
5 In the dialog box, select Penguins.f4v from the Lesson08/08Start folder and
click Open.
e path to the video file appears.
Download from Library of Wow! ebook
ptg
adobe fLash professionaL Cs5 CLassroom in a book 307
6 Select the Load external video with playback component option. Click Next or
Continue.
7 In the next screen of the Import Video wizard, you select the skin, or the
interface controls for the video. From the Skin menu, select the third option
from the top, MinimaFlatCustomColorPlayBackSeekCounterVolMute.swf.
e skins fall in three broad categories. e skins that begin with “Minima” are
the latest designs available in Flash Professional CS5 and include options with
a numeric counter. e skins that begin with “SkinUnder” are controls that
appear below the video. e skins that begin with “SkinOver” are controls that
overlap the bottom edge of the video. A preview of the skin and its controls
appear in the preview window.
8 Select color #333333 with a 75% Alpha. Click Next or Continue.
9 On the next screen of the Import Video wizard, review the information for the
video file, and then click Finish to place the video.

Note: The skin
is a small SWF file
that determines the
functionality and
appearance of the
video’s controls. You
can use one of the skins

provided with Flash, or
you can choose None
from the top of the
menu.
Download from Library of Wow! ebook
ptg
308 LESSON 8 Working with Sound and Video
10 Your video with the selected skin appears on the Stage. Place the video on the
left side of the Stage.
An FLVPlayback component also appears in your Library panel. e component
is a special widget that is used on the Stage to play your external video.

Note: When a video
on the Stage is selected,
you can press the
spacebar to begin or
pause playback.
Download from Library of Wow! ebook
ptg
adobe fLash professionaL Cs5 CLassroom in a book 309
11 Click the play button on the skin of your video to preview the video.
e video plays on your Stage. Use the controls to play, stop, scrub, and change
the volume of the movie. e ability to preview an external video on the Stage is
a new feature in Flash Professional CS5.
12 Choose Control > Test Movie > in Flash Professional. After the musical
introduction, click the Magellanic Penguins button.
e video plays the external penguin video with the skin you chose in the
Import Video wizard. Close the preview window.
13 e other animal videos have already been encoded (in FLV format) and
provided in the 08Start folder. Import the Mandrill.flv, Tiger.flv, and Lion.flv

videos in each of their corresponding keyframes. Choose the same skin as the
Penguin.f4v video.
Controlling the video playback
e FLVPlayback component lets you control which video plays, whether the video
plays automatically, and other aspects of playback. e options for playback can
be accessed in the Properties inspector. Individual properties are listed in the left
column, and their corresponding values are listed in the right column. Select one of
the videos on the Stage, and then choose among the following options:
• To change the autoPlay option, deselect the check box. When the check box is
selected, the video plays automatically. When the check box is deselected, the
video is paused on the first frame.

Note: If you don’t
have a skin on your
video, you can still
control playback of
the video on the Stage
by right-clicking/Ctrl-
clicking on the video
and choosing Play,
Pause, or Rewind.

Note: The FLV
or F4V files, the
08_workingcopy.swf
file, and the skin file are
all required for your zoo
kiosk project to work.
The skin file is published
in the same folder as

your FLA file.
Download from Library of Wow! ebook
ptg
310 LESSON 8 Working with Sound and Video
• To hide the controller and only display it when users roll their mouse cursor
over the video, select the check box for the skinAutoHide option.
• To choose a new controller (the skin), click the name of your skin file and select
a new skin in the dialog box that appears.
• To change the transparency of the skin, enter a decimal value from 0 (totally
transparent) to 1 (totally opaque) for the skinBackgroundAlpha.
• To change the color of the skin, click on the color chip and choose a new color
for the skinBackgroundColor.
• To change the video file or the location of the video file that Flash looks for to
play, click the source option.
In the Content Path dialog box that appears, enter a new filename or click the
Folder icon to choose a new file to play. e path is relative to the location of
your Flash file.
Working with Video and Transparency
For the various animal videos, you want to show the entire frame with the animals
in the foreground and the lush environment in the background. But sometimes you
want to use a video file that doesn’t include a background. For this project, the zoo
director was filmed in front of a green screen, which was removed using Adobe
After Effects. When you use the video in Flash, the zoo director appears to be in
front of the Flash background. A similar effect is used for news weatherpersons,
Download from Library of Wow! ebook