第8章-动画制作技术

动画制作技术第8章8.1动画制作参考书8.2动画基本概念■动画原理■电脑动画基本概念8.3制作平面动画■画面绘制■增加质感■绘制动画■自动动画■剪贴板操作■保存动画●自学读物电脑动画的活动画面制作技术￥38.00元电子工业出版社●教材(附习题)平面动画制作教程￥22.00元机械工业出版社●自学读物电脑动画的画面制作技术￥38.00元电子工业出版社动画制作参考书8.1教学进程8.2.18.2动画基本概念●早期的动画动画原理观看动画的机器●视觉效果教学进程●动画的本质动作的变化是动画的本质——英国动画大师JohnHalas●传统动画分类(1)全动画——为追求画面完美和动作流畅，按照24帧／s制作动画(2)半动画——又名“有限动画”。为追求经济效益，6帧／s的动画●传统动画的性质——由多幅画面构成，称为“帧动画”Frame1Frame2Frame3Frame4Frame5Frame6Frame7教学进程8.2.2●动画的时间特性(1)动作的发展按照时间发生的顺序进行(2)与自然现象一致的运动节奏(3)遵守自然规律，可有限的夸张动画时间与节奏的掌握●动画的节奏掌握(1)利用各帧之间的位置差控制动画节奏(2)自然规律和有限的夸张是动作节奏的依据Frame1Frame2Frame3Frame4Frame5Frame6Frame7Frame8t教学进程8.2.3●电脑动画的种类●帧动画——模拟以帧为基本单位的传统动画，占动画产品的98%●平面动画——以传统平面绘画为基础的动画●颜色动画——形成颜色流动效果的动画●变形动画——主体变形效果的动画●矢量动画——经过电脑运算而确定的运行轨迹和形状的动画●空间动画——形成三维造型并进行空间运动的动画●电脑软件是动画制作的必要条件，并提供自动动画功能●电脑动画以文件形式保存，采用国际标准的FLC和GIF89a格式标准格式网页格式电脑动画基本概念●电脑动画的特点●所有动画必须经过电脑的运算和处理教学进程8.2.4●动画文件的种类与格式●标准动画文件——FLI格式(画面320×200)、FLC格式●矢量动画文件——各类算法语言独有的格式●网页动画文件——GIF89a格式(画面尺寸随显示模式而定)动画文件●动画文件的保存HardDiskCD-RFloppy●动画文件数据量大，但可压缩性很小●需要大容量存储介质●动画的应用模式●电脑演示(多媒体产品、教学课件等)●影视产品(动画片、VCD、专业与家用录象带等)教学进程8.3制作平面动画8.3.1●硬件环境——内存≥32MB，显示模式≥16bit增强色●系统生成文件格式GIF——图片文件(256色，96dpi分辨率)CEL——剪贴板文件(系统自用文件，图片、动画序列)FLC——标准动画文件●用途——平面动画制作、网页动画前期制作、三维动画后期制作●帧动画制作软件，最大帧数4000●绘画工具和效果工具组合使用绘画效果AnimatorPro简介教学进程(1)进入“平面动画”文件夹，双击Ani.exe图标，解压缩安装(3)鼠标右键单击快捷图标，选择“属性”(5)单击“退出时关闭”选项，使其有效(7)单击“全屏幕”选项，使其有效(8)单击[确定]按钮系统安装(4)选择“程序”卡片(6)选择“屏幕”卡片(2)建立C:\Ani13\Ani.exe的快捷方式●个别兼容计算机主板和显卡不支持AnimatorPro8.3.2教学进程(1)双击快捷图标，等待片刻启动(2)主画面简介功能菜单绘图工具(23个)效果工具(35个)调色板(256色)画面控制取样板8个动画编辑区域当前颜色●鼠标左右键各有不同功能(3)操作规律●菜单分层较多,右键单击编辑区，可返回主画面系统启动8.3.3教学进程浏览与调入动画8.3.4(1)选择“Ani／Browse”菜单(2)单击动画图标(3)单击[Play]和[Ok]观看动画(4)单击[Load]和[Ok]调入动画教学进程8.3.5●选择和更换颜色(2)更换取样板颜色——鼠标右键单击取样板，左键单击屏幕上某颜色(1)选择当前颜色——鼠标左键单击取样板、调色盘或当前颜色框画笔粗细画面绘制●选择画笔粗细(1)鼠标右键单击画笔位置画笔预览三种笔尖形状调节画笔粗细(3)鼠标右键单击画面空白处结束(2)调节粗细和笔尖形状●(1)选择当前颜色和画笔粗细(2)使用[Draw]工具画线画自由线段●清除画面选择“Pic／Clear”菜单教学进程●使用[Box]工具画矩形画矩形●填充使用[Fill]按钮填充(图形必须封闭，色块也视作封闭图形)打开[F]，画实心矩形关闭[F]，画空心矩形使用[Line]工具画直线●画直线●画多边形使用[Poly]工具画多边形，使用[F]按钮决定是否实心●撤消操作——单击[Undo]按钮(只能撤消一次)●隐去工具及菜单——鼠标右键单击编辑画面(再次单击则显示)使用[Spray]按钮喷涂右键单击[Spray]，改变喷涂速度和范围●使用喷枪教学进程8.3.6●玻璃效果——[Glass]按钮(1)鼠标右键单击[Glass]，调整透明度(2)用[Box]工具在图形上画一块“玻璃”●无效果——[Opaque]按钮●柔化效果——[Soften]按钮(1)用[Box]工具画矩形，图形被柔化(2)用[Draw]工具在图形边缘画，边缘被柔化●纵向渐变色——[VGrad]按钮(1)选择调色盘(鼠标左键单击小调色盘编号)(2)使用[Fill]工具填充图形填充前填充后Glass效果增加质感效果工具(35个)教学进程8.3.7(2)移动滑块，在清单中找到需要的工具，单击它(3)鼠标右键单击空白处退出(1)鼠标右键单击需更换的工具工具清单滑块工具盒●绘图工具与效果工具的更换方法完全相同更换工具教学进程8.3.8●绘制画面绘制动画●增加画面(具有自动复制功能)(1)鼠标右键单击画面控制区(2)单击[Insert]按钮，增加一帧(3)单击画面控制区的[→]按钮，翻到第2帧(4)鼠标右键单击画面空白处，返回主画面●绘制第2帧画面，然后继续增加画面●单击[]按钮，观看动画8.3.9动画控制首帧回退一帧当前帧前进一帧播放尾帧教学进程8.3.10绘制动画举例●绘制图形举例DEMO●绘制动画举例(原地动画)●图像动画举例●[操作步骤](1)选择“Pic/Files”菜单(2)单击[Load]按钮(3)确定盘符、目录和图像文件(4)单击[Load]按钮(5)增加一帧(6)修改新增加的帧教学进程8.3.11自动动画(1)单击[T]按钮(2)选择“Cel／Clip”，把动画装入剪贴板●将动画装入Cel剪贴板●增加一组连续的帧(1)鼠标右键单击画面控制区(2)鼠标右键单击[Insert]按钮(3)移动滑块，确定帧数(4)单击[OK]按钮●自动动画的作用——自动生成直线运动、绕轴转动、沿曲线移动、改变大小教学进程(自动动画控制画面)控制工具栏绕轴旋转大小模式直线移动自由路径菜单动画控制●自动动画控制画面(2)选择“Presets／ClearAll”菜单(1)选择“Ani／Optics”菜单(3)选择“Element／Cel”菜单教学进程●绕轴旋转(4)单击绕轴旋转按钮[←]和[→](数字为负时，反向旋转)(1)单击[Spin]按钮(2)单击[Center]和[Defult]按钮，确定坐标中心(3)单击[Turns]按钮，确定旋转基本单位(圈)(5)单击[View]按钮预览(效果不佳时，可重新进行步骤4)单击[Loop]按钮连续预览，单击右键停止绕横轴旋转绕纵轴旋转平面旋转基本单位(圈)绕横轴旋转绕纵轴旋转平面旋转教学进程●改变大小(2)移动Reduce滑块调整缩小比例(3)调整Enlarge滑块，调整放大比例(1)单击[Size]按钮●步骤(2)和(3)只能进行一个！●直线运动(1)单击[Move]按钮(3)单击鼠标左键，结束设置(2)单击画面移动象征图形的虚线框教学进程●自由路径运动(1)单击[Path]按钮(2)单击画面设置曲线各个拐点(3)单击鼠标右键结束(4)选择“Presets／QuitOptics”菜单，退出自动动画控制画面(3)鼠标左键单击[Render]按钮，生成动画(2)单击[Preview]按钮预览动画。如有问题，单击[Cancel]按钮返回(1)单击[Use]按钮●自动生成●绕轴旋转、改变大小、直线运动、自由路径可同时设置教学进程自动动画举例8.3.12●原地动画→移动动画(使用[Move]按钮实现)教学进程(沿自由路径移动的同时翻滚)●小鸟沿自由路径飞行动画●制作复杂形式的图像动画(公共汽车移动)(旗帜飘动)(小鸟合成)(使用剪贴板操作)剪贴板操作8.3.13(1)获取图形(常用Get)●每次存储一个图形或动画(存储新内容后，原有内容消失)●退出系统后剪贴板失效剪贴板图形、动画编辑器自动获取图形获取矩形区域内的图形手工圈定图形移动剪贴板内图形位置直接粘贴粘贴时改变图形形态旋转图形清除剪贴板剪贴板文件操作AniFlicPicCelTraceSwapPocoExtraAnimCel...ClipGetLassoMovePasteStretchTurnReleaseFiles…获取粘贴●简要使用方法(2)粘贴图形(常用Paste)(3)保存剪贴板内容(文件扩展名“.cel”)教学进程(1)选择“Flic／Files...”菜单8.3.14(2)单击[Save]按钮(3)确定盘符和目录(4)输入文件名(5)单击[Save]按钮保存为FLC格式保存动画8.3.15退出AnimatorPro(1)退出之前，确认动画已经保存(2)选择“Ani／Quit”菜单(3)选择退出方式建议选择“退出系统”退出保存系统状态退出系统不退出教学进程●第6章动画制作技术8.1动画制作参考书8.2动画基本概念●8.2.1动画原理8.2.2动画时间与节奏的掌握●8.2.3电脑动画基本概念8.2.4动画文件8.3制作平面动画8.3.1AnimatorPro简介8.3.2系统安装8.3.3系统启动●8.3.4浏览与调入动画●8.3.5画面绘制8.3.6增加质感●8.3.7更换工具●8.3.8绘制动画●8.3.9动画控制8.3.10绘制动画举例●8.3.11自动动画8.3.12自动动画举例●8.3.13剪贴板操作●8.3.14保存动画8.3.15退出AnimatorPro小结教学进程END(1)制作一个动画。●描述花开的过程。●画面数：10。●保存动画，文件名为“demo01.flc”。(2)制作自动动画。●自己的英文名由小到大、翻滚出来。●画面数：20。●保存动画，文件名为“demo02.flc”。课外作业教学进程动画制作技术第8章(续)8.4制作网页动画■网页动画编辑软件Gifcon■Flash软件简介■绘制动画■制作帧动画■制作自动动画■为动画添加声音8.5制作变形动画■变形动画基本概念■选择文件输出格式■设置文件输出参数■首、尾画面的加工与调入■设定变形参考点■生成变形动画8.4制作网页动画8.4.1网页动画的特点●采用GIF89a格式，256色/96dpi，扩展名“.gif”●数据量小，便于传送●使用ACDSee软件可观看动画效果●帧动画模式8.4.2网页动画编辑软件Gifcon参考书￥19.00Gifcon动画转换图片序列GIF89a标准动画file00.gif、...file13.gif网页动画GIF89a●Gifcon的作用教学进程安装软件●(1)双击gif_con.exe文件，输入密码“gifcon”，解压缩至硬盘中(2)选择“File／New”菜单，系统复位菜单工具按钮命令编辑区图片显示区(2)建立Gifcon.exe文件的快捷图标●启动Gifcon(1)双击Gifcon快捷图标教学进程●操作步骤(1)单击[Insert]按钮(2)单击[Image]按钮(3)选择路径及文件序列(4)单击[OK]按钮(5)显示图片序列(6)光标条置于顶端(7)单击[Insert]按钮(8)单击[Loop]按钮和[Control]按钮(9)双击“Control”命令行(10)设置时间间隔，单