模块四 素材与元件的应用 主讲老师：Flash CS3动画制作任务实训教程学习目标了解Flash CS3素材的类型及素材的调
用等操作熟练掌握元件的应用方法与技巧熟练掌握“库”面板的使用方法任务一 制作“希望小学”场景任务目标利用库中的图片素材，制作“希
望小学”场景，通过本例了解素材的类型并掌握调用素材制作动画的方法与技巧，完成后的最终效果如图所示。希望小学场景任务一 制作“希望
小学”场景操作思路（1）导入图片素材。（2）将库中的图片素材按照先后顺序放入到场景中，调整其大小和位置。制作希望小学场景的操作思路
操作一 Flash CS3的素材类型图片素材 图片素材主要指利用Flash CS3矢量绘制工具无法绘制和创建的位图图片，以
及导入到动画中的矢量图形，利用图片素材可以弥补动画在颜色过渡、画面精美程度以及笔触感觉等方面的不足之处。Flash CS3支持的图
片素材格式主要有.eps、.ai、.psd、.bmp、.emf、.gif、.jpg、.png、.swf和.wmf等格式。声音素材
声音素材是指所有被导入并应用到Flash动画中，为动画提供音效和背景音乐的音频文件。Flash CS3支持的音频格式主要有：
wav、mp3、aif、au、asf和wmv等格式。视频素材 视频素材是指被导入并应用到动画中的各类视频文件，利用视频素材可
以为Flash动画提供Flash CS3无法制作的视频播放效果，以增加其表现内容和动画的丰富程度。Flash CS3支持的视频格式
主要有mov、avi、mpg、mpeg、dv、dvi和flv等格式。操作二 导入并应用素材（1）新建大小为500像素×400像素
，背景颜色为白色，帧频为30fps的Flash文档。（2）选择【文件】→【导入】→【导入到库】菜单命令，将“蓝天.jpg”、“草地
.png”、“树.png”、“希望之花.png”、“学校.png”、“学校2.png”图片素材导入到库中。（3）此时在“库”面板中
将看到导入的全部素材，如所示。“库”面板中的素材操作三 编辑场景位（1）将图层1重命名为“autumn”，在“库”面板中将“蓝天
.jpg”图片素材拖动到场景中，调整大小使其刚好覆盖整个场景，如图所示的位置。（2）在“库”面板中选择要调用的元件或素材，按住鼠标
左键将选择的元件或素材向舞台中拖动，将其拖动到舞台的适当位置后，释放鼠标即可。（3）将“库”面板中将“树.png”图片素材拖动到场
景中，调整大小并放置到如图所示的位置。 调整蓝天图片素材调整树图片素材操作三 编辑场景位（4）在“库”面板中将“学校2.p
ng”图片素材拖动到场景中，调整大小并放置到如图所示的位置。（5）在“库”面板中将“学校.png”图片素材拖动到场景中，调整大小并
放置到如图所示的位置。 放置学校2图片素材放置学校图片素材操作三 编辑场景位（6）在“库”面板中将“草地.png”图片素材
拖动到场景中，调整大小并放置到如图所示的位置。（7）在“库”面板中将“希望之花.png”图片素材拖动到场景中，调整大小并放置到如图
所示的位置。（8）按“Ctrl+S”键将该文档保存为“编辑希望小学场景.fla”。 放置草地图片素材放置希望之花图片素材学习
与探究应用声音素材通过“库”面板应用：将声音素材导入后，在时间轴中选择需要添加声音的关键帧，然后在“库”面板中选择声音素材，按住鼠
标左键将其拖动到场景中，即可将声音素材应用到该关键帧中。通过“属性”面板应用：将声音素材导入后，在时间轴面板中选择需要添加声音的关
键帧，在“属性”面板中单击“声音”下拉列表框中的 按钮，在弹出的列表中选中要添加的声音素材，如图所示，即可将声音素材应用到选
择的关键帧中。通过“属性”面板调用声音学习与探究编辑声音素材（1）将声音素材应用到场景后，选中声音素材所在的关键帧，然后在“属性”
面板中单击 “编辑”按钮，打开“编辑封套”对话框。（2）在“编辑封套”对话框中显示了声音的波形，其中位于上方和下方的波形分别代表声
音的左右声道，在两个声道波形之间的标尺表示声音的长度，如图所示。“编辑封套”对话框学习与探究（3）拖动标尺中的滑块可以设定声音的起
始位置，拖动音量控制线的位置，可以调整左右声道中声音的音量大小（音量控制线的位置越低，该声道的音量越小），在音量控制线上单击鼠标左
键，增加控制句柄，通过调节句柄位置，可对音量的起伏进行更细致调节。（4）若只需对音量大小进行淡入或淡出等编辑，可在对话框中单击“效
果”下拉列表框中的 按钮，在弹出的列表中选择一种音量控制效果，如果选择了特定的音量控制效果，则会将用户自定义的音量控制设置
覆盖。（5）对声音进行适当编辑后，单击对话框中的 按钮预览编辑效果。若编辑无误，单击“确定”按钮确认对声音的编辑，并关闭“编辑封套
”对话框。学习与探究设置声音的播放属性事件：将声音作为事件处理。当动画播放到声音所在关键帧时，将声音作为事件音频独立存在于时间轴上
播放，即使动画停止，声音也将继续播放直至播放完毕。开始：当播放到声音所在的关键帧时，开始播放该声音。停止：停止播放指定的声音。数据
流：Flash自动调整动画和音频，使其同步播放，在输出动画时，数据流式音频将混合在动画中一起输出。学习与探究导入视频素材（1）选择
【文件】→【导入】→【导入视频】菜单命令，打开“导入视频”对话框的“选择视频”页面，如图所示，选中“在您的计算机上”单选项后单击“
浏览”按钮。“选择视频”页面学习与探究（2）在“打开”对话框中选择视频素材所在的路径，选中要导入的视频文件，单击“打开”按钮，返回
“选择视频”页面。（3）此时该页面中列出了视频文件的路径和名称，单击“下一个”按钮进入“部署”页面，如图所示。在该页面中选择相应单
选项后单击“下一个”按钮。“部署”页面学习与探究（4）打开如图所示页面，在“符号类型”列表框中选择相应的选项，主要包括“嵌入的视频
”、“影片剪辑”和“图形”3个选项。选择“嵌入的视频”选项，Flash CS3会将视频素材作为视频处理，选择“影片剪辑”和“图形”
选项，则将视频素材作为元件处理。在“音频轨道”列表框中选择“集成”选项，然后选中“嵌入整个视频”单选项。“嵌入”页面学习与探究（5
）单击“下一个”按钮进入如图所示的“编码”页面，使用鼠标拖动 滑块对视频进行预览。“编码”页面学习与探究（6）若对Fl
ash CS3提供的视频编码配置文件不满意，可通过“视频”、“音频”和“裁切与调整大小”选项卡，对视频的编码器、品质、音频格式和数
据速率以及视频大小进行设置。单击“下一个”按钮。（7）在“完成视频导入”页面中，单击“完成”按钮，将打开如图4-16所示的“Fla
sh视频编码进度”对话框，在该对话框中列出了视频文件的路径、编解码器、音频数据速率以及预计处理时间等信息，并显示出当前的视频导入进
度。（8）当进度条完成后，视频素材就被导入到Flash中。“Flash视频编码进度”对话框学习与探究在“部署”页面中各视频部署方式
的具体功能及含义如下：“从Web服务器渐进式下载”单选项：使用这种视频部署方式，用户可以首先把视频文件上传到相应的Web服务器上，
然后通过渐进式的视频传递方式，在Flash中使用HTTP视频流播放该视频。这种方式需要Flash Player 7或更高的播放器版
本的支持。“以数据流的方式从Flash视频数据流服务传输”单选项：使用这种视频部署方式，用户需要拥有支持Flash Communi
cation Server服务的服务商提供账户，并将视频上传到该账户中，然后才能使用这种方式配置视频组件并播放视频。这种方式需要F
lash Player 7及以上播放器版本的支持。“以数据流的方式从Flash Media Server传输”单选项：使用这种视频
部署方式，用户可以将视频上传到托管的Flash Communication Server中，然后该方式会转换用户导入的视频文件，并
配置相应的视频组件以播放视频。这种方式需要Flash Player 7或更高的播放器版本的支持。学习与探究“作为在SWF中绑定的移
动设备视频”单选项：使用这种视频部署方式，可以将视频导入，并将其作为与SWF绑定的移动设备中的视频使用。“在SWF中嵌入视频并在时
间轴上播放”单选项：使用这种视频部署方式，可将视频文件嵌入到Flash动画中，并使视频与动画的其他元素同步。这种方式会增加文件的大
小，通常只应用于短小的视频文件。“用于发布到QuickTime的已链接的QuickTime视频”单选项：这种视频部署方式需要电脑中
安装了QuickTime才能应用，这种方式可以将发布到QuickTimer的QuickTime视频文件链接到Flash动画中。学习
与探究编辑视频素材调整视频基本属性：在Flash CS3中利用选择工具和任意变形工具，可对视频在舞台中的位置、大小和倾斜以及旋转等
属性进行调整，调整方法与利用任意变形工具调整图片素材的方法类似。调整视频播放长度：如果在动画中只需播放视频的前半部分，可在时间轴中
选中超过所需视频长度的所有帧，然后将其删除即可，使用这种方法，无论删除视频所对应帧中的任何一部分，其结果都是去掉视频中多于帧长度的
部分。任务二 制作家庭影院任务目标利用库中的图片素材和新建的元件，制作“家庭影院”动画，通过本例掌握库的灵活使用以及制作各种元件
的方法与技巧，完成后的最终效果如图所示。家庭影院任务二 制作家庭影院操作思路（1）导入图片及视频素材。（2）制作按钮元件和影片剪
辑元件。（3）在场景中适当位置处放置图片、视频素材和按钮元件以及影片剪辑元件，并对元件进行相应设置后添加播放语句。制作家庭影院的操
作思路操作一 导入素材并制作元件（1）新建大小为550像素×400像素，背景颜色为白色，帧频为12fps，名为“家庭影院.fla
”的Flash文档。（2）选择【文件】→【导入】→【导入到库】菜单命令，分别将“家庭影院.jpg”、“动画短片.avi”素材导入到
库中。（3）选择【插入】→【新建元件】菜单命令，在打开的对话框中进行如图所示的设置，单击“确定”按钮。“创建新元件”对话框操作一
导入素材并制作元件（4）在“播放”按钮场景的“弹起”帧中单击工具箱中的 按钮，选中椭圆工具按钮，在场景中央绘制一个填充色
为浅灰的正圆。（5）然后选中多角星形工具，利用相同方法在正圆中央绘制填充色为蓝色的三角形，得到如图所示效果。绘制按钮操作一 导入
素材并制作元件（6）在“点击”帧处单击鼠标右键，在打开的快捷菜单中选择“插入帧”命令。（7）选择【插入】→【新建元件】菜单命令，在
打开的“创建新元件”对话框的“名称”文本框中输入“动画”文本，在“类型”栏下选中“影片剪辑”单选按钮，单击“确定”按钮。（8）将“
库”面板中的“IceClimbing.avi”拖动到“动画”影片剪辑场景中央，此时系统将弹出如图所示的提示对话框，单击“是”按钮。
系统提示对话框操作一 导入素材并制作元件（9）在该场景中新建图层2，并在第1帧处按“F9”键，在打开的“动作-帧”面板中输入如图
所示的脚本语句。（10）在该图层第2帧处插入普通帧。即可创建完毕。输入语句操作二 编辑场景（1）单击“场景1”按钮，返回主场景，
将图层1重命名为“背景”图层。（2）将“库”面板中的“家庭影院.jpg”拖动到场景中央，调整其大小使其覆盖整个场景，得到如图所示效
果。（3）新建“动画”图层，将“库”面板中的“动画”影片剪辑拖到场景中，调整其大小和位置，得到如图所示效果。 设置背景放置影片剪
辑元件操作二 编辑场景（4）新建“播放”图层，将“库”面板中的“播放”按钮拖到场景中最下方的位置，得到如图所示的效果。放置按钮元
件操作二 编辑场景（5）然后在该图层第1帧处按“F9”键，在打开的“动作-帧”面板中输入如图所示的脚本语句。 输入语句操作二
编辑场景（6）按“Ctrl+S”键保存该动画，至此完成动画的创建，其时间轴状态如图所示，按“Ctrl+Enter”键后单击“播放”
按钮即可预览创建的动画效果。时间轴状态学习与探究Flash CS3的元件类型图形元件 ：图形元件主要用于创建动画中可反复使用的图形
，图形元件中的内容可以是静止的图片，也可以是由多个帧组成的动画。影片剪辑元件 ：影片剪辑元件通常用于创建动画片段，影片剪辑调用到主
动画中时，影片剪辑中的动画片段可独立于主动画进行播放。在Flash CS3中可对影片剪辑元件添加ActionScript脚本，使其
呈现出更丰富的效果。按钮元件 ：按钮元件主要用于创建动画中的各类按钮，用于响应鼠标的滑过、单击等操作。通过为按钮元件添加Actio
nScript脚本，可以使其具备特定的交互效果。学习与探究元件的混合模式（1）在舞台中将要添加混合模式的影片剪辑，放置到要叠加的图
形上方或下方。（2）选择影片剪辑，在“属性”面板中单击“混合”下拉列表框，在打开的列表中选择一种混合模式即可。Flash CS3中
提供了14种混合模式，各模式的具体功能和含义如下：一般：正常模式，即没有应用混合模式的效果。变暗：用于替换元件中比混合颜色亮的颜色
区域，比混合颜色暗的区域不变。图层：用于层叠各元件，且不影响元件的颜色。色彩增殖：用于将叠加对象的颜色混合，从而产生较暗的颜色。变
亮：用于替换比混合颜色暗的像素，比混合颜色亮的像素颜色不变。学习与探究叠加：用于对色彩进行增值或滤色，具体情况取决于对象的基准颜色
。荧幕：用于将混合颜色的反色与基准颜色混色，从而产生漂白颜色的效果。强光：用于对色彩进行增值或滤色，类似于用点光源照射对象的效果，
具体情况取决于对象的混合颜色。增加：用于将叠加对象中相同的颜色相加，从而产生同一颜色加深的效果。减去：用于将叠加对象中相同的颜色相
减，从而产生除去该颜色后的效果。差异暗：用于从对象的基准颜色中减去混合的颜色，或从混合的颜色减去基准颜色，该效果类似于彩色底片，具
体情况取决于对象中亮度值较大的颜色反转：用于获得对象基准颜色的反色。Alpha：用于为对象应用透明效果。擦除：用于删除对象中所有基
准颜色像素，包括背景图像中的基准颜色像素学习与探究“库”面板简介 在Flash CS3中，“库”面板位于默认工作界面的右下角，
（如果没有打开“库”面板，可选择【窗口】→【库】菜单命令或按“Ctrl+L”键打开“库”面板。在“库”面板中的各按钮功能及含义如下
： ：用于固定当前选定的库。 ：用于新建一个“库”面板。 ：用于改变“库”面板中元件和素材的排列顺序。
：用于展开“库”面板，以便显示元件和素材的名称、类型、使用次数和最后一次改动的时间等详细信息。学习与探究 ：用于将展
开的“库”面板恢复到原大小。 ：用于打开“创建新元件”对话框，创建新的元件。 ：用于在“库”面板中新建文件夹，对元
件和素材进行分类和管理。 ：用于查看选中元件或素材的属性。 ：用于删除选中的元件、素材或文件夹。学习与探究更改元件
属性（1）在“库”面板中选中要修改属性的元件，然后单击 按钮。打开“元件属性”对话框。（2）在“名称”文本框中输入元件的新名称，在
“类型”栏中选中要更改的类型单选项。（3）在“元件属性”对话框中单击“高级”按钮，将打开“链接”和“源”栏（如图所示），在其中可为
元件添加链接等高级属性，以便Action脚本调用该元件。更改元件属性学习与探究（4）在“元件属性”对话框中单击“编辑”按钮，可直接
进入元件的编辑界面对其进行编辑。单击“确定”按钮即可完成对元件属性的修改。学习与探究利用文件夹管理元件和素材（1）单击“库”面板中
按钮，新建一个文件夹，并将其重新命名。（2）选择要放置到文件夹中的元件或素材，按住鼠标左键将该元件拖动到文件夹中。（3）利用相同
的方法，将其他需要放置的元件和素材拖动到该文件夹中。在放置元件和素材后，双击文件夹，即可看到文件夹中放置的项目。（4）通过新建不同
名称的文件夹，并将不同类型和用途的元件和素材放置到相应的文件夹中，即可对这些元件和素材进行分类管理。（5）对于动画文档中不再需要的
元件、素材和文件夹，可在“库”面板中选中要删除的元件、素材或文件夹，然后单击面板中的 按钮即可。以便更为有效地利用动画中的资源。学
习与探究公用库简介Flash CS3中的公用库主要有学习交互、按钮和类3种，通过选择【窗口】→【公用库】菜单命令下的相应命令，即可打开相应的公用库，如图所示。 “学习交互”公用库“按钮”公用库“类”公用库实训一 制作“液晶显示器”动画实训目标利用前面所学的相关知识，制作如图所示动画，液晶显示器实训一 制作“液晶显示器”动画实训分析（1）新建文档，将场景大小设置为400像素×300像素，背景设置为白色，帧频为12fps。（2）在“库”面板中导入图片和视频素材。（3）调用图片素材到场景中，将视频素材拖动到场景中调整其大小即可。制作液晶显示器的操作思路实训二 制作“公园一角”动画实训目标利用本模块所学知识制作如图所示的公园一角动画。公园一角实训二 制作“公园一角”动画实训分析（1）新建文档，将场景大小设置为400像素×225像素，背景设置为白色，帧频为12fps。（2）导入素材到库，新建“风标”影片剪辑元件并制作风标旋转动作补间动画。（3）将背景图片和“风标”影片剪辑元件放置到场景中适当位置。制作公园一角的操作思路 |
|
