《课素材的使用》PPT课件.ppt

1、第六课 素材的使用,课前导读 课堂讲解 上机实战 课后练习,课前导读,基础知识 重点知识 提高知识,基础知识,素材的类型及获取方法，这是制作动画的基础。读者应认真阅读并理解它们的作用。,重点知识,各种素材的调用方法和编辑素材的方法。读者应仔细阅读相关部分并结合上机实战练习和掌握。,提高知识,导出图像的方法。初学者可暂时不学，待有一定的基础后再学习。,课堂讲解,什么是素材 素材的调用 编辑素材,在欣赏Flash动画时，会看到各种漂亮的图片，听到各种各样的声音，在创作动画的过程中也会经常重复使用一些图片、声音、动画片断等。这些图片和声音都是由图片和声音等素材编辑而来的。学会如何获取素材以及有效地利

2、用素材是制作优秀动画作品的重要前提，这样不但可以节省时间，提高工作效率，还可以在一定程度上提高动画作品的质量，优化动画的设计过程。,什么是素材,素材的类型 素材的获取,Flash MX 2004对其他软件作品具有很强的兼容性，因此在制作动画时可以引用很多常见类型的文件，如位图、矢量图、MP3、WAV音乐文件等。引用的这些文件就称为素材。,素材的类型,根据素材的属性和作用的不同，可将素材分为图像素材、视频素材和声音素材几种。,图像素材 在Flash MX 2004中，可以导入的图片格式有JPG、GIF、BMP、WMF、EPS、DXF、EMF、PNG等。通常情况下，推荐使用矢量图形，如WMF、EP

3、S等格式的文件。,根据图像显示原理的不同，图形可以分为位图和矢量图。 位图：是指用点来描述的图形，其中包括的每个点可以独立显示出不同的色彩。如JPG、BMP和PNG等格式的图像都是位图。 矢量图：是指用矢量化元素描绘的图形，它由矢量线条和填充色块组成。如在Flash中用绘制的图形都是矢量图，另外，EPS和WMF等格式的图像也是矢量图。,在Flash中判断位图和矢量图的方法很简单：用选择工具选中位图后，位图周围会出现一个花边框，效果如图6-1所示；选中矢量图后，图形以点的形式显示，如图6-2所示。,图6-1,图6-2,矢量图和位图的区别如下。 位图的文件大小由图形尺寸和色彩深度来决定；而矢量图的

4、文件大小只与图形的复杂程度有关，与图形的尺寸和色彩无关。 位图的尺寸大小会严重影响图形的显示效果，如果将位图无限放大，会使点与点之间的间距增大，导致图片模糊甚至变形，如图6-3所示为位图放大前后的对比效果；而矢量图的尺寸大小不会影响图形的显示效果，我们可以将矢量图无限放大，而不会变得粗糙，如图6-4所示即为矢量图放大前后的对比效果。,图6-3,图6-4,一般来说，矢量图的文件大小比位图要小得多。因此制作Flash动画时建议读者尽量采用矢量图。,矢量图和位图各有利弊，在不同的情形下可使用不同的格式。 在制作动画时建议尽量采用矢量图，尤其是善于手工绘制的制作者，最好采用手工绘制，因为存储矢量图比存

5、储位图方便，且文件也更小。 如果对动画的真实感要求很高，最好使用位图，而且不要将其转换为矢量图，因为这样会损失大量的图像信息。,声音素材 Flash动画的美妙之处，不仅在于漂亮的画面，生动极富感染力的声音也是原因之一，在Flash MX 2004中可以引用的声音素材有MP3、WAV等格式，关于它们的具体使用方法将在第18课中详细讲解。,视频素材 直接调用一些本身就是动画的视频素材，可以极大地提高工作效率，优化设计过程。在Flash MX 2004中可以引用的视频素材包括MOV、MPEG、AVI格式的视频文件。,MOV：MOV是Apple公司开发的流媒体格式，许多游戏的片头动画都是MOV格式的。

6、,MPEG：MPEG是目前应用较广泛的视频格式，它不但画面质量清晰，而且数据量也比较小，因此受到广大用户的青睐，我们所看的VCD中就是采用的MPEG格式。 AVI：是Microsoft公司发布的音频视频交错格式，它的图像质量好、兼容性也不错，只是文件比较庞大，显得很雍肿，调用不方便。,素材的获取,初学者也许会问：“既然素材是制作动画必不可少的，那我怎样才能得到素材呢？”。通过以下一些途径可以获取不同类型的素材。,获取图像素材 从以下几个途径可以获取图像素材。,从光盘图库中获取。 从提供图像素材下载的网站下载。 通过扫描仪扫描图像。 从图像文件中提取图像。 从Flash作品中分离出所需的图像素材

