FALSH动画设计教案第七章共3课时

发布时间 : 星期六 文章FALSH动画设计教案第七章共3课时更新完毕开始阅读

计算机动画设计-----Flash8 城固职业中专-----高炜

第1课

第7章 外部文件的导入

7.1 导入图片文件

一.教学目的

理解图片文件的分类及其区别; 掌握导入图片的方法;

掌握将位图转换为矢量图的方法,理解其参数的设置; 掌握处理导入图片的方法。 二.教学重点

导入图片的方法;

将位图转换为矢量图的方法; 处理导入图片的方法。 处理导入图片的方法。

三.教学难点 四.教学过程 复习旧知

在第6章讲述了复杂Flash动画。主要内容包括场景、图层、元件实例和Action Script

等概念以及如何使用这些知识来制作复杂的动画。

讲授新课

一个精彩的动画需要用到大量的素材,素材在很大地程度上决定了动画的质量。在Flash中外部素材需要先导入到Flash的库中才能使用。Flash可以导入以下几种类型的外部文件:

图片文件:包括常见图片文件格式, JPEG 、BMP 、GIF等格式,还可以导入其它软件的成型作品,如freehand文件及fireworks 文件等。

声音文件:可以导入WAV格式和MP3格式的声音文件。

视频文件:可以导入它本身所生成的.SWF动画,还可以导入其它格式的视频文件,如:MOV、 GIF等。

7.1.1 图片文件的类型

图片从表示方法上可分为矢量图与位图,二者之间有本质的区别。 1.矢量图

矢量图是用数学方式描述的曲线及曲线围成的色块,它在计算机内部用一系列数值表示图形的形状、颜色等属性,这些数值按照一定的公式经过计算在屏幕上显示出图形。矢量图的这种保存图形信息的办法与图形的分辨率无关,无论放大或缩小多少倍,都有同样平滑的边缘,一样的视觉细节和清晰度。因此,矢量图形可以自由地改变对象的位置、形状、大小和颜色,尤其适用于标志设计、图案设计、文字设计、版式设计等,它所生成文件也比位图文件要小一些。

2.位图

位图也叫像素图,它由像素点的网格组成,如果将这类图形放大到一定的程度,就会发现

1

计算机动画设计-----Flash8 城固职业中专-----高炜

它是由一个个小方格组成的,这些小方格被称为像素点。像素点是图像中最小的图像元素,位图的大小和质量取决于图像中像素点的多少,通常说来,单位面积上所含像素点越多,图像越细腻,同时文件也越大。基于位图的软件有Photoshop、Painter等。与矢量图形相比,位图的图像更容易模拟照片的真实效果。

用Flash绘图工具画出的图形都是矢量化的,同时Flash也支持对矢量图与位图的导入。 7.1.2 导入图片及图片组 1.导入图片

在编辑Flash动画时,单击菜单“文件”|“导入”|“导入到库”命令,会弹出导入对话框。在窗口内选择要导入的图片,然后单击“打开”按钮,图片即被导入到Flash元件库中。按住Shift键或Ctrl键,选择连续或不连续的多个图片,单击确定键可同时导入多张图片。如果选择菜单“文件”|“导入”|“导入到舞台”命令,则图片被导入到Flash元件库的同时,自动在舞台上建立了一个该图片元件的一个实例。

演示导入操作

2.导入图片组

图片组是指一组按顺序命名的图片,如Al.jpg,A2.jpg,A3.jpg,……An.jpg,但图片本身不一定存在特定联系。图片组的导入多用于将连续变化的图片导入到Flash中制成动画。这些连续变化的图片可以是连续的电影胶片、手绘卡通等。

值得注意的是,导入图片组跟在“导入”对话框中选择多个图片一起导入的结果是完全不同的。前者是将导入的图片分别放在连续的不同的关键帧之中,而后者则是将导入的多张图片放在一帧中。

演示导入图片组操作

