计算机动画技术

计算机动画技术第1页，共81页，2023年，2月20日，星期四24.1计算机动画概述4.2计算机动画的设计方法4.3矢量动画制作软件目录第2页，共81页，2023年，2月20日，星期四34.1计算机动画概述4.1.1什么是计算机动画4.1.2计算机动画的分类4.1.3计算机动画的应用4.1.4计算机动画的制作环境第3页，共81页，2023年，2月20日，星期四4●动画由多幅连续画面组成，当画面快速、连续地播放时，由于人类眼睛存在“视觉滞留效应”而产生动感。当被观察的物体消失后，影像仍在大脑中停留一段时间，约为1/10s。什么是动画●基本概念动作的变化是动画的本质

——

英国动画大师JohnHalasFrame1Frame2Frame3Frame4Frame5Frame6Frame7●动画的本质4.1.1什么是计算机动画第4页，共81页，2023年，2月20日，星期四5●最原始的动画观看动画的机器●

视觉效果1831年，法国人约瑟夫·

安东尼·

普拉特奥(JosephAntoinePlateau)在一个可以转动的圆盘上按照顺序画了一些图片第5页，共81页，2023年，2月20日，星期四6●动画的历史1906年美国人J·斯泰瓦德（J·Steward）制作了一部名叫“滑稽面孔的幽默形象”的短片，非常接近现代动画概念1908年法国人EmileCohl首创用负片制作动画影片，负片从概念上解决了影片载体的问题，为今后动画片的发展奠定了基础1909年美国人WinsorMcCay用一万张图片表现一段动画故事，这是迄今为止世界上公认的第一部真正的动画短片1915年美国人EerlHurd创造了在赛珞璐片上画动画片，再拍成胶片电影的动画制作工艺，这种工艺一直沿用至今1928年美国人华特·迪斯尼(WaltDisney)完善了动画体系和制作工艺，被誉为商业动画影片之父，他把动画影片推向颠峰今天动画本质没有多大变化，而动画制作手段却发生了巨大变化，如：电脑动画、电脑特技动画第6页，共81页，2023年，2月20日，星期四7●动画的构成规则1)动画由多画面组成，并且画面必须连续2)画面之间的内容必须存在差异3)画面表现的动作必须连续，即后一幅画面是前一幅画面的继续Frame1Frame2Frame3Frame4Frame5Frame6Frame7Frame81)在严格遵循运动规律的前提下，可进行适度地夸张和发展2)动画节奏应符合自然规律，可适度夸张3)动画节奏由画面之间物体的位置差决定位置差越大，移动速度越快●动画的表现规则第7页，共81页，2023年，2月20日，星期四8●全动画与半动画●半动画——又名“有限动画”，为追求经济效益，6帧／s的动画●全动画——为追求画面完美和动作流畅，按照24帧／s制作动画1232324……123456第8页，共81页，2023年，2月20日，星期四9传统动画1)制作声音对白和背景音乐2)根据声音计算动画格数3)设计人员绘制动画关键画面4)绘制人员描画关键画面之间的插画5)把纸上的动画轮廓复制到赛珞璐片上6)上色人员为赛珞璐片上色7)拍摄电影胶片之前检查动画画稿9)对电影胶片进行剪辑和编辑8)电影摄制人员把赛珞璐片拍成电影●传统动画是怎样制成的●第9页，共81页，2023年，2月20日，星期四10计算机动画第一阶段在屏幕上依次画出简单的线条、几何图形和颜色块，电脑一丝不苟地把绘画过程记录下来。在需要时，由电脑重复绘画过程，使人们看到活动的画面在屏幕上依次绘制画面，动画的主体从简单的线条、几何图形过渡到复杂的图形、丰富多彩的颜色。动画基本体现了传统动画的风格第二阶段以先进的软件和硬件作为基础，更加逼真地模拟传统动画，并进一步制作传统动画难以表现的题材，如三维造型动画、变形动画、仿真动画、矢量动画等第三阶段●●计算机动画的发展第10页，共81页，2023年，2月20日，星期四11

