计算机动画技术课件.ppt

《计算机动画技术课件.ppt》由会员分享，可在线阅读，更多相关《计算机动画技术课件.ppt（49页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

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

3、特点计算机动画的特点计算机动画的特点 计算机动画发展迅速，在影视制作、广告设计等方面得到了广泛应用，传统的手工动画制作方式已经成为历史，用计算机设计、制作动画具有效率高、成本低、质量高、手法多、灵活、“门槛”低等特点。第四章 计算机动画技术 计算机动画系统早期基本上是二维辅助动画系统计算机动画系统早期基本上是二维辅助动画系统(Computer Assisted(Computer Assisted Animation)Animation)，也就是二维动画。，也就是二维动画。2020世纪世纪6060年代美国的年代美国的BellBell实验室和一些研实验室和一些研究机构开始研究用计算机来实现动画片中

4、画面的制作。究机构开始研究用计算机来实现动画片中画面的制作。2020世纪世纪7070至至8080年代，计算机图形、图像技术的软硬件有了显著发展，年代，计算机图形、图像技术的软硬件有了显著发展，计算机动画技术日趋成熟，三维辅助动画系统开始研制并投入使用。计算机动画技术日趋成熟，三维辅助动画系统开始研制并投入使用。19851985年至今是计算机辅助制作三维动画向实用化和高层次化发展的阶段。年至今是计算机辅助制作三维动画向实用化和高层次化发展的阶段。2.计算机动画的发展计算机动画的发展 第四章 计算机动画技术v三维动画制作软件与二维动画制作软件v矢量动画制作软件与位图动画制作软件v文字动画制作软件

5、第四章 计算机动画技术4.1.2 4.1.2 计算机动画的分类与制作软件计算机动画的分类与制作软件Maya和 3ds max三维动画制作软件Flash、GIF Animator和Swish二维动画制作软件第四章 计算机动画技术 Maya是Alias/Wavefront公司在1998年推出的三维动画制作软件。虽然相对于其它经典的三维制作软件来说，Maya的历史并不长，但它凭借其强大的功能，友好的用户界面和丰富的视觉效果，一经推出就引起了动画和影视界的广泛关注。目前Maya成为世界上最为优秀的三维动画制作软件之一.利用Maya制作的三维电脑动画影片精灵鼠小弟和恐龙第四章 计算机动画技术 3D St

6、udio MAX3D Studio MAX是在是在3D Studio3D Studio（简称（简称3DS3DS）基础上发展起来的，）基础上发展起来的，3D Studio3D Studio是美国是美国AutodeskAutodesk公司在公司在2020世纪世纪9090年代开发的基于普通微年代开发的基于普通微机的三维动画制作软件，也曾是应用最广泛、影响力最大的三维机的三维动画制作软件，也曾是应用最广泛、影响力最大的三维动画制作软件。由于其功能强，且对硬件要求低，因此得到了广泛动画制作软件。由于其功能强，且对硬件要求低，因此得到了广泛应用，许多电视节目中的三维动画，都是由应用，许多电视节目中的三维动

7、画，都是由3DS3DS软件制作的。软件制作的。3D Studio MAX3D Studio MAX是在是在WindowsWindows下运行的三维动画软件，下运行的三维动画软件，3DS MAX3DS MAX直接支持中文，将直接支持中文，将3DS3DS原有的四个界面合并为一、二维编辑、三维原有的四个界面合并为一、二维编辑、三维放样、三维造型，使动画编辑的功能切换十分方便。放样、三维造型，使动画编辑的功能切换十分方便。第四章 计算机动画技术用3D Studio MAX制作的三维立体图第四章 计算机动画技术3D Studio MAX界面 第四章 计算机动画技术第四章 计算机动画技术FlashFlas

8、hFlashFlash Flash是交互动画制作工具，在网页制作中广泛应用。Flash具有强大的多媒体编辑能力，并可直接生成主页代码。Flash本身没有三维建模功能，可在其它软件中创建三维动画，将其导入Flash中合成。FlashFlash的前身是的前身是FutureSplashFutureSplash，19961996年年1111月月MacromediaMacromedia公司将其改公司将其改 名为名为FlashFlash。第四章 计算机动画技术Flash 界面第四章 计算机动画技术Ulead GIF AnimatorUlead GIF AnimatorUlead GIF AnimatorU

