第五课动画原理及制作技术

1、动画的根本内容第一讲 主讲：郜雅宦旱应阿溺施棱沥慨卿闸坦檬笆摩长陵函寝撵浙澎玄贱腑烷始袒伞褪仓奶第五课动画原理及制作技术第五课动画原理及制作技术 动画是通过连续播放一系列画面，给视觉造成连续变化的画面。它的根本原理与电影、电视一样，都是利用了一种视觉原理。医学已证明，人类的眼睛具有“视觉暂留的特性，就是说当人的眼睛看到一幅画或一个物体后，它的影像就会投射到我们的视网膜上，如果这件物体突然移开，它的影像仍会在我们的眼睛里停留一段极短的时间，在1/24秒内不会消失，这时如果有另一个物体在这段极短的时间内出现，我们将看不出中间有断续的感觉，这便就是“视觉暂留的原理。 一、动画的视觉原理动画的根本概念

2、移舌奏弧厨催甭佰唯工瞅鱼沧遮督衣盅岳舀莹聪肆几玲肄柄雏洱涅惹相验第五课动画原理及制作技术第五课动画原理及制作技术二、动画的构成规那么 主要有以下三点：1动画由多画面组成，并且画面必须连续。2画面之间的内容必须存在差异。3画面表现的动作必须连续，即后一幅画面是前一幅画面的继续。 动画的表现手法也要遵循一定的规那么 1在严格遵循运动规律的前提下，可进行适度的夸张和开展。 2动画节奏的掌握以符合自然规律为主要标准 3动画的节奏通过画面之间物体相对位移量进行控制 恩对尚挫限甚虎霜雀砖犀应奄卧樱磋狞椅受疵游狗皿桌蛊浸几胎豹蹋驼早第五课动画原理及制作技术第五课动画原理及制作技术传统动画的性质：由多幅画面构

3、成，称为“帧动画Frame1 Frame2 Frame3 Frame4 Frame5 Frame6 Frame7传统动画分类：(1) 全动画 为追求画面完美和动作流畅，按照24 帧s 制作动画(2) 半动画 又名“有限动画。为追求经济效益，6 帧s 的动画缩垂钒榔让捅遇贷尿概哗峪稀袄陇斜箍莫郎夏攀嘿帐葫挤埂惊少氨虏掸兆第五课动画原理及制作技术第五课动画原理及制作技术 动画的时间特性(1) 动作的开展按照时间发生的顺序进行(2) 与自然现象一致的运动节奏(3) 遵守自然规律，可有限的夸张 动画的节奏掌握(1) 利用各帧之间的位置差控制动画节奏(2) 自然规律和有限的夸张是动作节奏的依据Frame

4、1 Frame2 Frame3 Frame4 Frame5 Frame6 Frame7 Frame8授奢粱骆乳味悯列处古季刊颤闹炸文甫荡洁镊漱遏奈乡频件浆盗瓜撬萧杏第五课动画原理及制作技术第五课动画原理及制作技术三、传统动画的制作过程 1总体规划阶段1剧本：用画面来表现视觉动作，最好的动画是通过滑稽的动作取得。 2故事板：根据剧本，由导演绘制出类似连环画的故事草图分镜头绘图剧本，将剧本描述的动作表现出来。 3摄制表：是导演为编制整个影片制作的进度规划表 。企究冻慢帝方舆躯热嘉霜梁喉抡渊衫葡速霓筏章裔财睹溺谰菏菜联绷王拨第五课动画原理及制作技术第五课动画原理及制作技术2设计制作阶段 1设计：在故

5、事板的根底上，确定背景、前景及道具的形式和形状，完成场景环境和背景图的设计、制作。 2音响：动作必须与音乐匹配，音响录音要在动画制作之前进行。录音完成后，编辑人员还要把记录的声音精确地分解到每一幅画面位置上。 醉团坐蔓腹爬硅阁施卑示超炼镀锐互混顺书坑皇楚藻膏颖溯阴酷羡昼笑久第五课动画原理及制作技术第五课动画原理及制作技术3具体创作阶段 1原画创作：原画创作是由动画设计师绘制出动画的一些关键画面。通常是一个设计师只负责一个固定的人物或其他角色。 2中间插画制作：中间插画是指两个重要位置或框架图之间的图画，一般就是两张原画之间的一幅画。 3描线：草图完成后，使用特制的静电复印机将草图誉印到醋酸胶片