计算机动画是借助计算机技术生成一系列的画面，其中当前帧画面是对前一帧的部分修改，是采用连续播放静止图像的方法产生景物运动的效果。这里的运动泛指使画面发生改变的所有动作，比如放大、缩小、变形、旋转、颜色变化等。计算机动画●

颜色动画●

平面动画●

变形动画第11页，共81页，2023年，2月20日，星期四12由多帧连续图像组成的动画效果第12页，共81页，2023年，2月20日，星期四13计算机动画的特点

动画是指把一些原本没有生命（不活动）的东西，经过制作成影片并放映后，成为有生命的东西。因此，广义的动画包含了“剪纸片、木偶片”等艺术形式。在中国它们也被称为“美术片”或“卡通片”。它们最重要的特征有两点：它们的影像是用电影胶片或录影带以逐格记录的方式制作出来的。这些影像的“动作”是利用设计者的想像和虚幻创造出来的，而不是原本就存在由摄影机记录下来的景物。第13页，共81页，2023年，2月20日，星期四14

动画与运动是分不开的，可以说运动是动画的本质，动画是运动的艺术。以传统的电影胶片为例，动画是一门通过在连续多格的胶片上拍摄一系列单个画面，从而产生动态视觉的技术和艺术，这种视觉是通过将胶片以一定的速率放映的形式体现出来的。一般说来，动画是一种动态生成一系列相关画面的处理方法，其中的每一幅与前一幅略有不同。计算机动画的视觉原理第14页，共81页，2023年，2月20日，星期四15

电影中动画的播放速度是24帧/秒，画面中的情景是连续和流畅的。但仔细观看电影胶片会发现画面并不连续。只有以一定的速率把胶片投影到银幕上才有运动的效果，这种现象可由视觉滞留原理来解释，即人眼所看到的影像会在视网膜上滞留十分之一秒。这是动画制作的主要理论基础。第15页，共81页，2023年，2月20日，星期四164.1.2计算机动画的分类

1.按系统的功能强弱分为5级：第一等级：只用于交互产生、着色、存储、检索和修改图像，由于不考虑时间因素,相当于一个图像编辑器第二等级：实现中间帧的计算，并能使物体沿着某条轨迹运动，可代替人工制作中间帧。第三等级：可以提供一些形体的操作(平移、旋转等)，同时也包括虚拟摄像机的操作(镜头推移、倾斜变化等)第16页，共81页，2023年，2月20日，星期四17

第四等级：提供了定义角色的方法，这些角色具有自己的运动特色。第五等级：智能动画系统，系统可以自学习。前四个等级的动画系统已有许多商品化的产品问世，而智能动画系统正在研究中。现在又出现了一些新的研究方向，像人工生命、虚拟生物等。

第17页，共81页，2023年，2月20日，星期四182.按运动的控制方法分为关键帧动画和算法动画：

关键帧动画是通过一组关键帧或关键参数值得到中间的动画帧序列。二维形状插值——插值关键帧本身关键参数插值——插值物体模型的关键参数值

算法动画又称模型动画或过程动画，是采用算法实现对物体的运动控制或模拟摄像机的运动控制，一般适用于三维动画。运动学算法动力学算法逆运动学算法逆动力学算法随机运动算法

第18页，共81页，2023年，2月20日，星期四19

3.

按动画制作原理分为二维和三维动画：二维动画(计算机辅助动画)：用来实现中间帧生成，即根据两个关键帧生成所需的中间帧(插补技术)。从功能上看，属于第二等级。三维动画(计算机生成动画)：是采用计算机技术来模拟真实的三维空间，从功能上看，属于第三、四等级。计算机动画真正具有生命力是由于三维动画的出现，它与二维动画相比有一定的真实性，同时与真实物体相比又具有虚拟性，二者构成了三维动画所特有的性质，即虚拟真实性。第19页，共81页，2023年，2月20日，星期四204.1.3计算机动画的应用

影视广告工程设计飞行模拟教育与娱乐虚拟现实第20页，共81页，2023年，2月20日，星期四211.影视与广告主要用于制作电视广告、卡通片、电影片头和电影特技等。

影视广告：计算机动画可制作出神奇的视觉效果，以取得特殊宣传效果和艺术感染力。

