计算机动画技术课件(PPT 49页)

1、学习目标1.了解计算机动画的视觉原理；2.了解计算机动画的相关制作软件；3. 熟悉Flash动画的制作环境；4. 掌握Flash简单动画的制作方法；5掌握Flash动画制作中应用声音和视频的方法。第1页，共49页。 当我们在观看电影、动画片时，画面中的人物和场景是连续、流畅和自然的，但当看电影胶片时，就会看到所有的画面并不是连续的，只有以一定的速率把胶片投影到银幕上才能有运动的视觉效果，这种现象就是法国人皮特罗杰特提出的视觉暂留原理:人眼对光像亮度的感觉和光像对人眼的作用时间并不同步。一个光像对人眼的作用消失后，视觉对这个光像亮度与颜色的主观感觉在大约1/20秒之内不会消失，是逐渐下降的。从这

2、个主观感觉的维持时间可知，如果前一幅画面的视觉感觉还没有完全消失就出现下一幅画面，就会给人眼一种真实的连续感。 动画（Animation）是通过快速呈现一系列静态图像创建出来的，每一个图像之间差别很小，人脑将这组图像识别为一个变化的场景。4.1 计算机动画概述第四章 计算机动画技术4.1.1计算机动画简介第2页，共49页。第四章 计算机动画技术第3页，共49页。 计算机动画是依据人眼的视觉暂留特性，借助于编程或动画制作软件生成一系列的连续画面，是基于数学公式由算法产生的，计算机动画是采用连续播放静止图像的方法产生物体运动的效果。第四章 计算机动画技术第4页，共49页。1.计算机动画的特点 计算

3、机动画发展迅速，在影视制作、广告设计等方面得到了广泛应用，传统的手工动画制作方式已经成为历史，用计算机设计、制作动画具有效率高、成本低、质量高、手法多、灵活、“门槛”低等特点。第四章 计算机动画技术第5页，共49页。 计算机动画系统早期基本上是二维辅助动画系统(Computer Assisted Animation)，也就是二维动画。20世纪60年代美国的Bell实验室和一些研究机构开始研究用计算机来实现动画片中画面的制作。 20世纪70至80年代，计算机图形、图像技术的软硬件有了显著发展，计算机动画技术日趋成熟，三维辅助动画系统开始研制并投入使用。 1985年至今是计算机辅助制作三维动画向实

4、用化和高层次化发展的阶段。 2.计算机动画的发展 第四章 计算机动画技术第6页，共49页。三维动画制作软件与二维动画制作软件矢量动画制作软件与位图动画制作软件文字动画制作软件 第四章 计算机动画技术4.1.2 计算机动画的分类与制作软件第7页，共49页。Maya和 3ds max三维动画制作软件Flash、GIF Animator和Swish二维动画制作软件第四章 计算机动画技术第8页，共49页。 Maya是Alias/Wavefront公司在1998年推出的三维动画制作软件。虽然相对于其它经典的三维制作软件来说，Maya的历史并不长，但它凭借其强大的功能，友好的用户界面和丰富的视觉效果，一经

5、推出就引起了动画和影视界的广泛关注。目前Maya成为世界上最为优秀的三维动画制作软件之一.利用Maya制作的三维电脑动画影片精灵鼠小弟和恐龙第四章 计算机动画技术第9页，共49页。 3D Studio MAX是在3D Studio（简称3DS）基础上发展起来的，3D Studio是美国Autodesk公司在20世纪90年代开发的基于普通微机的三维动画制作软件，也曾是应用最广泛、影响力最大的三维动画制作软件。由于其功能强，且对硬件要求低，因此得到了广泛应用，许多电视节目中的三维动画，都是由3DS软件制作的。 3D Studio MAX是在Windows下运行的三维动画软件，3DS MAX直接支持