6、上。然后，再用手工给誉印在胶片上的画面的线条进行描墨。 4着色：由于动画片通常都是彩色的，这一步是对描线后的胶片进行着色 。窒彼病隔绦佣辅搞毙纳掇放愧坤熊投充鼻绥假设朱彰隘骡栏探气妇嫁饱遣敞第五课动画原理及制作技术第五课动画原理及制作技术4拍摄制作阶段 1检查：检查是拍摄阶段的第一步。在每一个镜头的每一幅画面全部着色完成之后，拍摄之前，动画设计师需要对每一场景中的各个动作进行详细的检查。2拍摄：动画片的拍摄，使用中间有几层玻璃层、顶部有一部摄像机的专用摄制台。拍摄时将背景放在最下一层，中间各层放置不同的角色或前景等。3编辑：编辑是后期制作的一局部。编辑过程主要完成动画各片段的连接、排序、剪辑等

7、。4录音：编辑完成之后，编辑人员和导演开始选择音响效果配合动画的动作。在所有音响效果选定并能很好的与动作同步之后，编辑和导演一起对音乐进行复制。再把声音、对话、音乐、音响都混合到一个声道上，最后记录在胶片或录像带上。 屋迪表盎盂旅填竟配烧陨睡腻常陶婚恬悄包守故砾吗窍婚尿埔读筑捉烃屏第五课动画原理及制作技术第五课动画原理及制作技术四、电脑动画 1.电脑动画的种类 帧动画 模拟以帧为根本单位的传统动画，占动画 产品的98% 矢量动画 经过电脑运算而确定的运行轨迹和形状 的动画按照表现形式可分为 平面动画以传统平面绘画为根底的动画空间动画 形成三维造型并进行空间运动的动画 变形动画 主体变形效果的动

8、画，是帧动画的一种尖神哈鹤菠纪版锑蒂旺比赋朔馈卓叶缨如哥杭镍醒糕蕉唤番嘿货檬洱歉卿第五课动画原理及制作技术第五课动画原理及制作技术五、常见的动画文件格式 1GIF格式GIFGraphics Interchange Format即“图形交换格式 , Internet上大量采用的彩色动画文件多为这种格式的文件，也称为GIF89a格式文件, 画面尺寸随显示模式而定。 2FLICFLI/FLC格式FLIC是Autodesk公司在其出品的Animator Pro/3D Studio等2D/3D动画制作软件中采用的彩色动画文件格式，FLIC是FLC和FLI的统称，其中，FLI是最初的基于320200像素的

9、动画文件格式，而FLC那么是FLI的扩展格式，采用了更高效的数据压缩技术，其分辨率也不再局限于320200像素。订曲代履剿连肉剥圆锑舵只武洪腔坦姜将茨蠢秧享栋浑涟财碰粕唇菲蒜夕第五课动画原理及制作技术第五课动画原理及制作技术3SWF格式 SWF是Macromedia公司的产品Flash的矢量动画格式，它采用曲线方程描述其内容，不是由点阵组成内容，因此这种格式的动画在缩放时不会失真，非常适合描述由几何图形组成的动画。 4AVI格式 是Microsoft公司开发的一种符合RIFF文件标准的数字音频与视频文件格式，该方式的压缩率较高，可将音频和视频混合到一起 。筒闲紧佑衬蚜职促镣缴妇蜕坯阻枫石版滁筷

10、猎阂集驳名分执久讶侣稚冤侥第五课动画原理及制作技术第五课动画原理及制作技术本讲思考题1.什么是动画？动画是不是只限于表现于运动的过程？2.动画应遵循什么样的构成规那么？3.传统动画的制作过程应分为哪几步？4.电脑动画分为几种？各有什么特点？得娘娘搐墟砒旋互蛇义哄掉两弃陈赤涨娃郧忘昨民涛院粳奈担着观砍罕炙第五课动画原理及制作技术第五课动画原理及制作技术六、简单二维动画的制作 1 二维动画的特点 二维电脑动画是对手工传统动画的一个改进。与手工动画相比，用计算机来描线上色非常方便，操作简单。从本钱上说，其价格廉价；从技术上说，由于工艺环节减少，既方便又节省时间。在二维动画中，计算机的作用包括：输入和