玩具总动员：没有真人演员表演故事片，这部长达77分钟的影片全部由计算机动画和计算机合成图像组成。

侏罗纪公园：是计算机动画在影视制作中的得意之作，曾获奥斯卡最佳视觉效果奖。第21页，共81页，2023年，2月20日，星期四222.科学计算与工程设计

科学计算可视化：通过计算机动画以直观的方式将科学计算过程及结果转换为几何图形图像显示出来，便于研究和交互处理。

工程设计：工程图纸设计完后，指定立体模型材质，制作三维动画。如建筑行业中楼房建筑的透视和整体视觉效果。第22页，共81页，2023年，2月20日，星期四23第23页，共81页，2023年，2月20日，星期四24第24页，共81页，2023年，2月20日，星期四25第25页，共81页，2023年，2月20日，星期四26第26页，共81页，2023年，2月20日，星期四273.模拟与仿真计算机动画技术第一个用于模拟的产品是飞行模拟器，它在室内就能训练飞行员模拟起飞和着陆，飞行员可以在模拟器中操纵各种手柄，观察各种仪器以及在舷窗能看到机场跑道和山、水等自然景象。在航天、导弹和原子武器等复杂的系统工程中，先建立模型，再用计算机动画模拟真实系统的运行，调节参数，获得最佳运行状态。第27页，共81页，2023年，2月20日，星期四28第28页，共81页，2023年，2月20日，星期四294.教育与娱乐

多媒体教学：计算机动画为教师改进教学手段、提高教学质量提供了强有力的工具。

娱乐：利用计算机动画产生模拟环境，使人有身临其境的感觉。5.虚拟现实技术

虚拟现实是利用计算机动画技术模拟产生的一个三维空间的虚拟环境。人们可借助系统体提供的视觉、听觉甚至嗅觉和触觉等多种设备，身临其境地沉侵在虚拟的环境中，就像在真实世界中。第29页，共81页，2023年，2月20日，星期四30硬件配置

图形工作站或多媒体电脑●高速CPU●足够大的内存●大量的硬盘空间1●尽量选用屏幕尺寸大、色彩还原好、点距小的彩色显示器23●鼠标反应灵敏、移动连续、无跳跃、手感舒适，可选配笔形鼠标●特殊的输入输出设备，如扫描仪、摄像机、视频卡等44.1.4计算机动画制作环境第30页，共81页，2023年，2月20日，星期四31AnimatorPro

平面动画制作软件。用于制作帧动画，绘制功能强AnimationStudio

平面动画处理软件。用于加工帧动画，处理能力强FlashMX

网页动画软件。用于绘制帧、矢量动画，可添加声音WinImage:morph

变形动画软件。根据首、尾画面自动生成变形动画GIFConstruction

网页动画软件。把动画和图片序列转换成网页动画3DStudioMax

三维动画制作软件。用于制作三维造型动画Cool3D

三维文字动画软件。用于制作帧动画、视频Maya

三维动画制作软件。用于制作动画片、广告、电影等Premiere

动画视频处理软件。用于处理视频、广告、电影等软件配置

1.系统软件

操作系统、高级语言、诊断程序等2.动画软件第31页，共81页，2023年，2月20日，星期四32

3DStudioMAX动画软件：

3DSMAX是美国Autodesk公司在PC机上开发的实体造型、真实感显示和动画制作软件。版本：1.0/2.0/2.5/3.0/3.1/4.0/4.2/5.0/7.0

第32页，共81页，2023年，2月20日，星期四33

Softimage动画软件：Softimage是加拿大Softimage公司开发的一套三维动画软件，它已被广泛应用于电影、电视和广告制作等领域。曾轰动一时的侏罗纪公园中栩栩如生的恐龙形象的动作，就是该软件设计制作的。该软件系统包括五个模块：Model(造型)Matter(材质)

Motion(运动)Tools(工具箱)

Actor(演员系统)第33页，共81页，2023年，2月20日，星期四34计算机动画是高科技与艺术创作的结合，它需要科学的设计和艺术的构思，这些在制作之前的方案性思考，称为创意，是动画的灵魂。创意有宏观和微观两个层面。