9、lead GIF Animator Ulead GIF Animator是友立公司出版的动画GIF制作软件。GIF即图像交换格式，是Internet上最常见的图像格式之一。制作GIF文件与其它文件不同，首先要在图像处理软件中作好GIF动画中的每一幅单帧画面，然后用制作GIF的软件把这些静止的画面连在一起，确定帧与帧之间的时间间隔并保存成GIF格式。第四章 计算机动画技术GIF Animator制作动画过程示意第四章 计算机动画技术SwishSwishSwishSwish第四章 计算机动画技术 矢量动画制作软件与位图动画制作软件 位图图像（技术上称为栅格图像）使用颜色网格来表现图像。每个像素都有

10、自己特定的位置和颜色值。GIF Animator 矢量图形由被称为矢量的数学对象定义的线条和曲线组成。矢量根据图像的几何特性描绘图像。矢量图形与分辨率无关，也就是说，可以将它们缩放到任意尺寸，可以按任意分辨率打印，而不会丢失细节或降低清晰度。Flash第四章 计算机动画技术文字动画制作软件 要制作文字动画，最好利用文字动画软件，如要制作文字动画，最好利用文字动画软件，如COOL 3DCOOL 3D，因为，因为文字动画软件使文字动的效果、方式特别多。文字动画软件使文字动的效果、方式特别多。第四章 计算机动画技术文字动画制作效果图4.2.1 Flash 8 4.2.1 Flash 8 4.2.1

11、Flash 8 4.2.1 Flash 8 的工作环境的工作环境的工作环境的工作环境第四章 计算机动画技术4.2 4.2 4.2 4.2 二维动画制作软件二维动画制作软件二维动画制作软件二维动画制作软件FlashFlashFlashFlash Flash 8 Flash 8 Flash 8 Flash 8 的工作环境的工作环境的工作环境的工作环境v标题栏v菜单栏v主工具栏v工具栏v时间轴（帧格、图层列表、播放指针、标尺）v工作区v图层：可以看成是叠放在一起的透明纸，在不同层上编辑的动画互不影响，在放映时得到的是合成的效果第四章 计算机动画技术Flash Flash Flash Flash 动画

12、制作的基本概念动画制作的基本概念动画制作的基本概念动画制作的基本概念v帧v图层v场景v元件、实例和库 第四章 计算机动画技术v新建及保存动画文件v设置文档属性v创建动画对象及设置变化 1、创建动画对象 2、建立关键帧 3、设置变化v测试或播放v发布动画Flash Flash Flash Flash 动画制作的一般过程动画制作的一般过程动画制作的一般过程动画制作的一般过程第四章 计算机动画技术选择工具用于选择对象、拖动对象等操作部分选取工具用于对象的任意变形，和其他工具一起使用任意变形工具用于调整被选取对象的控制点填充变形工具用于对象的填充变形，和其他工具一起使用线条工具用于绘制各种线条索套工具

13、用于选择不规则图形区域，修改图形钢笔工具用于绘制贝塞尔曲线文本工具用于添加文本，修改文本椭圆工具用于绘制椭圆，同时按住Shift键可绘制正圆矩形工具用于绘制矩形，同时按住Shift键可绘制正方形铅笔工具用于绘制折线、直线等刷子工具用于绘制填充图形墨水瓶工具用于给铅笔和直线喷颜色油漆桶工具用于给圆和框内部填充颜色，也用于给刷子喷色滴管工具用于采集填充颜色、填充内容橡皮擦工具用于擦除工作区上的内容第四章 计算机动画技术4.2.2 Flash 8 4.2.2 Flash 8 4.2.2 Flash 8 4.2.2 Flash 8 的绘图工具与对象编辑的绘图工具与对象编辑的绘图工具与对象编辑的绘图工具

14、与对象编辑4.2.3 Flash 8 4.2.3 Flash 8 4.2.3 Flash 8 4.2.3 Flash 8 逐帧动画的制作逐帧动画的制作逐帧动画的制作逐帧动画的制作v逐帧动画是指在时间帧上逐帧绘制帧内容。由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。v逐帧动画在时间轴上的表现为连续的关键帧。第四章 计算机动画技术创建逐帧动画的方法创建逐帧动画的方法创建逐帧动画的方法创建逐帧动画的方法v逐帧绘制帧内容，用鼠标在场景中一帧帧的画出每帧的内容。v通过导入静态图片来建立逐帧动画，如把JPG、PNG等格式的静态图片连续导入Flash中，建立一段逐帧动画。