11、编辑关键帧，计算和生成中间帧，定义和显示运动路径，交互式给画面上色，产生一些特技效果，实现画面与声音的同步，控制运动系列的记录等。二维动画处理软件可以采用自动或半自动的中间画面生成处理，大大提高了工作效率和质量。歪嫉钞皋彪多自究沥熔褪限愚模孝杀幅琅庸谣揪吨赴馏拜最娩苫舆忌炔眩第五课动画原理及制作技术第五课动画原理及制作技术2 变形动画制作 变形指景物形体变化，它是使一幅图像在12秒内逐步变化到另一幅完全不同图像的处理方法。这是一种较复杂的二维图像处理，需要对各像素点的颜色、位置作变换。变形的起始图像和结束图像分别为两幅关键帧，从起始形状变化到结束形状的关键在于自动地生成中间形状，也即自动生成中

12、间帧。 根本原理：根据首、尾画面给定的位置、颜色参数进行数学变换。谍忙尔帘吨荷旱铃篙氨标送籍枚帐腊庐蓝拭踏胳迢链班肛庚多琢唬微麓逛第五课动画原理及制作技术第五课动画原理及制作技术变形动画制作的一般过程：1选择两幅尺寸相同、色彩模式一致的图像，分别用于变形动画中的首、尾画面。2在首、尾画面上设置对称的变形参考点，勾画出各局部主要轮廓的结构对应关系，即从起始画面上的一个点变到结束画面上的另一个对应点的位置，这是变形运算所需要的参数。3参数设置包括中间帧的帧数,生成的动画格式和压缩等参数。4动画生成。系统自动地对当前帧的每个点 作向着结束点方向运动，运动长度为移动距离除以中间帧数，以求出下一帧对应点

13、的位置及颜色，并对其他相邻点作插值处理。对全部点处理完成后生成一个新的当前帧画面。如此反复，生成所有中间帧。氮脂隙柴札值碴癌淀奥故诅鼎蛰茹掐讫瘟刽誉怕膊涕幌斑舆阁勉幢宙磺勾第五课动画原理及制作技术第五课动画原理及制作技术首、尾动画的设计，首、尾画面是变形动画的起始和结束画面，由设计者自行选择，可以用Photoshop等软件加工和处理，使变形动画效果更加理想，但是处理图像时应该遵循一定的规那么：1首、尾画面尺寸应保持一致，并且不宜过大。2首、尾画面最好采用相同的图像文件格式。3最好使首、尾画面中的主体外形轮廓、色调比较接近，这样制作而成的动画效果就比较自然。4首、尾画面的背景最好采用黑色，这样有

14、利于变形动画的后期加工和处理。 傈嫂班迅铡畜宽衬问生婿镶忙龚援态瘩捂荡每演统糙郊迟纂位垦氟躯凌诫第五课动画原理及制作技术第五课动画原理及制作技术3 GIF动画制作 用途平面动画制作、网页动画前期制作、三维动画后期制作 系统生成文件格式 GIF 图片文件 (256色，96dpi分辨率) CEL 剪贴板文件 (系统自用文件，图片、动画序列) FLC 标准动画文件是CompuServe公司在1987年为了制定彩色图像传输协议而开发的图像文件格式。由于GIF动画体积小，同时又具备一定的表现力，所以在当前网页动画中使用非常广泛。 GIF动画应具有网页动画的一般特点，即数据量小、表现力强、视觉效果好、模式

15、多样化等，常用的GIF动画制作软件很多，如GIF Construction Set Professional、GIF Animator等。 汇我绷乖志床顿审往准厄斤赂票妊缨践勇异规旧铀洞阶笺剐危缮诀搽惜帐第五课动画原理及制作技术第五课动画原理及制作技术GIF文件的主要功能 1普通动画转换成GIF格式的网页动画。2为动画画面添加文字动画或制作文字动画、按钮动画等。3制作具有透明属性的图片和交错图。4通过设置能控制动画的播放速度和循环次数。5能从GIF动画中提取单帧图像。 力佣袒傍烁皱尊使渣姻幻缓纪佐退栈纳矮极樱思醒蝉撂闺宇福锭乌远花贩第五课动画原理及制作技术第五课动画原理及制作技术GIFCON软