7、。,建议读者在电脑上建立一个 “素材库”文件夹，在“素材库”下再建3个文件夹，分别命名为图像素材、声音素材和视频素材，将获取的素材分别放置在这3个文件夹下。以后便可直接调用了。,获取声音素材 从以下几个途径可以获取声音素材。,从光盘音乐库中获取。 从专门提供声音素材的网站下载。 通过录音机录制声音。 从声音文件中提取声音素材。 用专门的软件从Flash作品中分离出所需的声音素材。,获取视频素材 从以下几个途径可以获取视频素材。,从提供动画素材的网站下载。 使用专业软件将其他格式的素材文件转化为Flash支持的动画片段。 使用专门的软件在Flash作品中分离出动画素材。,素材的调用,导入图片素材

8、 导入声音素材 导入视频素材,素材的调用是制作Flash动画的基本技能，下面介绍如何将素材导入Flash动画中。,导入图片素材,在Flash中不但可以导入单张图片，还可同时导入多张图片，或者将连续的系列图片导入不同的帧中。,导入单张图片 导入单张图片的具体操作如下。 （1）选择文件导入导入到舞台菜单命令，打开“导入”对话框。 （2）在“查找范围”下拉列表框中选择图片所在的位置，在列表框中选中需要导入的一幅图片，如图6-5所示。,图6-5,（3）单击 按钮即可将图片导入到Flash场景中，如图6-6所示。,图6-6,如果要导入多张图片，可以在 “导入”对话框中按住【Ctrl】键选择多张图片，再单

9、击 按钮。,导入一个图片组 图片组是指一组格式相同，而且按顺序命名的图片，如花1.wmf、花2.wmf、花3.wmf、花4.wmf、花5.wmf在Flash中可以一次性导入一个图片组。,下面导入一组风景图片，其具体操作如下。 （1）选择文件导入导入到舞台菜单命令，打开“导入”对话框。 （2）在“查找范围”下拉列表框中选择图片组所在的位置，在列表框中选中需要导入的图片组中的第一幅图片，如图6-7所示。,图6-7,（3）单击 按钮，系统将打开如图6-8所示的提示框，询问是否导入图片组中的所有图片。,图6-8,（4）单击 按钮，将导入整个图片组，导入的图片在时间轴中按顺序排列成若干个帧，如图6-9所

10、示，按【Ctrl+Enter】键即可看到一个不断切换图片的动画。,图6-9,导入一个图片组和同时导入多个图片不同，在导入多张图片时，所有图片均放在同一帧中。而在导入图片组时，导入的图片放在连续的不同关键帧中。,导入声音素材,导入声音的具体操作如下。 （1）选择文件导入导入到舞台菜单命令，打开“导入”对话框。,（2）在“查找范围”下拉列表中选择声音文件所在的路径，列表框中将显示出该文件夹下的所有音频文件，如图6-10所示。 （3）选择需要导入的声音文件，单击 按钮即可。,图6-10,（4）按【F11】键打开“库”面板，在库中可以看到 图标，说明已成功导入声音文件， 图标后面的字符串就是导入的音频

11、文件名，如图6-11所示。 （5）单击“库”面板预览框中的 按钮可以测试该声音文件的声音效果。,图6-11,导入视频素材,各种视频素材的导入方法基本相同，下面以导入MPG格式的视频文件为例进行讲解。导入视频素材的具体操作如下。 （1）选择文件导入导入到舞台菜单命令，打开“导入”对话框。 （2）在“查找范围”下拉列表框中选择视频素材所在的位置，在列表框中选中需要导入的视频素材。,（3）单击 按钮，打开如图6-12所示的“视频导入向导”对话框，在其中选中 单选项。,图6-12,（4）单击 按钮，打开如图6-13所示的对话框，单击 按钮，Flash开始导入视频素材，如图6-14所示。,图6-13,图

12、6-14,（5）导入完成后，Flash MX 2004从第1帧开始出现视频中的各个画面。 （6）按【Ctrl+Enter】键即可播放整个视频文件，如图6-15所示。,图6-15,编辑素材,设置位图格式 将位图转换为矢量图 导出图像,这一节里提到的素材都是指图片，关于声音素材的编辑将在十八课讲解，这里不再详细介绍。,设置位图格式,Flash MX 2004中有一个“库”面板，主要用来放置导入的各种素材，不同格式的图片文件大小和图像质量均不相同，为了使Flash文件变小或提高动画质量，可以在素材库中为位图设置一定的格式。其具体操作如下。,（1）选择窗口库菜单命令，或直接按【F11】键，打开“库”面

13、板，其中包括了当前Flash文档中的所有素材和元件，如图6-16所示。,图6-16,（2）选中要设置格式的图片，用鼠标右键单击，在弹出的快捷菜单中选择“属性”命令，打开如图6-17所示的“位图属性”对话框。,图6-17,（3）在“位图属性”对话框中选中 复选框，使位图边缘变得更平滑。 （4）在“压缩”下拉列表框中选择需要的格式，其中包括照片（JPEG）和无损（PNG/GIF）两个选项。单击 按钮可以查看压缩结果，如图6-18所示。 （5）单击 按钮即可完成格式的转换。,图6-18,选择照片（JPEG）格式后图片会被损坏一部分，选择无损（PNG/GIF）选项可以调整压缩比，基本保证图像原有的质量