15、v用文字作为元件，制作跳跃、旋转等效果的逐帧动画。第四章 计算机动画技术4.2.4 Flash 8 4.2.4 Flash 8 4.2.4 Flash 8 4.2.4 Flash 8 补间动画的制作补间动画的制作补间动画的制作补间动画的制作第四章 计算机动画技术 补间动画是补间动画是FlashFlash中非常重要的表现手法之一，你可以运中非常重要的表现手法之一，你可以运用它制作出奇妙的效果。补间动画一般有形状补间动画和运用它制作出奇妙的效果。补间动画一般有形状补间动画和运动补间动画两种。动补间动画两种。1.形状补间动画 （1）形状补间动画的概念 在Flash时间轴面板上的某一个关键帧绘制一个形

16、状，然后在另一个关键帧更改该形状或绘制另一个形状，Flash 根据二者之间帧的值或形状来创建的动画被称为形状补间动画。（2）构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画之间，使用的元素为用鼠标绘制出的形状，如果使用图形元件、按钮或文字，必须先“打散”再变形。第四章 计算机动画技术 形状补间动画在时间轴面板上的表现形状补间动画在时间轴面板上的表现 形状补间动画建好后，形状补间动画建好后，时间轴面板的背景色变为淡绿色，在起始帧和结束帧之间产生一时间轴面板的背景色变为淡绿色，在起始帧和结束帧之间产生一个长长的箭头。

17、个长长的箭头。第四章 计算机动画技术 (3)(3)创建形状补间动画的方法创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，在动画结束处创建或选择一键帧并设置要开始变形的形状，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在个关键帧并设置要变成的形状，再单击开始帧，在“属性属性”面面板上板上“补间补间”的下拉列表中选择的下拉列表中选择“形状形状”，此时一个形状补间动，此时一个形状补间动画就创建完毕。画就创建完毕。第四章 计算机动画技术 2.动作补间动画的概念 在Flash时间轴面

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

19、头。第四章 计算机动画技术 （3 3）创建动作补间动画的方法）创建动作补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，在动画要结束的地方创建或选择一个关键帧并设并设置一个元件，在动画要结束的地方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在置该元件的属性，再单击开始帧，在“属性属性”面板上面板上“补间补间”的下的下拉列表中选择拉列表中选择“动作动作”，或单击右键，在弹出的菜单中选择，或单击右键，在弹出的菜单中选择“新建新建补间动画补间动画”，就建立了动作补间动画。，就建立了动作补间动画。第四章 计

20、算机动画技术4.2.5 Flash 84.2.5 Flash 8引导层动画的制作引导层动画的制作 1 1引导层引导层 引导层也就是引导图层，其作用是辅助其它图层（被引引导层也就是引导图层，其作用是辅助其它图层（被引导层）对象的运动或定位。在运动引导层中绘制路径，可以使导层）对象的运动或定位。在运动引导层中绘制路径，可以使被引导层中运动渐变动画中的对象沿着指定的路径运动，在一被引导层中运动渐变动画中的对象沿着指定的路径运动，在一个运动引导层下可以建立一个或多个被引导层。个运动引导层下可以建立一个或多个被引导层。第四章 计算机动画技术2 2引导层动画的创建方法引导层动画的创建方法 在普通图层上点击

21、时间轴面板的在普通图层上点击时间轴面板的“添加引导层添加引导层”按按钮钮，该层的上面就会添加一个引导，该层的上面就会添加一个引导层层 引导层中的内容在动画播放时是看不见的，引导层中的引导层中的内容在动画播放时是看不见的，引导层中的内容一般是用铅笔、线条、椭圆工具、矩形工具、画笔工具内容一般是用铅笔、线条、椭圆工具、矩形工具、画笔工具等绘制出来的线段作为运动轨迹。被引导层中的对象是跟着等绘制出来的线段作为运动轨迹。被引导层中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等引导线走的，可以使用影片剪辑、图形元件、按钮、文字等。引导层动画的动画形式是动作补间动画。引导层动画的动画形式

22、是动作补间动画。，该普通层就缩进，该普通层就缩进 成为被引导层。成为被引导层。第四章 计算机动画技术 制作引导层动画成功的关键是要使被引导层中的对象制作引导层动画成功的关键是要使被引导层中的对象的中心点在动画的起点和终点位置上一定要对准引导线的的中心点在动画的起点和终点位置上一定要对准引导线的两个端点。另外两个端点。另外引导层中的引导线不要过于陡峭，要绘制引导层中的引导线不要过于陡峭，要绘制得平滑一些，否则动画不宜成功。得平滑一些，否则动画不宜成功。引导层的显示效果第四章 计算机动画技术4.2.6 在Flash 8中应用声音 FlashFlash中的声音主要有事件声音和流声音两种。中的声音主要