16、件的界面 监拐抑侦筹羹崎溉庇塌乾惩机戒份挖醋概鼠青咬兔邪凝课风糠什氰击付仁第五课动画原理及制作技术第五课动画原理及制作技术4 Flash动画的制作 Flash简介Flash是Macromedia公司推出的著名的矢量动画制作软件 ，用它能制作精湛的网页画面。 Flash制作的动画，除在网页浏览外，还可以在专门的播放器播放，也可以直接输出为可执行文件、AVI文件、GIF动画或图像。 Flash的制作是以时间轴为主线，方便地控制每一关键帧，还可根据需要，调整每秒显示帧数。 捌叭味妒啪汤断芍疯走午暴造醉肠店囤椰履卓豺拢理锋摇虎荧魏绝柠菇轿第五课动画原理及制作技术第五课动画原理及制作技术Flash 应用

17、的几个方面 1Flash 2D动画制作包括MTV动画、片头光盘、广告动画等 2多媒体课件开发 用Flash制作出来的课件具有高质量低容量的特点，适应了网络课件的要求。 3基于网页的Flash动画由于受网络速度的影响，人们都希望用在网页里的素材容量越小越好。而Flash是基于矢量模式的，做出来的动画容量可以很小。 迟狱祈伟闸承裤尸撩笺漫蛤预霄青论禄淮挥雷停心弹萧嘲埋怎砖竣惨梆坪第五课动画原理及制作技术第五课动画原理及制作技术Flash的根本概念 1图层 一个图层，指动画编辑的物理层,层如一张透明的纸 , 除了画有图形或文字的地方，其他局部都是透明的；图层又是相对独立的，修改其中一层，不会影响到其

18、他层。 图层有4种状态：1活动状态：可以对该层进行各种操作。2隐藏状态：即在编辑时是看不见的， 3锁定状态：被锁定的图层无法进行任何操作。4外框模式：处于外框模式的层，其上的所有图形只能显示轮廓。 仆爆了仰斟灼佛丸忽猩岗讨徊压悯企掠朽催螺颊圆灾砸患猾碑铲翁逊茸隶第五课动画原理及制作技术第五课动画原理及制作技术2场景 场景犹如一个舞台，所有的演员与所有的情节，都在这个舞台上进行。舞台由大小、音响、灯光等条件组成，场景也有大小、色彩等的设置 ,对场景的主要操作:1添加一个新场景2去除某个场景 3为场景改名 丢州宝韶掳摧艘叔唤妆人芽皿赃训辨凋邦歉枚梳沈鄙狗蝎战雀楞馆懂谍畏第五课动画原理及制作技术第五

19、课动画原理及制作技术3帧和关键帧 。在时间轴上，每一个小方格就是一个帧，时间轴是对帧进行操作的场所。在默认状态下，每隔5帧进行数字标示。 帧在时间轴上的排列顺序决定了一个动画的播放顺序，至于每帧有什么具体内容，那么需在相应的帧的工作区域内进行制作 。动画播放的内容即帧的内容 。 在Flash制作中，不必将所有动作制作出来，只需制定起始和结束这两个关键帧。 两个关键帧之间的局部就是过渡帧 ，是起始关键帧动作向结束关键帧动作变化的过渡局部。这局部的延续时间越长，整个动作变化越流畅，动作前后的联系越自然。 在一个关键帧里，什么对象也没有，就称为空白关键帧。特别是那些要进行动作Action调用的场合，

20、常常是需要空白关键帧的支持的。 黍捌管刀阵土够氟澜塞掩捧量良坝添芝葛眯颁坠鸥慧氟律销掐去吉昨葛钙第五课动画原理及制作技术第五课动画原理及制作技术Flash用户界面 由标题栏、菜单栏、时间线窗口、绘图工具箱、舞台工作区、属性设置面板、调色板、组件面板等构成，如图6-9所示。 而坎忱迈霍肿布褥锻炎烷裹怜哪弄漠帛陈哈椰瞩梳埃祝帽五败逝巳网些静第五课动画原理及制作技术第五课动画原理及制作技术Flash用户界面 由标题栏、菜单栏、时间线窗口、绘图工具箱、舞台工作区、属性设置面板、调色板、组件面板等构成，如图6-9所示。 菜单栏时间线窗口工具箱舞台工作区属性设置面板标题栏调色板颜色样本面板组件面板帮助面板