6、中文，将3DS原有的四个界面合并为一、二维编辑、三维放样、三维造型，使动画编辑的功能切换十分方便。第四章 计算机动画技术第10页，共49页。用3D Studio MAX制作的三维立体图第四章 计算机动画技术第11页，共49页。3D Studio MAX界面 第四章 计算机动画技术第12页，共49页。第四章 计算机动画技术第13页，共49页。Flash Flash是交互动画制作工具，在网页制作中广泛应用。Flash具有强大的多媒体编辑能力，并可直接生成主页代码。Flash本身没有三维建模功能，可在其它软件中创建三维动画，将其导入Flash中合成。 Flash的前身是FutureSplash，19

7、96年11月Macromedia公司将其改 名为Flash。 第四章 计算机动画技术第14页，共49页。Flash 界面第四章 计算机动画技术第15页，共49页。Ulead GIF Animator Ulead GIF Animator是友立公司出版的动画GIF制作软件。GIF即图像交换格式，是Internet上最常见的图像格式之一。制作GIF文件与其它文件不同，首先要在图像处理软件中作好GIF动画中的每一幅单帧画面，然后用制作GIF的软件把这些静止的画面连在一起，确定帧与帧之间的时间间隔并保存成GIF格式。 第四章 计算机动画技术第16页，共49页。GIF Animator制作动画过程示意第

8、四章 计算机动画技术第17页，共49页。Swish第四章 计算机动画技术第18页，共49页。 矢量动画制作软件与位图动画制作软件 位图图像（技术上称为栅格图像）使用颜色网格来表现图像。每个像素都有自己特定的位置和颜色值。 GIF Animator 矢量图形由被称为矢量的数学对象定义的线条和曲线组成。矢量根据图像的几何特性描绘图像。矢量图形与分辨率无关，也就是说，可以将它们缩放到任意尺寸，可以按任意分辨率打印，而不会丢失细节或降低清晰度。 Flash第四章 计算机动画技术第19页，共49页。文字动画制作软件 要制作文字动画，最好利用文字动画软件，如COOL 3D，因为文字动画软件使文字动的效果、

9、方式特别多。第四章 计算机动画技术文字动画制作效果图第20页，共49页。4.2.1 Flash 8 的工作环境第四章 计算机动画技术4.2 二维动画制作软件Flash 第21页，共49页。Flash 8 的工作环境标题栏菜单栏主工具栏工具栏时间轴（帧格、图层列表、播放指针、标尺）工作区图层：可以看成是叠放在一起的透明纸，在不同层上编辑的动画互不影响，在放映时得到的是合成的效果第四章 计算机动画技术第22页，共49页。Flash 动画制作的基本概念帧图层场景元件、实例和库 第四章 计算机动画技术第23页，共49页。新建及保存动画文件设置文档属性创建动画对象及设置变化 1、创建动画对象 2、建立关

10、键帧 3、设置变化测试或播放发布动画Flash 动画制作的一般过程第四章 计算机动画技术第24页，共49页。选择工具用于选择对象、拖动对象等操作部分选取工具用于对象的任意变形，和其他工具一起使用任意变形工具用于调整被选取对象的控制点填充变形工具用于对象的填充变形，和其他工具一起使用线条工具用于绘制各种线条索套工具用于选择不规则图形区域，修改图形钢笔工具用于绘制贝塞尔曲线文本工具用于添加文本，修改文本椭圆工具用于绘制椭圆，同时按住Shift键可绘制正圆矩形工具用于绘制矩形，同时按住Shift键可绘制正方形铅笔工具用于绘制折线、直线等刷子工具用于绘制填充图形墨水瓶工具用于给铅笔和直线喷颜色油漆桶工

11、具用于给圆和框内部填充颜色，也用于给刷子喷色滴管工具用于采集填充颜色、填充内容橡皮擦工具用于擦除工作区上的内容第四章 计算机动画技术4.2.2 Flash 8 的绘图工具与对象编辑第25页，共49页。4.2.3 Flash 8 逐帧动画的制作逐帧动画是指在时间帧上逐帧绘制帧内容。由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。 逐帧动画在时间轴上的表现为连续的关键帧。第四章 计算机动画技术第26页，共49页。创建逐帧动画的方法逐帧绘制帧内容，用鼠标在场景中一帧帧的画出每帧的内容。通过导入静态图片来建立逐帧动画，如把JPG、PNG等格式的静态图片连续导入Flas

