1、第四章 计算机动画技术,主编:马武,学习目标,1.了解计算机动画的视觉原理； 2.了解计算机动画的相关制作软件； 3. 熟悉Flash动画的制作环境； 4. 掌握Flash简单动画的制作方法； 5掌握Flash动画制作中应用声音和视频的方法。,当我们在观看电影、动画片时，画面中的人物和场景是连续、流畅和自然的，但当看电影胶片时，就会看到所有的画面并不是连续的，只有以一定的速率把胶片投影到银幕上才能有运动的视觉效果，这种现象就是法国人皮特罗杰特提出的视觉暂留原理:人眼对光像亮度的感觉和光像对人眼的作用时间并不同步。一个光像对人眼的作用消失后，视觉对这个光像亮度与颜色的主观感觉在大约1/20秒之内
2、不会消失，是逐渐下降的。从这个主观感觉的维持时间可知，如果前一幅画面的视觉感觉还没有完全消失就出现下一幅画面，就会给人眼一种真实的连续感。动画（Animation）是通过快速呈现一系列静态图像创建出来的，每一个图像之间差别很小，人脑将这组图像识别为一个变化的场景。,4.1 计算机动画概述,第四章 计算机动画技术,4.1.1计算机动画简介,第四章 计算机动画技术,计算机动画是依据人眼的视觉暂留特性，借助于编程或动画制作软件生成一系列的连续画面，是基于数学公式由算法产生的，计算机动画是采用连续播放静止图像的方法产生物体运动的效果。,第四章 计算机动画技术,1.计算机动画的特点,计算机动画发展迅速，
3、在影视制作、广告设计等方面得到了广泛应用，传统的手工动画制作方式已经成为历史，用计算机设计、制作动画具有效率高、成本低、质量高、手法多、灵活、“门槛”低等特点。,第四章 计算机动画技术,计算机动画系统早期基本上是二维辅助动画系统(Computer Assisted Animation)，也就是二维动画。20世纪60年代美国的Bell实验室和一些研 究机构开始研究用计算机来实现动画片中画面的制作。,20世纪70至80年代，计算机图形、图像技术的软硬件有了显著发展， 计算机动画技术日趋成熟，三维辅助动画系统开始研制并投入使用。,1985年至今是计算机辅助制作三维动画向实用化和高层次化发展的阶段。,
4、2.计算机动画的发展,第四章 计算机动画技术,三维动画制作软件与二维动画制作软件 矢量动画制作软件与位图动画制作软件 文字动画制作软件,第四章 计算机动画技术,4.1.2 计算机动画的分类与制作软件,Maya和 3ds max,三维动画制作软件,Flash、GIF Animator和Swish,二维动画制作软件,第四章 计算机动画技术,Maya是Alias/Wavefront公司在1998年推出的三维动画制作软件。 虽然相对于其它经典的三维制作软件来说，Maya的历史并不长，但它 凭借其强大的功能，友好的用户界面和丰富的视觉效果，一经推出就 引起了动画和影视界的广泛关注。目前Maya成为世界上
5、最为优秀的三 维动画制作软件之一.,利用Maya制作的三维电脑动画影片精灵鼠小弟和恐龙,第四章 计算机动画技术,3D Studio MAX是在3D Studio（简称3DS）基础上发展起来的， 3D Studio是美国Autodesk公司在20世纪90年代开发的基于普通微 机的三维动画制作软件，也曾是应用最广泛、影响力最大的三维 动画制作软件。由于其功能强，且对硬件要求低，因此得到了广泛 应用，许多电视节目中的三维动画，都是由3DS软件制作的。 3D Studio MAX是在Windows下运行的三维动画软件，3DS MAX 直接支持中文，将3DS原有的四个界面合并为一、二维编辑、三维 放样、
6、三维造型，使动画编辑的功能切换十分方便。,第四章 计算机动画技术,用3D Studio MAX制作的三维立体图,第四章 计算机动画技术,3D Studio MAX界面,第四章 计算机动画技术,第四章 计算机动画技术,Flash,Flash是交互动画制作工具，在网页制作中广泛应用。Flash具有强大的多媒体编辑能力，并可直接生成主页代码。Flash本身没有三维建模功能，可在其它软件中创建三维动画，将其导入Flash中合成。,Flash的前身是FutureSplash，1996年11月Macromedia公司将其改 名为Flash。,第四章 计算机动画技术,Flash 界面,第四章 计算机动画技术
7、,Ulead GIF Animator,Ulead GIF Animator是友立公司出版的动画GIF制作软件。GIF即图像交换格式，是Internet上最常见的图像格式之一。制作GIF文件与其它文件不同，首先要在图像处理软件中作好GIF动画中的每一幅单帧画面，然后用制作GIF的软件把这些静止的画面连在一起，确定帧与帧之间的时间间隔并保存成GIF格式。,第四章 计算机动画技术,GIF Animator制作动画过程示意,第四章 计算机动画技术,Swish,第四章 计算机动画技术,矢量动画制作软件与位图动画制作软件位图图像（技术上称为栅格图像）使用颜色网格来表现图像。每个像素都有自己特定的位置和颜
8、色值。 GIF Animator矢量图形由被称为矢量的数学对象定义的线条和曲线组成。矢量根据图像的几何特性描绘图像。矢量图形与分辨率无关，也就是说，可以将它们缩放到任意尺寸，可以按任意分辨率打印，而不会丢失细节或降低清晰度。 Flash,第四章 计算机动画技术,文字动画制作软件,要制作文字动画，最好利用文字动画软件，如COOL 3D，因为 文字动画软件使文字动的效果、方式特别多。,第四章 计算机动画技术,文字动画制作效果图,4.2.1 Flash 8 的工作环境,第四章 计算机动画技术,4.2 二维动画制作软件Flash,Flash 8 的工作环境,标题栏 菜单栏 主工具栏 工具栏 时间轴（帧
9、格、图层列表、播放指针、标尺） 工作区 图层：可以看成是叠放在一起的透明纸，在不同层上编辑的动画互不影响，在放映时得到的是合成的效果,第四章 计算机动画技术,Flash 动画制作的基本概念,帧 图层 场景 元件、实例和库,第四章 计算机动画技术,新建及保存动画文件 设置文档属性 创建动画对象及设置变化1、创建动画对象2、建立关键帧3、设置变化 测试或播放 发布动画,Flash 动画制作的一般过程,第四章 计算机动画技术,第四章 计算机动画技术,4.2.2 Flash 8 的绘图工具与对象编辑,4.2.3 Flash 8 逐帧动画的制作,逐帧动画是指在时间帧上逐帧绘制帧内容。由于是一帧一帧的画，
10、所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。 逐帧动画在时间轴上的表现为连续的关键帧。,第四章 计算机动画技术,创建逐帧动画的方法,逐帧绘制帧内容，用鼠标在场景中一帧帧的画出每帧的内容。 通过导入静态图片来建立逐帧动画，如把JPG、PNG等格式的静态图片连续导入Flash中，建立一段逐帧动画。 用文字作为元件，制作跳跃、旋转等效果的逐帧动画。,第四章 计算机动画技术,4.2.4 Flash 8 补间动画的制作,第四章 计算机动画技术,补间动画是Flash中非常重要的表现手法之一，你可以运用它制作出奇妙的效果。补间动画一般有形状补间动画和运动补间动画两种。,1.形状补间动画（1
11、）形状补间动画的概念 在Flash时间轴面板上的某一个关键帧绘制一个形状，然后在另一个关键帧更改该形状或绘制另一个形状，Flash 根据二者之间帧的值或形状来创建的动画被称为形状补间动画。 （2）构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画之间，使用的元素为用鼠标绘制出的形状，如果使用图形元件、按钮或文字，必须先“打散”再变形。,第四章 计算机动画技术,形状补间动画在时间轴面板上的表现 形状补间动画建好后， 时间轴面板的背景色变为淡绿色，在起始帧和结束帧之间产生一 个长长的箭头。,第四章 计算机动画技术,(3
12、)创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关 键帧并设置要开始变形的形状，在动画结束处创建或选择一 个关键帧并设置要变成的形状，再单击开始帧，在“属性”面 板上“补间”的下拉列表中选择“形状”，此时一个形状补间动 画就创建完毕。,第四章 计算机动画技术,2.动作补间动画的概念在Flash时间轴面板上的一个关键帧放置一个元件，然后在另一个关键帧变这个元件的大小、颜色、位置、透明度等，Flash根据二者之间的帧值创建的动画被称为动作补间动画。 (1)构成动作补间动画的元素 构成动作补间动画的元素是元件，它包括影片剪辑、图形元件、按钮等。其它元素不能创建动作补间动画，都
13、必须先转换成元件，只有转换成元件后才可以做动作补间动画。,第四章 计算机动画技术,(2)动作补间动画在时间轴面板上的表现 动作补间动画建立后，时间轴面板的背景色变为淡紫色，在起始帧和结束帧之间产生一个长长的箭头。,第四章 计算机动画技术,（3）创建动作补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，在动画要结束的地方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在“属性”面板上“补间”的下拉列表中选择“动作”，或单击右键，在弹出的菜单中选择“新建补间动画”，就建立了动作补间动画。,第四章 计算机动画技术,4.2.5 Flash 8引导层动画的制作,1
14、引导层引导层也就是引导图层，其作用是辅助其它图层（被引导层）对象的运动或定位。在运动引导层中绘制路径，可以使被引导层中运动渐变动画中的对象沿着指定的路径运动，在一个运动引导层下可以建立一个或多个被引导层。,第四章 计算机动画技术,2引导层动画的创建方法,在普通图层上点击时间轴面板的“添加引导层”按钮,，该层的上面就会添加一个引导层,引导层中的内容在动画播放时是看不见的，引导层中的 内容一般是用铅笔、线条、椭圆工具、矩形工具、画笔工具 等绘制出来的线段作为运动轨迹。被引导层中的对象是跟着 引导线走的，可以使用影片剪辑、图形元件、按钮、文字等 。引导层动画的动画形式是动作补间动画。,，该普通层就缩
15、进,成为被引导层。,第四章 计算机动画技术,制作引导层动画成功的关键是要使被引导层中的对象 的中心点在动画的起点和终点位置上一定要对准引导线的 两个端点。另外引导层中的引导线不要过于陡峭，要绘制 得平滑一些，否则动画不宜成功。,引导层的显示效果,第四章 计算机动画技术,4.2.6 在Flash 8中应用声音,Flash中的声音主要有事件声音和流声音两种。Flash 通过设置淡入淡出效果还可以使声音更加优美，导入的声 音文件将自动储存在Flash的库中。能直接导入Flash的声 音文件主要有WAV和MP3两种格式。另外，如果系统上安装 了QuickTime 4或更高的版本，就可以导入AIFF格式
16、和只有 声音而无画面的QuickTime影片格式。,第四章 计算机动画技术,1.声音导入Flash动画中作为背景音乐,第四章 计算机动画技术, 执行“文件|导入|导入到库”命令，弹出“导入到库”对 话框，选择要导入的声音文件将声音文件导入到库。 在“库”面板中可以看到刚导入的声音文件。 新建一个图层选择第1帧，然后将“库”面板中的声音对 象拖放到该图层的场景中。,这时该图层第1帧出现一条短线，这就是声音对象的波 形起始，任意选择后面的某一帧，如第60帧，按下F5键， 可以看到声音对象的波形，声音对象已被引用到该图层 了。这时按一下回车键就可以听到声音了。,同步属性,在该图层的属性面板中设置和编
17、辑声音对象的参数。其 中在“同步”选项中可以设置声音和动画同步的类型。由于 是动画的背景音乐，这里选择“数据流”选项。,2.为按钮加声效,新建一个Flash影片文档。点Flash“窗口|公用库|按钮”， 从按钮库中选择一个按钮，把按钮插入到影片文档中的合 适位置。,声音文件导入到库中，点Flash“窗口|库”打开库面板，用 鼠标双击需要加上声效的按钮元件，这样就进入到这个按钮 元件的编辑场景中。,在按钮元件的编辑场景中新建一个图层，命名为“音乐”。 选择这个图层的第2帧(“指针经过” 帧)，按F7键插入一个 空白关键帧，然后将库面板中的声音拖放到按钮上，从第 2帧开始出现了声音的波形，如图所示
18、。,按钮元件的编辑场景,打开“属性”面板，将“同步”选项设置为“事件”，并且重复1 次。测试一下动画，当鼠标移动到按钮上时，声效就出现了。,4.2.7 Flash 8的视频,从Flash MX版本开始，Flash全面支持视频文件的导入和处理。Flash 8在视频处理功能上更是跃上一个新的高度。Flash支持的视频类型会因为安装的视频软件不同而不同，如果计算机上已经安装了QuickTime 7及以上版本，则在导入嵌入视频时支持包括MOV、AVI和MPG/MPEG等格式的视频剪辑。如果导入的视频文件是系统不支持的文件格式，那么Flash会显示一条警告消息，表示无法完成该操作。,新建一个Flash
19、8影片文档。选择“文件|导入|导入视频”命令。弹出“导入视频”向导。,单击“浏览”按钮，弹出“打开”对话框，在其中选择要导入的视频文件，单击“打开”按钮，“文件路径”后面的文本框中自动出现要导入的视频文件。我们导入的是“素材3.MPG”，如上图所示。 单击“下一个”按钮，出现“部署”向导窗口。在这个窗口中我们做视频的部署工作，其中有5个单选项。这里选择“在SWF中嵌入视频并在时间轴上播放”选项（如图所示）。选择这种方式，视频文件将直接嵌入到影片中。,单击“下一个”按钮在这个向导窗口中，“符号类型”下拉列表中包括嵌入的视频、影片剪辑、图形。嵌入到时间轴最常见的选择是将视频剪辑作为嵌入的视频集成到
20、时间轴。这里保持默认设置，不做任何改动。 单击“下一个”按钮。最后进度完成后，视频就被导入到了舞台上了。按下Enter键可以观看视频效果,视频的效果,4.2.8 Flash 8的滤镜,Flash 8中新增加了滤镜功能，可以让我们制作出许多以前只在Photoshop或Fireworks等软件中才能完成的效果，比如阴影、模糊、发光、斜角、渐变发光、渐变斜角和调整颜色等。增加、删除滤镜或改变滤镜的参数等操作都可以在“滤镜”面板中完成，滤镜效果只适用于文本、影片剪辑和按钮。,滤镜面板,Flash 8滤镜和主要参数,习 题 四,1.简述计算机动画的原理。 2.计算机动画分为哪几种类型？ 3.二维动画制作软件有哪些? 4.三维动画制作软件有哪些？ 5.什么是Flash的逐帧动画? 6.什么是Flash的运动渐变动画与形状渐变动画？ 7.如何将一个音频文件导入到动画中？ 8.如何给一个按钮添加声音？ 9.如何把视频文件导入到动画中？ 10.Flash 8的滤镜效果有哪些？,