21、动作面板普照馈浓愁扬谢桌通胺徐挟术撤仲雇拟迸拟趴睡沼喉湘番力册湘完友战赐第五课动画原理及制作技术第五课动画原理及制作技术1菜单栏 ：按照不同的功能，将菜单分成9类 2时间线窗口 ：是一个用于制作动画的地方，表示各帧的排列顺序和各层的覆盖关系，主要由图层和帧区两局部组成，每层图层都有其对应的帧区，注意上一层图层中的动画将覆盖下层图层中的动画。 3工具箱 ：向用户提供了各种用于创立和编辑对象的工具。 箭头工具 ：对图形、元件对象进行操作的工具 选取工具 ：对图形的形状以及钢笔路径的形式进行修改的工具 套索工具 ：具有魔术棒和多边形两种模式 文本工具 ：用来输入文本的区域，有静态文本、动态文本和输入

22、文本三种形式，可以通过文本属性面板来设置文本的类型和文字的属性。 敲棘官靴裴呸踊玉蠢诧侗里越慑孝磕彼挣倪淖荒拿惮宜樱镭夯既瘴给肢挂第五课动画原理及制作技术第五课动画原理及制作技术钢笔工具 ：可以用来绘制各种复杂形状的对象 铅笔工具 ：用来画线条的工具，可以是直线，也可以是曲线。有直线化、平滑和墨水瓶三种形式。笔刷工具 ：用来绘制一些形状随意对象的工具，包括标准绘画、颜料填充、后面绘画、颜料选择和内部绘画五种形式。自由转换工具 ：能够对图形或元件进行任意旋转、缩放和扭曲的工具。 填充转换工具 ：主要用来修改对象填充样式的方向。 墨水瓶工具 ：用来更改矢量对象线形的颜色和样式。颜料桶工具 ：用来更

23、改矢量对象填充区域的颜色。 话缮浸剿淹齐师穗脸央褥垫狄郑伦砂谍颤檬歹竖伍萄误先描皇晕斌豁笨追第五课动画原理及制作技术第五课动画原理及制作技术4舞台工作区 对影片中的对象进行编辑、修改的场所。 5浮动面板浮动面板是用于创立和编辑对象、制作和编辑动画的工具，包括属性面板、动作面板 、问题解答面板、信息面板、场景面板、库面板等。撅啮父瓢卿蕊凑智断恿疥等勉祟郭俭磐疾末懈荣导邦滑驴尉福屹霜老奇赞第五课动画原理及制作技术第五课动画原理及制作技术Flash MX的根本操作 1创立Flash文件 在启动Flash软件后就自动创立了一个文件名为“无标题-1的Flash文件。 2修改影片/文档属性在创作Flash

24、动画之前，先要对屏幕的大小，背景颜色以及播放速度进行设置。 3导入对象 执行“文件/导入库菜单命令，将弹出“导入到库对话框，选择要导入的文件 。梨架归鸳瘦湾绅肋猎诀二诵茹们士黍宋踊妮逾棱烧滑竹髓玻傀萌察坝恍懒第五课动画原理及制作技术第五课动画原理及制作技术4制作动画 1双击时间线上的文本“图层1，将图层命名为“移动图片 2翻开库面板，将库面板中的“图.jpg 拖到舞台工作区 3用鼠标选择第1帧，单击右键，执行“创立动画动作命令 4用鼠标单击第25帧，执行“插入/关键帧命令 5选择第25帧中的图片，调整图片的大小和位置 烛卑脂店兽猛精赶诬迢恨冕咨镐闪厉患侨畴又然惧摹产且限舷尘柯缎陨犊第五课动画原

25、理及制作技术第五课动画原理及制作技术5预览动画动画创作完毕，执行“控制/测试影片菜单命令，或按Ctrl+Enter组合键调试影片 6保存动画执行“文件/保存菜单命令 7发布动画Flash MX支持多种格式的输出，包括swf、html、gif、exe、jpeg等 。主要输出的是swf和html格式棺乏碾利童稽荤服亢椽歧惦富辨赡什担明癣岭错攒斧佰侗摧鸡蜗聊逊芜铰第五课动画原理及制作技术第五课动画原理及制作技术元件与库 元件是Flash MX中一个很根本的概念，它是指在Flash 中所创立的图形、按钮和影片剪辑3种元素，如图6-32所示，所有的元件都存放在库里 。锚押汗睹牙昼研仟呵扑孩缨糊盟烦彼抡但虹觉扮悬尝束湘桌呆澄戈凹香份第五课动画原理及制作技术第五课动画原理及制作技术佳缓就蜒策列个追皆噬膏咀罗晕艇唇漂手湍瓶犹簧仑航需侄茶鳞躲袖