23、有事件声音和流声音两种。FlashFlash通过设置淡入淡出效果还可以使声音更加优美，导入的声通过设置淡入淡出效果还可以使声音更加优美，导入的声音文件将自动储存在音文件将自动储存在FlashFlash的库中。能直接导入的库中。能直接导入FlashFlash的声的声音文件主要有音文件主要有WAVWAV和和MP3MP3两种格式。另外，如果系统上安装两种格式。另外，如果系统上安装了了QuickTime 4QuickTime 4或更高的版本，就可以导入或更高的版本，就可以导入AIFFAIFF格式和只有格式和只有声音而无画面的声音而无画面的QuickTimeQuickTime影片格式。影片格式。第四章

24、计算机动画技术 1.1.声音导入声音导入FlashFlash动画中作为背景音乐动画中作为背景音乐 第四章 计算机动画技术 执行执行“文件文件|导入导入|导入到库导入到库”命令，弹出命令，弹出“导入到库导入到库”对对话框，选择要导入的声音文件将声音文件导入到库。话框，选择要导入的声音文件将声音文件导入到库。在在“库库”面板中可以看到刚导入的声音文件。面板中可以看到刚导入的声音文件。新建一个图层选择第新建一个图层选择第1 1帧，然后将帧，然后将“库库”面板中的声音对面板中的声音对象拖放到该图层的场景中。象拖放到该图层的场景中。这时该图层第这时该图层第1 1帧出现一条短线，这就是声音对象的波帧出现一

25、条短线，这就是声音对象的波形起始，任意选择后面的某一帧，如第形起始，任意选择后面的某一帧，如第6060帧，按下帧，按下F5F5键，键，可以看到声音对象的波形，声音对象已被引用到该图层可以看到声音对象的波形，声音对象已被引用到该图层了。这时按一下回车键就可以听到声音了。了。这时按一下回车键就可以听到声音了。同步属性在该图层的属性面板中设置和编辑声音对象的参数。其在该图层的属性面板中设置和编辑声音对象的参数。其中在中在“同步同步”选项中可以设置声音和动画同步的类型。由于选项中可以设置声音和动画同步的类型。由于是动画的背景音乐，这里选择是动画的背景音乐，这里选择“数据流数据流”选项。选项。2.2.为

26、按钮加声效为按钮加声效新建一个新建一个FlashFlash影片文档。点影片文档。点FlashFlash“窗口窗口|公用库公用库|按钮按钮”，从按钮库中选择一个按钮，把按钮插入到影片文档中的合从按钮库中选择一个按钮，把按钮插入到影片文档中的合适位置。适位置。声音文件导入到库中，点声音文件导入到库中，点FlashFlash“窗口窗口|库库”打开库面板，用打开库面板，用鼠标双击需要加上声效的按钮元件，这样就进入到这个按钮鼠标双击需要加上声效的按钮元件，这样就进入到这个按钮元件的编辑场景中。元件的编辑场景中。在按钮元件的编辑场景中新建一个图层，命名为在按钮元件的编辑场景中新建一个图层，命名为“音乐音乐

27、”。选择这个图层的第选择这个图层的第2 2帧帧(“指针经过指针经过”帧帧)，按，按F7F7键插入一个键插入一个空白关键帧，然后将库面板中的声音拖放到按钮上，从第空白关键帧，然后将库面板中的声音拖放到按钮上，从第2 2帧开始出现了声音的波形，如图所示。帧开始出现了声音的波形，如图所示。按钮元件的编辑场景按钮元件的编辑场景 打开打开“属性属性”面板，将面板，将“同步同步”选项设置为选项设置为“事件事件”，并且重复，并且重复1 1次。测试一下动画，当鼠标移动到按钮上时，声效就出现了。次。测试一下动画，当鼠标移动到按钮上时，声效就出现了。4.2.7 Flash 84.2.7 Flash 8的视频的视频

28、 从Flash MX版本开始，Flash全面支持视频文件的导入和处理。Flash 8在视频处理功能上更是跃上一个新的高度。Flash支持的视频类型会因为安装的视频软件不同而不同，如果计算机上已经安装了QuickTime 7及以上版本，则在导入嵌入视频时支持包括MOV、AVI和MPG/MPEG等格式的视频剪辑。如果导入的视频文件是系统不支持的文件格式，那么Flash会显示一条警告消息，表示无法完成该操作。新建一个Flash 8影片文档。选择“文件|导入|导入视频”命令。弹出“导入视频”向导。单击“浏览”按钮，弹出“打开”对话框，在其中选择要导入的视频文件，单击“打开”按钮，“文件路径”后面的文本