Flash可以将位图转换成矢量图,以便于作进一步的修饰。当位图转换成矢量图后,矢量图与原有位图将不存在任何连接关系。

在转换位图前可以设置各项转换参数,获得不同的转换效果。如果要求转换效果好,则需要较大的存储空间。如果导入的位图所包含的图形过于复杂,而转换的矢量图要求效果较高,那么转换后的矢量图可能会比原来的位图要大的多。所以,在位图转换过程中要兼顾图象质量及文件大小。

将位图转换为矢量图的具体步骤为:先选择需要进行转换的位图,再单击菜单中“修改”|“位图”|“转换位图为矢量图”命令,弹出转换位图对话框,下面介绍各参数选项:

(1)颜色阈值

在此文本框中键入颜色容差值(1~500)。当两个像素点进行比较时,如果它们的色彩值小于容差值时,这两个像素点将在转换后归于同一颜色。这意味着加大容差值将减少颜色数目,图像的质量下降,但文件的尺寸将减小;反之颜色数目增加,图像的质量较高,文件尺寸增大。

(2)最小区域

这个选项用来确定在进行转换时归于同一颜色的区域所包括像素点的最小值。文本框的数值范围为1~1000。

2

计算机动画设计-----Flash8 城固职业中专-----高炜

(3)曲线拟合

在该列表框中选择合适的选项,可以确定转换时图像轮廊曲线的光滑程度。如图7-3所示,该下拉列表框中有六个选项:像素、很密集、密集、正常、光滑、很光滑。其中“像素”选项转换后的图像质量最高,“很光滑”选项转换后的图像质量最低。

(4)角阈值

确定在转化过程中对边角所采取的处理方法。在该下拉列表框中有三个选项:较多转角、一般、较小转角。

演示设置参数,观察效果。

7.1.4 处理导入的图片 1.分解位图

Flash是一种矢量图形处理软件,但它也具有一定的位图处理能力,例如可以使用魔术棒选择相近颜色,截取部分位图等。在对位图进行处理以前需要先将位图分解,分解位图方法是:先选择将要分解的位图,再单击菜单“修改”|“分离”命令,即将位图分解,如图7-5所示为位图分解前后的对照。

2. 编辑位图

分解后的位图可以在Flash中进行处理,下面以去掉图像背景色为例,说明Flash编辑位图一种方法。

(1)选择要处理的位图,单击菜单“修改”|“分离”命令或按快捷键Ctrl+B将其分解。 (2)在工具箱中选择套索工具,在选项栏中选择魔术棒。

(3)将鼠标移到位图上,光标此时变为魔术棒形状。用魔术棒在图片的背景上单击,选中背景,如图7-6所示。

(4)按Delete键删除背景,即得到前景的图像,如图7-7所示。 3.位图填充其它对象

可以将分解的位图作为填充部分填充到其它的对象中。具体步骤为: (1)在绘图工具栏选择点滴器。

(2)将点滴器移到被打散的位图上,单击鼠标后鼠标变为油漆桶工具。 (3)用油漆桶在被填充的区域单击,该区域填充为所选位图,如图7-8所示。

图7-8 用位图填充椭圆区域

当选择位图为填充部分后,其后所画的填充图形(如椭圆、矩形)的填充部分均为位图。

演示

3

计算机动画设计-----Flash8 城固职业中专-----高炜

课后小结

本次课主要讲述了图片文件的分类、导入图片的方法、将位图转换为矢量图的方法及其参数的设置、处理导入图片的方法。重点要掌握导入图片的方法、 将位图转换为矢量图的方法以及处理导入图片的方法。

课后作业

写出Flash可以导入的图片文件、声音文件和视频文件的类型。 写出矢量图与位图各自的特点。 如何将一组图片组导入到Flash中? 如何将位图转换为矢量图?

用位图来填充其他对象需要哪些步骤?

4

联系合同范文客服:xxxxx#qq.com(#替换为@)