宏观(战略创意)：指整个设计行动的统筹安排(战略策划高度)。

微观(战术创意)：指具体动画作品的意境构思及手法选择(小点子、小安排)。一、计算机动画创意的概念4.2计算机动画的设计方法第34页，共81页，2023年，2月20日，星期四35创意技巧创意不会凭空而来，需要各方面知识的积累。技巧：拟人反向夸张判断标准：创意独特、立意新颖主题突出、构思完整情节合理、定位准确第35页，共81页，2023年，2月20日，星期四36

1.动画时间分配的技巧

动画的时间：动作需要多少帧完成（放映速度固定）飘动的旗帜：6帧雪花：3种，两秒急速跑步：4帧快跑动作：8帧慢跑：12帧大象：1-1.5秒猫：0.5秒老鹰：9帧小麻雀：2帧二、动作的设计与创意第36页，共81页，2023年，2月20日，星期四372.自然物体规律及设计

旋转物体：当物体抛向空中时，其重心沿抛物线运动，到顶点时速度减慢，下降时速度加快

强调运动：为了强调运动，有时要加入一些视觉效果。如开枪射击时枪管突然后退，射击本身是通过很强烈的猛推效果和随枪管再冲向前时一股较慢的喷烟在视觉上展现的。第37页，共81页，2023年，2月20日，星期四38振动物体：①快速振动弹簧片的震动②柔性振动旗帜的飘动第38页，共81页，2023年，2月20日，星期四393.动物动作规律及设计

鸟类：鸟越大，动作越慢鸟越小，动作越快翅膀越大，鸟躯干上下运动越明显第39页，共81页，2023年，2月20日，星期四40昆虫：昆虫翅膀的扇动速度远远快于普通鸟类，利用翅膀模糊技术（如蜜蜂）。设计时应先勾勒出路线。第40页，共81页，2023年，2月20日，星期四41兽类：四条腿的兽类在运动时，必须注意前腿动作如何与后腿动作相配合。如牛的右前腿向前时，右后腿在后；在右前腿向后时，右后腿向前。兽类跨步时间牛、马1秒大象1.5秒猫0.5秒第41页，共81页，2023年，2月20日，星期四423.人物动作规律及设计

人的走路动作：左右两脚交替向前；为了求得平衡，当左脚向前时左手向后摆动，当右脚向前时右手向后摆动。第42页，共81页，2023年，2月20日，星期四43人的奔跑动作：身体中心前倾，手臂成屈曲状，两手自然握拳，双脚的跨步动作幅度较大，头的高低变化也比走路动作大。第43页，共81页，2023年，2月20日，星期四44人的面部表情：面部的动作变化能体现人物的情绪和性格，但也更加复杂。第44页，共81页，2023年，2月20日，星期四45第45页，共81页，2023年，2月20日，星期四46

1.片头设计的长度电视栏目片头：20s电视台台标：30s明白的片头长度：12s印象感：0.4s形象感:0.7s分辨微小动作:1s静止画面，想看其他画面:3-5s静止画面，产生厌烦感:>5s

三、片头的设计与创意第46页，共81页，2023年，2月20日，星期四47

2.电影片头的设计

电影片头可以通过把影片最扣人心弦的核心展示出来，可只提问题不解决问题，以造成一定的悬念使观众急于相探索其中的究竟。右图是第十一届亚

运会“体育大舞台”电影

片头的一个镜头。第47页，共81页，2023年，2月20日，星期四483.电视片头的设计

电视节目片头：5,10,15,20,60秒电视栏目片头：12-20秒，字幕是栏目片头设计中主要的艺术设计形象。

4.电视广告的设计电视广告通过近在咫尺的屏幕，能使观众见其形而闻其声，具有极大的感染力。制作电视广告，要让观众接受重点内容，除必要重复外，还应多选中、近镜头。第48页，共81页，2023年，2月20日，星期四494.3实现计算机动画的主要技术方法1关键帧动画2路径动画3变形动画4过程动画5粒子动画6人物动画第49页，共81页，2023年，2月20日，星期四501关键帧动画