12、h中，建立一段逐帧动画。 用文字作为元件，制作跳跃、旋转等效果的逐帧动画。 第四章 计算机动画技术第27页，共49页。4.2.4 Flash 8 补间动画的制作第四章 计算机动画技术 补间动画是Flash中非常重要的表现手法之一，你可以运用它制作出奇妙的效果。补间动画一般有形状补间动画和运动补间动画两种。 第28页，共49页。 1.形状补间动画 （1）形状补间动画的概念 在Flash时间轴面板上的某一个关键帧绘制一个形状，然后在另一个关键帧更改该形状或绘制另一个形状，Flash 根据二者之间帧的值或形状来创建的动画被称为形状补间动画。 （2）构成形状补间动画的元素 形状补间动画可以实现两个图形

13、之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画之间，使用的元素为用鼠标绘制出的形状，如果使用图形元件、按钮或文字，必须先“打散”再变形。 第四章 计算机动画技术第29页，共49页。 形状补间动画在时间轴面板上的表现 形状补间动画建好后，时间轴面板的背景色变为淡绿色，在起始帧和结束帧之间产生一个长长的箭头。 第四章 计算机动画技术第30页，共49页。 (3)创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在“属性”面板上“补间”的下拉列表中选择“形

14、状”，此时一个形状补间动画就创建完毕。 第四章 计算机动画技术第31页，共49页。 2.动作补间动画的概念 在Flash时间轴面板上的一个关键帧放置一个元件，然后在另一个关键帧变这个元件的大小、颜色、位置、透明度等，Flash根据二者之间的帧值创建的动画被称为动作补间动画。 (1)构成动作补间动画的元素 构成动作补间动画的元素是元件，它包括影片剪辑、图形元件、按钮等。其它元素不能创建动作补间动画，都必须先转换成元件，只有转换成元件后才可以做动作补间动画。 第四章 计算机动画技术第32页，共49页。 (2)动作补间动画在时间轴面板上的表现 动作补间动画建立后，时间轴面板的背景色变为淡紫色，在起始

15、帧和结束帧之间产生一个长长的箭头。第四章 计算机动画技术第33页，共49页。 （3）创建动作补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，在动画要结束的地方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在“属性”面板上“补间”的下拉列表中选择“动作”，或单击右键，在弹出的菜单中选择“新建补间动画”，就建立了动作补间动画。 第四章 计算机动画技术第34页，共49页。4.2.5 Flash 8引导层动画的制作 1引导层 引导层也就是引导图层，其作用是辅助其它图层（被引导层）对象的运动或定位。在运动引导层中绘制路径，可以使被引导层中运动渐变动画中的对象沿

16、着指定的路径运动，在一个运动引导层下可以建立一个或多个被引导层。 第四章 计算机动画技术第35页，共49页。2引导层动画的创建方法 在普通图层上点击时间轴面板的“添加引导层”按钮，该层的上面就会添加一个引导层 引导层中的内容在动画播放时是看不见的，引导层中的内容一般是用铅笔、线条、椭圆工具、矩形工具、画笔工具等绘制出来的线段作为运动轨迹。被引导层中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等。引导层动画的动画形式是动作补间动画。 ，该普通层就缩进 成为被引导层。第四章 计算机动画技术第36页，共49页。 制作引导层动画成功的关键是要使被引导层中的对象的中心点在动画的起点和终