29、框中自动出现要导入的视频文件。我们导入的是“素材3.MPG”，如上图所示。单击“下一个”按钮，出现“部署”向导窗口。在这个窗口中我们做视频的部署工作，其中有5个单选项。这里选择“在SWF中嵌入视频并在时间轴上播放”选项（如图所示）。选择这种方式，视频文件将直接嵌入到影片中。单击“下一个”按钮在这个向导窗口中，“符号类型”下拉列表中包括嵌入的视频、影片剪辑、图形。嵌入到时间轴最常见的选择是将视频剪辑作为嵌入的视频集成到时间轴。这里保持默认设置，不做任何改动。单击“下一个”按钮。最后进度完成后，视频就被导入到了舞台上了。按下Enter键可以观看视频效果 视频的效果 4.2.8 Flash 84.2

30、.8 Flash 8的滤镜的滤镜 Flash 8中新增加了滤镜功能，可以让我们制作出许多以前只在Photoshop或Fireworks等软件中才能完成的效果，比如阴影、模糊、发光、斜角、渐变发光、渐变斜角和调整颜色等。增加、删除滤镜或改变滤镜的参数等操作都可以在“滤镜”面板中完成，滤镜效果只适用于文本、影片剪辑和按钮。滤镜面板 滤镜名称滤镜名称滤镜效果滤镜效果主要参数主要参数投影滤镜投影滤镜类似于类似于Photoshop中的投影效果中的投影效果模糊：可以指定投影的模糊程度，分别对模糊：可以指定投影的模糊程度，分别对X轴和轴和Y轴两轴两个方向设定个方向设定强度：设定投影的强烈程度强度：设定投影的

31、强烈程度品质：设定投影的品质高低品质：设定投影的品质高低角度：设定投影的角度，取值范围为角度：设定投影的角度，取值范围为0-360度度距离：设定投影的距离大小距离：设定投影的距离大小挖空：将投影作为背景的基础上，挖空对象的显示挖空：将投影作为背景的基础上，挖空对象的显示内侧阴影：设置阴影的生成方向内侧阴影：设置阴影的生成方向隐藏对象：只显示投影而不显示原来的对象隐藏对象：只显示投影而不显示原来的对象模糊滤镜模糊滤镜产生模糊效果产生模糊效果包括模糊程度和品质两项参数包括模糊程度和品质两项参数发光滤镜发光滤镜类似于类似于Photoshop中的发光效果中的发光效果包括模糊、强度、品质、颜色、挖空和内

32、侧发光等参包括模糊、强度、品质、颜色、挖空和内侧发光等参数数斜角滤镜斜角滤镜可以制作出立体可以制作出立体的浮雕效果的浮雕效果包括模糊、强度、品质、阴影、加亮、角度、距离、包括模糊、强度、品质、阴影、加亮、角度、距离、挖空和类型等参数挖空和类型等参数渐变发光滤镜渐变发光滤镜调节发光的颜色调节发光的颜色为渐变颜色为渐变颜色包括模糊、强度、品质、角度、距离、挖空、渐变色包括模糊、强度、品质、角度、距离、挖空、渐变色和类型等参数和类型等参数渐变斜角滤镜渐变斜角滤镜更加精确控制斜更加精确控制斜角的渐变颜色角的渐变颜色包括模糊、强度、品质、角度、距离、挖空、渐变色包括模糊、强度、品质、角度、距离、挖空、渐变色和类型等参数和类型等参数调整颜色滤镜调整颜色滤镜颜色调整颜色调整包括亮度、对比度、饱和度和色相等参数包括亮度、对比度、饱和度和色相等参数 Flash 8滤镜和主要参数滤镜和主要参数习习习习 题题题题 四四四四1.简述计算机动画的原理。2.计算机动画分为哪几种类型？3.二维动画制作软件有哪些?4.三维动画制作软件有哪些？5.什么是Flash的逐帧动画?6.什么是Flash的运动渐变动画与形状渐变动画？7.如何将一个音频文件导入到动画中？8.如何给一个按钮添加声音？9.如何把视频文件导入到动画中？10.Flash 8的滤镜效果有哪些？