14、。对于具有复杂颜色和色调的复杂图形建议采用JPEG图片模式压缩；对一些比较简单的图形建议采用无损压缩。,将位图转换为矢量图,为了减小Flash文件的大小，常常需要将位图转换为矢量图。具体操作如下： （1）新建一个文件，在其中导入图片“人.jpg”，如图6-19所示。,图6-19,（2）选中导入的图片，选择修改位图转换位图为矢量图菜单命令，打开“转换位图为矢量图”对话框，如图6-20所示。,图6-20,（3）在“颜色阈值”文本框中输入颜色容差值，值越大，文件就越小，但颜色数目也越少，图片质量会下降，如图6-21和图6-22所示为“颜色阈值”分别设为200和20后的效果。,图6-22,图6-21,

15、（4）在“最小区域”文本框中输入像素值，数值范围为11000，以确定在转换为矢量图时归于同种颜色的区域所包含像素点的最小值。 （5）在“曲线拟合”下拉列表框中选择适当的选项，以确定转换后轮廓曲线的光滑程度。 （6）在“角阈值”下拉列表框中选择需要的选项，确定在转换时对边角的处理办法。,建议将“颜色阈值”设为“10”，“最小区域”设为“1”，“曲线拟合”设为“像素”，“角阈值”设为“较多转角”，这样，转换后的矢量图与原来的位图差别最小。,导出图像,素材的搜集除了用前面所讲的一些方法外，还可以自创。如自己绘制了一幅图像，如果想将它作为素材，可以通过导出图像来实现，其具体操作如下。 （1）新建一个文

16、件，在其中绘制一幅如图6-23所示的图像。,图6-23,（2）按【Ctrl+A】键选中整幅图形，选择文件导出导出图像菜单命令，打开“导出图像”对话框。 （3）在“保存在”下拉列表框中选择要保存的位置，在“文件名”文本框中输入文件名“树”，如图6-24所示。,图6-24,（4）在“保存类型”下拉列表框中选择需要的文件格式，建议选择矢量图的文件格式，默认情况下选择“Windows元文件（*.wmf）”。 （5）单击 按钮，即可将图像导出到设置的位置，以后就可以像调用素材那样直接调用了。,上机实战,导入一组序列图片 对导入的图片进行编辑,在Flash动画中，用得最多的素材是图片素材，因此本课将对图片

17、素材进行重点练习：一是通过导入一组序列图片来制作一个不断切换图片的逐帧动画，二是练习对图片素材的编辑操作。通过本课的练习，读者可深刻理解图片素材的作用，以及编辑图片素材的基本方法。对未练习到的声音素材和视频素材的使用，读者可结合课堂讲解自行练习（本节上机实战的素材可到http:/www.dx-下的【下载专区】【程序代码】中下载）。,导入一组序列图片,本次练习将导入一组小狗图片，体会导入一组序列图片的作用。如下。 （1）选择文件导入导入到舞台菜单命令，打开“导入”对话框。 （2）在“查找范围”下拉列表框中选择图片组所在的位置，在列表框中选中需要导入的图片组中的第一幅图片，如图6-25所示。,图6

18、-25,（3）单击 按钮，打开如图6-26所示的提示框，询问是否导入图片组中的所有图片。,图6-26,（4）单击 按钮，将导入整个图片组，导入的图片在时间轴中依次放置在连续的多个帧中，如图6-27所示，按【Ctrl+Enter】键即可看到一个不断切换图片的动画。,图6-27,对导入的图片进行编辑,本次练习将导入一张位图，将其缩至适当大小，并转换为矢量图，然后通过导出图像将其导出为素材。 （1）选择文件导入导入到舞台菜单命令，打开“导入”对话框。 （2）在“查找范围”下拉列表框中选择图片所在的位置，在列表框中选中需要导入的图片“猫.jpg”，单击 按钮，将其导入到舞台中，如图6-28所示。,图6-28,（3）单击任意变形工具 ，在“选项”区域中单击 按钮，将鼠标光标移至图片的任意一角上，当其变为双向箭头时按住鼠标左键再向内拖动，按比例缩小图片，如图6-29所示。,图6-29,（4）将图片拖放到舞台中间，选择修改位图转换位图为矢量图菜单命令，打开“转换位图为矢量图”对话框，在其中进行如图6-30所示的设置。,图6-30,（5）单击 按钮，系统将位图转换为矢量图，效果如图6-31所示。,图6-31,（6）按【Ctrl+A】键选中图片，选择文件导出