动画制作中的一段连续画面是由一系列静止的画面来表现的，但在制作过程中并不需要逐个画面进行绘制，只需选出少数几个画面加以绘制。被选出的画面一般都出现在动作变化的转折点处，对这段连续的动作起着关键的控制作用，因此称为关键帧(KeyFrame)。关键帧技术是计算机动画中最基本并且运用最广泛的方法。第50页，共81页，2023年，2月20日，星期四51第1帧和第8帧是关键帧，其余各帧(2-7帧)可由插值算法生成

绘制出关键帧之后，再由计算机对关键帧进行插值，插入中间画面，就完成了动画制作，因此称作关键帧动画。第51页，共81页，2023年，2月20日，星期四522路径动画

路径动画就是由用户根据需要设好一个路径后，使场景中的对象沿路径运动。比如模拟飞机的飞行、鱼的游动等都可以使用路径动画来制作。运动路径是用户画出的动画对象运动的曲线，由关键点控制。第52页，共81页，2023年，2月20日，星期四533变形动画

变形可以是二维或三维的，基于图像的Morph变形是一种常用的二维动画技术。有两种形式：图像之间的插值变形(Morph)和图像本身的变形(Warp)。图像本身变形方法：先定义图像的特征结构，然后按特征结构变形图像。两幅图像间的变形方法：先分别按特征结构对两幅原图像本身做变形操作，然后从不同的方向渐隐渐显地得到两个图像系列，最后合成变形结果。第53页，共81页，2023年，2月20日，星期四54

图像的特征结构是由结构矢量构成的对图像框架的描述结构，比如，两个画面之间的对应点关系。变形动画第54页，共81页，2023年，2月20日，星期四554过程动画

过程动画指的是动画中物体的运动或变形用一个过程来描述。在过程动画中，物体的变形要基于一定的数学模型或物理规律。简单的过程动画是用一个数学模型去控制物体的几何形状和运动，如水波的运动；复杂的过程动画包括物体的变形、弹性理论、碰撞检测等。过程动画模拟的水波效果第55页，共81页，2023年，2月20日，星期四565粒子动画

对一些随机景物(如火焰、气流、瀑布等)的描述，可采用粒子系统的原理，将随机景物想象成由大量的具有一定属性的粒子构成，每个粒子都有自己的粒子参数，如初速度、加速度、运动轨迹和生命周期等，它们决定了随机景物的变化。粒子动画创作的真实感云层第56页，共81页，2023年，2月20日，星期四576人物动画

人物动画技术一直是计算机图形学中的难题，目前常用的有运动捕捉技术、三维扫描技术。运动捕捉技术是通过分析人体运动序列图像来提取人体关节点的三维坐标，从而得到人体的运动参数，因此能够获得完全真实的人体动画。左图是一个被贴了标示物(白色小球)的演员在场地中跑步，右图是Vicon370系统所采用的特殊红外照相机，只捕捉白色标示物。脸部表情实时跟踪系统第57页，共81页，2023年，2月20日，星期四58三维扫描技术又称为三维数字化技术，它能对立体的实物进行三维扫描，迅速获得物体表面各采样点的三维空间坐标和色彩信息，从而得到物体的三维彩色数字模型。部分特殊的三维扫描装置甚至能得到物体的内部结构。三维激光扫描成像

三维扫描仪第58页，共81页，2023年，2月20日，星期四594.3矢量动画制作软件4.3.1FlashMX概述4.3.2FlashMX基本操作4.3.3图形与图像的绘制4.3.4元件与图库4.3.5FlashMX动画制作第59页，共81页，2023年，2月20日，星期四604.3.1FlashMX概述Flash是由美国Macromedia公司出品的用于矢量图编辑和动画创作的专业软件。