17、点位置上一定要对准引导线的两个端点。另外引导层中的引导线不要过于陡峭，要绘制得平滑一些，否则动画不宜成功。 引导层的显示效果第四章 计算机动画技术第37页，共49页。4.2.6 在Flash 8中应用声音 Flash中的声音主要有事件声音和流声音两种。Flash通过设置淡入淡出效果还可以使声音更加优美，导入的声音文件将自动储存在Flash的库中。能直接导入Flash的声音文件主要有WAV和MP3两种格式。另外，如果系统上安装了QuickTime 4或更高的版本，就可以导入AIFF格式和只有声音而无画面的QuickTime影片格式。 第四章 计算机动画技术第38页，共49页。 1.声音导入Fla

18、sh动画中作为背景音乐 第四章 计算机动画技术 执行“文件|导入|导入到库”命令，弹出“导入到库”对话框，选择要导入的声音文件将声音文件导入到库。 在“库”面板中可以看到刚导入的声音文件。 新建一个图层选择第1帧，然后将“库”面板中的声音对象拖放到该图层的场景中。这时该图层第1帧出现一条短线，这就是声音对象的波形起始，任意选择后面的某一帧，如第60帧，按下F5键，可以看到声音对象的波形，声音对象已被引用到该图层了。这时按一下回车键就可以听到声音了。 第39页，共49页。 同步属性在该图层的属性面板中设置和编辑声音对象的参数。其中在“同步”选项中可以设置声音和动画同步的类型。由于是动画的背景音乐

19、，这里选择“数据流”选项。第40页，共49页。2.为按钮加声效新建一个Flash影片文档。点Flash“窗口|公用库|按钮”，从按钮库中选择一个按钮，把按钮插入到影片文档中的合适位置。 声音文件导入到库中，点Flash“窗口|库”打开库面板，用鼠标双击需要加上声效的按钮元件，这样就进入到这个按钮元件的编辑场景中。第41页，共49页。在按钮元件的编辑场景中新建一个图层，命名为“音乐”。选择这个图层的第2帧(“指针经过” 帧)，按F7键插入一个空白关键帧，然后将库面板中的声音拖放到按钮上，从第2帧开始出现了声音的波形，如图所示。按钮元件的编辑场景 打开“属性”面板，将“同步”选项设置为“事件”，并

20、且重复1次。测试一下动画，当鼠标移动到按钮上时，声效就出现了。 第42页，共49页。4.2.7 Flash 8的视频 从Flash MX版本开始，Flash全面支持视频文件的导入和处理。Flash 8在视频处理功能上更是跃上一个新的高度。Flash支持的视频类型会因为安装的视频软件不同而不同，如果计算机上已经安装了QuickTime 7及以上版本，则在导入嵌入视频时支持包括MOV、AVI和MPG/MPEG等格式的视频剪辑。如果导入的视频文件是系统不支持的文件格式，那么Flash会显示一条警告消息，表示无法完成该操作。 第43页，共49页。 新建一个Flash 8影片文档。 选择“文件|导入|导

21、入视频”命令。弹出“导入视频”向导。第44页，共49页。 单击“浏览”按钮，弹出“打开”对话框，在其中选择要导入的视频文件，单击“打开”按钮，“文件路径”后面的文本框中自动出现要导入的视频文件。我们导入的是“素材3.MPG”，如上图所示。 单击“下一个”按钮，出现“部署”向导窗口。在这个窗口中我们做视频的部署工作，其中有5个单选项。这里选择“在SWF中嵌入视频并在时间轴上播放”选项（如图所示）。选择这种方式，视频文件将直接嵌入到影片中。第45页，共49页。 单击“下一个”按钮在这个向导窗口中，“符号类型”下拉列表中包括嵌入的视频、影片剪辑、图形。嵌入到时间轴最常见的选择是将视频剪辑作为嵌入的视频集成到时间轴。这里保持默认设置，不做任何改动。 单击“下一个”按钮。最后进度完成后，视频就被导入到了舞台上了。按下Enter键可以观看视频效果 视频的效果 第46页，共49页。4.2.8 Flash 8的滤镜 Flash 8中新增加了滤镜功能，可以让我们制作出许多以前只在Photoshop或Fireworks等软件中才能完成的