资源简介

项目4 多媒体素材的应用
一、教学目标
1.掌握Flash中图像素材的应用；
2.掌握Flash中声音素材的应用；
3.了解Flash中视频素材的应用。
二、课时分配
本项目共3个任务，安排2课时。
三、教学重点
本章介绍在Flash动画导入图像素材、声音和视频的方法。图像可以导入到库或舞台，也可以将导入的位图转换为矢量图。声音可以添加到时间轴的关键帧上，有“事件”、“开始”、“停止”、“数据流”等多种同步方式，要根据影片需要进行选择。学会在动画中使用图像、声音、视频等多媒体文件，可以使创建的Flash动画更加丰富多彩。
四、教学难点
1.学会导入外部图像、音频、视频等素材。
2.掌握图像之间的转换。
3.熟练运用音频及视频技术。
五、教学内容
任务一 图像素材的应用
在欣赏动画时，会看到动画中有好多漂亮的图片，而在动画创作过程中，有些图片还会反复的使用，这些图片都是由一些图像素材编辑而来的。本任务主要介绍如何在动画中使用图像素材。
（一）图像素材的格式
Flash CS5可以导入各种文件格式的矢量图形和位图。矢量格式包括FreeHand文件、Illustrator文件、EPS文件和PDF文件，位图格式包括JPEG、GIF、PNG、BMP等格式。
（1） FreeHand文件：在Flash中导入FreeHand文件时，可以保留层、文本块、库元件和页面，还可以选择要导入的页面范围。
（2）Illustrator文件：此文件支持曲线、线条样式和填充信息的精确转换。
（3）EPS文件或PDF文件：可以导入任何版本的EPS文件及1.4版本或更低版本的PDF文件。
（4）JPEG格式：最常用的，可以应用不同的压缩比例对文件进行压缩。压缩后，文件质量损失小，文件数据量大大降低。
（5）GIF格式：即位图交换格式，是一种256色的位图格式，压缩率略低于JPEG格式。
（6）PNG格式：能把位图文件压缩到极限以利于网络传输，能保留所有与位图品质有关的信息。
（7）BMP格式：在Windows环境下使用最为广泛，而且使用时极少出问题。
（二）导入图像素材
Flash CS5可以识别多种不同的位图和向量图的文件格式，可以通过导入或粘贴的方法将素材导入Flash CS5中。
1.处理导入的位图
将位图导入Flash时，该位图可修改，并可用各种方式在Flash文档中使用。
在舞台上选择位图后，“属性”检查器会显示该位图的元件名称、像素尺寸及其在舞台上的位置。使用“属性”检查器，可以交换位图实例。即用当前文档中的其他位图的实例替换该实例。
2.导入图像素材
（1)导入到舞台
①当导入位图到舞台上时，舞台上显示出该位图，位图同时被保存在“库”面板中。
选择“文件→导入→导入到舞台”命令，弹出“导入”对话框，在对话框中选中要导入的位图图片，单击“打开”按钮，弹出提示对话框，当单击“否”按钮时，选择的位图图片被导入到舞台上。
②导入矢量图到舞台：当导入矢量图到舞台上时，舞台上显示该矢量图，但矢量图并不会被保存到“库”面板中。
选择“文件→导入→导入到舞台”命令，弹出“导入”对话框，在对话框中选中需要的文件，单击“打开”按钮，弹出“将图片导入到舞台”对话框，单击“确定”按钮，矢量图被导入到舞台上。此时，查看“库”面板，并没有保存矢量图。
（2）导入到库
①导入位图到库：当导入位图到“库”面板时，舞台上不显示该位图，只在“库”面板中进行显示。选择“文件”→“导入”→“导入到库”命令，弹出“导入到库”对话框，在对话框中选中文件，单击“打开”按钮，位图被导入到“库”面板中。
②导入矢量图到库：当导入矢量图到“库”面板时，舞台上不显示该矢量图，只在“库”面板中进行显示。方法同“导入位图到库”。
3.外部粘贴
可以将其他程序或文档中的位图粘贴到Flash的舞台中，其方法为：在其他程序或文档中复制图像，选中Flash CS5文档，按Ctrl＋Ｖ组合键，将复制的图像进行粘贴，图像出现在Flash CS5文档的舞台中。
（三）设置导入位图属性
可以对导入的位图应用消除锯齿功能，平滑图像的边缘；也可以选择压缩选项以减小位图文件的大小，以及格式化文件以便在Web上显示。在“库”面板中双击位图图标，弹出“位图属性”对话框，如图4-1所示。
（1）位图浏览区域：对话框的左侧为位图浏览区域，将鼠标指针放置在此区域，指针变为手形时，拖动鼠标可移动区域中的位图。
（2）位图名称编辑区域：对话框的上方为名称编辑区，可在此更换位图名称。
（3）位图基本情况区域：名称编辑区域下方为基本情况区域，该区域显示了位图的创建日期、文件大小、像素位数及位图在计算机中的具体位置。
（4）“允许平滑”选项：利用消除锯齿功能平滑位图边缘。
（5）“压缩”选项：设定通过何种方式压缩图像，它包含以下两种方式 （“照片（JPEG）”与“无损（PNG／GIF）”）。
（6）“更新”按钮：若此图片在其他文件中被更改了，单击此按钮进行刷新。
（7）“导入”按钮：可以导入新的位图，替换原有的位图。单击此按钮，弹出“导入位图”对话框，在对话框中选中要进行替换的位图，单击“打开”按钮，原有位图被替换。
（8）“测试”按钮：单击此按钮可以预览文件压缩后的结果在“自定义”选项的数值框中输入数值，如图4-2所示。单击“测试”按钮，在对话框左侧的位图浏览区域中，可以观察压缩后的位图质量效果。“自定义”选项的数值框中输入数值的范围为0~100。
还可以通过“库”面板的属性按钮进行属性的设置。在“库”面板中选择一个位图，然后单击“库”面板底部的“属性”按钮，或者右击选择“属性”，也可打开“位图属性”对话框。
（四）将位图转换为图形
使用Flash CS5可以将位图分离为可编辑的图形，位图仍然保留它原来的细节。分离位图后，可以使用绘画工具和涂色工具来选择和修改位图的区域。
在舞台中导入位图。选中位图，选择“修改”→“分离”命令，将位图打散，如图4-3所示。
对打散分离后的位图进行编辑，具体操作步骤如下。
（1）选择刷子工具，在位图上进行绘制。显示效果如图4-4所示。未分离图形，绘制线条后，线条将在位图的下方显示，如图4-4（a）所示。
（2）选择选择工具，直接在打散后的图形上拖动，改变图形形状或删减图形，如图4-5所示。
（3）选择橡皮擦工具，擦除图形。选择墨水瓶工具，为图形添加外边框，如图4-6所示。
（4）选择套索工具，选中工具箱下方的“魔术棒”按钮，在图形的蓝色上单击鼠标，将图形上的蓝色部分选中如图4-7（a）所示，按Delete键，删除选中的图形，结果如图4-7（b）所示。
将位图转换为图形后，图形不再链接到“库”面板中的位图组件。也就是说，当修改打散后的图形时不会对“库”面板中相应的位图组件产生影响。
（五）将位图转换为矢量图
（1）位图转换为矢量图的方法如下。
选中位图，如图4-8所示，选择“修改”→“位图”→“转换位图为矢量图”命令，弹出“转换位图为矢量图”对话框，设置数值后，单击“确定”按钮，位图转换为矢量图。如图4-10所示。
“转换位图为矢量图”对话框中各选项含义。
①“颜色阈值”选项：设置将位图转化为矢量图形时的色彩细节。数值的输入范围为0~500，该值越大，图像越清晰。
②“最小区域”选项：设置将位图转化成矢量图形时色块的大小。数值的输入范围为0~1000，该值越大，色块越大。
③“角阈值”选项：定义角转化的精细程度。
④“曲线拟合”选项：设置在转换过程中对色块处理的清晰度。图形转化时边缘越光滑，对原图像细节的失真程度越高。
（2）用颜料桶工具进行重新填色。
将位图转换为矢量图形后，选择颜料桶工具，将填充颜色设置为黄色，在图形的背景区域单击，将背景区域填充为黄色。
（3）用吸管工具采样图形并填充。
将位图转换为矢量图形后，选择吸管工具，在绿色的叶子上单击，吸取绿色的色彩值，吸取后，光标变为颜料桶，在蓝色背景上单击，用绿色进行填充，将蓝色区域全部转换为绿色。
任务二 音频素材的使用
在动画制作过程中，为了使动画变得形象生动、有声有色，通常还需要在影片中添加声音，从而制作出有声影片。本任务介绍如何在Flash影片中加入声音。
（一）Flash CS5的声音类型
Flash中有两种声音类型：事件声音和音频流。
事件声音必须全部下载后才能开始播放。而音频流在下载了足够的数据后就开始播放；音频流要与时间轴同步以便在网站上播放。
（二）为动画添加声音
Flash CS5中声音文件是指在制作Flash动画时先将声音文件导入到Flash文件的库中，再从库中添加到舞台中。导入方法如下：
选择“文件”→“导入”→“导入到库”命令，在“导入到库”对话框中选择声音文件，单击“打开”按钮，将声音文件导入到“库”面板中，创建新的图层并重命名为“声音”，作为放置声音文件的图层。在“库”面板中选中声音文件，按住鼠标左键，将其拖动到舞台窗口中，如图4-11所示。
松开左键，在“声音”图层中出现声音文件的波形。声音添加完成，按Ctrl＋Enter组合键，可以测试添加效果。
当添加声音后，可以选择包含声音的某一帧，在舞台右侧的“属性”面板中可以设置声音的属性。
1.“效果”属性
“属性”面板中的“声音”一栏可以设置“效果”属性。打开“效果”对应的下拉菜单，可以设置以下8种声音效果：
无：表示不应用任何声音效果。
左声道：表示只在左声道播放声音。
右声道：表示只在右声道播放声音。
向右淡出：表示左声道声音由大到小，同时右声道声音由小到大。
向左淡出：表示右声道声音由大到小，同时左声道声音由小到大。
淡入：表示声音随时间由小到大。
淡出：表示声音随时间由大到小。
自定义：选择“自定义”效果，弹出“编辑封套”对话框，其中上面的坐标系表示左声道的声音效果，下面的坐标系表示右声道的声音效果。在坐标系中，横坐标表示时间，纵坐标表示某一时刻该声道的音量大小。动画开发人员可以通过编辑坐标系内的曲线得到想要的效果。
2.“同步”属性
事件：将声音和一个事件的发生过程同步起来。事件声音（如用户单击按钮时播放的声音）在显示其起始关键帧是播放，并独立于时间轴完整播放，即使SWF文件停止播放也会继续。当播放发布的SWF文件时，事件声音会混合在一起。
停止：如果放置声音的帧不是主时间轴中的第1帧，则选择“停止”选项。停止使指定的帧使用静音。
开始：与事件声音功能相似，不同之处在于如果所选择的声音实例已经在时间轴上的其他地方播放过了，Flash将不会再播放这个实例。
停止：当声音被设置为“停止”属性时，该声音不会被播放。
数据流：数据流与事件刚好相反，数据被强制与帧同步。
3.“重复/循环”属性
重复：声音重复播放指定的次数(重复次数在该属性选项的后面，可修改)。
循环：声音无限次重复。
（三）为按钮添加声音
选择“窗口”→“公用库”命令，打开“按钮”对话框选择一个按钮，单击“buttons tube double”按钮。将按钮拖放到“库”面板中，双击“tube double blue”按钮，进入“tube double blue”的舞台编辑窗口。选择“文件”→“导入”→“导入到舞台”命令，在“导入”对话框中选择声音文件，单击“打开”按钮，将声音文件导入到“库”面板中。
创建新的图层——“图层2”作为放置声音文件的图层，选中“指针”帧，按F6键，插入关键帧，并将声音文件拖入舞台。
在“按下”帧中插入空白关键帧，在“指针”帧中出现声音文件的波形，这表示动画开始播放后，当鼠标指针经过按钮时，按钮将响应音效。按钮音效添加完成，按Ctrl＋Enter组合键，可以测试添加效果。
任务三 视频素材的使用
在Flash CS5中，可以导入外部的视频素材并将其应用到动画作品中，也可以根据需要导入不同格式的视频素材并设置视频素材的属性。本任务主要介绍如何在Flash CS5中使用视频素材。
（一）视频素材的格式
要在Flash中使用视频，需要了解以下信息。
（1）Flash仅可以播放特定视频格式。这些视频格式包括FLV、F4V、MOV（QuickTime影片）、AVI（音频视频交叉文件）和MPG、MPEG（运动图像专家组文件）视频。
（2）使用单独的Adobe Media Encoder应用程序（Flash附带）将其他视频格式转换为FLV和F4V。
（3）将视频添加到Flash中有多种方法，在不同情形下各有优点。
（4）Flash包含一个视频导入向导，在选择“文件”→“导入”→“导入视频”命令时会打开该向导。
（5）使用FLV PlayBack组件是在Flash文件中快速播放视频的最简单方法。
（二）导入视频素材
Macromedia Flash Video（FLV）文件可以导入或导出带编码音频的静态视频流。适用于通信应用程序，如视频会议或包含从Flash Media Server中导出的屏幕共享编码数据的文件。
要导入FLV格式的文件，可以选择“文件”→“导入”→“导入到舞台”命令。在弹出的“导入”对话框中选择要导入的FLV影片文件，单击“打开”按钮，弹出“选择视频”对话框，在对话框中点选“在SWF中嵌入FLV并在时间轴中播放”选项,单击“下一步”按钮。
进入“在SWF中嵌入FLV并在时间轴中播放”对话框，单击“下一步”按钮，弹出“完成视频导入”对话框，单击“完成”按钮，完成视频的编辑。
（三）视频的属性
在“属性”面板中可以更改导入视频的属性。选中视频，选择“窗口”→“属性”命令，弹出视频“属性”面板，如图4-21所示。
（1）“实例名称”选项：可以设定嵌入视频的名称。
（2）“宽”、“高”选项：可以设定视频的宽度和高度。
（3）“Ｘ”、“Ｙ”选项：可以设定视频在场景中的位置。
（4）“交换”按钮：单击此按钮，弹出“交换视频”对话框，可以将视频剪辑与另一个视频剪辑交换。
六、上机实战
【例4-1】玫瑰
（1）新建一个Flash文档，命名为“玫瑰.fla”。
（2）选择“矩形工具”，执行“窗口”→“属性”，打开“属性”面板，在“属性面板”中设置“笔触颜色”为无色。
（3）执行“窗口”→“颜色”，打开“颜色”面板，设置填充色为蓝色和白色的线性渐变。
（4）在舞台上方绘制一个与舞台同宽的矩形，选择“渐变变形工具”，对绘制的矩形进行填充，填充上面颜色深，下面颜色浅。
（5）选择铅笔工具，在舞台下方绘制草地，绘制后背景效果如图4-23所示。
（6）新建图层2，命名为“太阳”，在图层2第1帧舞台右上角使用红色绘制一个圆。选定圆，在“属性”面板中设置宽、高均为1像素。
（7）在图层2第40帧插入空白关键帧，在第40帧舞台右上角绘制一个圆。选定圆，在“属性”面板中设置宽、高均为85像素，设置填充色为红色到黄色放射状渐变。选择圆，执行“修改”→“形状”→“柔化填充边缘”命令，在“柔化填充边缘”对话框中设置距离为50像素，步骤为20，方向为扩展，完成太阳绘制，如图4-24所示。
（8）右击图层2第1帧，在弹出的快捷菜单中执行“创建补间形状”命令，制作太阳逐渐发光的形状补间动画。
（9）执行“文件”→“导入”→“导入到库”，将素材玫瑰1～玫瑰11和葫芦丝.MP3导入到库。
（10）新建一影片剪辑元件，命名为“玫瑰”，将玫瑰1～玫瑰11分别导入到图层1的第1帧～第11帧。
（11）单击“时间轴”面板下方的“编辑多个帧”按钮，将图纸外观标记范围设置为第1～11帧。使用“选择工具”选择第1～第11帧中的所有玫瑰花，将花移动到同一位置，如图4-25所示。
在第1～11帧每两个关键帧之间插入两个帧，完成玫瑰花从第1帧开始逐渐开放的动画，如图4-26所示。
（13）新建一皮影剪辑元件，命名为“盛开的玫瑰”，将“玫瑰”影片剪辑元件拖入舞台。
（14）新建图层2、图层3、图层4，每层分别拖入一个“玫瑰”影片剪辑元件，并调整四朵玫瑰的大小和位置，如图4-27所示。
（15）返回场景1，新建图层3，命名为“玫瑰”，在图层3第44帧处插入关键帧，将“盛开的玫瑰”拖入舞台。
（16）新建图层4，命名为“音乐”，选择图层4第1帧，将葫芦丝.MP3拖入舞台，并打开“属性面板”，设置其声音参数。
（17）在图层1、图层2、图层3、图层4的第100帧处分别插入帧。
（18）保存并测试动画，“玫瑰”动画效果如图4-29所示。
PAGE

展开更多......

收起↑