Flash号称“网页制作三剑客”(Dreamweaver、Fireworks和Flash）之一。它以其强大的矢量动画制作和灵活的交互功能，成为多媒体网页动画制作软件的主流，逐渐占据了网络广告的主体地位。它的动画文件格式SWF甚至已经成为当前网络动画的标准格式。

第60页，共81页，2023年，2月20日，星期四61FlashMX的窗口组成标题栏菜单栏工具栏绘图工具箱各种控制面板场景和工作区第61页，共81页，2023年，2月20日，星期四62第62页，共81页，2023年，2月20日，星期四63场景和工作区场景工作区工作区工作区工作区场景：是用户在创作时观看自己作品的场所，也是用户对动画中的对像进行编辑和修改的场所。工作区：是场景周围的灰色区域，通常用作动画的开始点和结束点的设置。即动画对像进入和退出场景时的位置设置。第63页，共81页，2023年，2月20日，星期四64时间轴面板（一）显示/隐藏图层锁定图层显示图层轮廓插入图层添加引导图层插入图层目录删除图层图层控制区时间控制区在时间控制区中，各种帧会呈现不同的图案和标记第64页，共81页，2023年，2月20日，星期四65隐藏的图层锁定的图层白色空心圆代表空关键帧黑色实心圆代表具体关键帧普通帧动画帧时间轴面板（二）第65页，共81页，2023年，2月20日，星期四66帧动作面板属性面板第66页，共81页，2023年，2月20日，星期四674.3.2FlashMX

基本操作

2.导入对象:【文件】|【导入】，执行命令前要先在时间轴上确定导入文件所在的帧。

3.预览动画：【控制】|【测试影片】，或按下【Ctrl+Enter】组合键。

4.输出动画：【文件】|【导出影片】，导出文件的默认格式是*.swf。

1.创建Flash文件:【文件】|【新建】。在开始制作Flash动画前，应该通过属性面板确定屏幕大小等属性。第67页，共81页，2023年，2月20日，星期四684.3.3图形与图像的绘制1、绘图工具2.图形编辑第68页，共81页，2023年，2月20日，星期四691.绘图工具

直线工具：用来绘制任意的矢量线段。钢笔工具：用来绘制任意形状的图形，通过拖动调节杆调整曲线的弧度。

椭圆工具：绘制实心或空心的椭圆，绘制过程中按住Shift键可以绘制正圆。

矩形工具：绘制长方形，绘制过程中按住Shift键可以绘制正方形，选中选项区中的〔圆角矩形半径〕按钮，可以绘制圆角矩形。铅笔工具：绘制矢量线段和各种图形。文本工具：输入文字。选择一种工具后，可以通过属性面板修改所选工具的相关属性。

第69页，共81页，2023年，2月20日，星期四702.图形编辑工具

箭头工具：可以选取对象、移动对象以及改变对象的形状，将鼠标移到图形的边缘，按下左键拖动就可以改变图形的形状。选取工具：用来编辑对象的形状，将鼠标移到对象的边缘单击后出现许多控制点，调整控制点可改变图形的形状。套索工具：可以拖动出任意形状的选取范围，而箭头工具只能拖动出矩形范围。橡皮工具：擦除对象，有多种擦除方式。自由转换工具：对对象进行旋转、缩放、扭曲等变形操作。填充转换工具：对图形进行各种填充颜色的变形处理。第70页，共81页，2023年，2月20日，星期四714.3.4元件与图库2.元件操作3.使用图库1.元件概述第71页，共81页，2023年，2月20日，星期四72

元件是指用户在Flash中创建的图形、按钮和影片剪辑三种元素。元件创建后会自动添加到当前文件的库中，可以在当前文件或其他文件中重复使用。

图形元件用于创建可反复使用的图形；按钮元件用于创建动画的交互控制按钮，以响应鼠标事件；影片剪辑元件本身也是一个动画，可独立播放。1.元件概述第72页，共81页，2023年，2月20日，星期四73

创建元件：选择〔插入〕|〔新建元件〕命令，打开创建新元件对话框进行设置。

选择元件：①在元件编辑窗口中单击〔场景1〕，切换至场景1窗口。②选择〔窗口〕|〔库〕命令，打开库面板。③将选中的元件拖入场景中即可。

编辑元件：双击元件进入元件窗口中编辑；在元件的属性面板中设置元件的颜色和效果。2.元件操作第73页，共81页，2023年，2月20日，星期四743.使用图库

图库用于存放和组织可重复使用的元件。将元件从图库拖入场景中，就生成了该元件的一个实例。实例是元件的复制品，元件本身仍存放在图库中，对实例的修改不会影响图库中元件的属性，但改变元