动画制作手段

动画制作技术第8章8.1动画基本概念8.1.1什么是动画8.1.2制作动画的设备8.1.3制作动画的软件8.1.4纪录动画的文件8.2变形动画及其制作8.2.1制作变形动画的软件8.2.2首、尾画面的加工与使用8.2.3确定动画文件的格式和参数8.2.4确定变形的参考点8.2.5生成与保存变形动画8.3网页动画及其制作8.3.1什么是网页动画8.3.2网页动画的制作工具8.3.3使用GIFCON制作网页动画8.3.4使用FLASH制作网页动画8.3.5FLASH的界面特点与绘制工具8.3.8动画的画法8.3.7制作帧动画8.3.8制作自动动画8.3.9为动画添加声音8.3.10保存动画8.1动画基本概念●动画由多幅画面组成，当画面快速、连续地播放时，由于人类眼睛存在“视觉滞留效应”而产生动感。当被观察的物体消失后，影像仍在大脑中停留一段时间，约为1/24s。8.1.1什么是动画●基本概念动作的变化是动画的本质——英国动画大师约翰.海勒斯Frame1Frame2Frame3Frame4Frame5Frame8Frame7●动画的本质教学进程●最原始的动画观看动画的机器●视觉效果1831年，法国人约瑟夫·安东尼·普拉特奥(JosephAntoinePlateau)在一个可以转动的圆盘上按照顺序画了一些图片教学进程●动画的历史1908年美国人J·斯泰瓦德（J·Steward）制作了一部名叫“滑稽面孔的幽默形象”的短片，非常接近现代动画概念1908年法国人EmileCohl首创用负片制作动画影片，负片从概念上解决了影片载体的问题，为今后动画片的发展奠定了基础1909年美国人WinsorMcCay用一万张图片表现一段动画故事，这是迄今为止世界上公认的第一部真正的动画短片1915年美国人EerlHurd创造了在赛珞璐片上画动画片，再拍成胶片电影的动画制作工艺，这种工艺一直沿用至今1928年美国人华特·迪斯尼(WaltDisney)完善了动画体系和制作工艺，被誉为商业动画影片之父，他把动画影片推向颠峰今天动画本质没有多大变化，而动画制作手段却发生了巨大变化，如：电脑动画、电脑特技动画教学进程●动画的构成规则1)动画由多画面组成，并且画面必须连续2)画面之间的内容必须存在差异3)画面表现的动作必须连续，即后一幅画面是前一幅画面的继续Frame1Frame2Frame3Frame4Frame5Frame8Frame7Frame81)在严格遵循运动规律的前提下，可进行适度地夸张和发展2)动画节奏应符合自然规律，可适度夸张3)动画节奏由画面之间物体的位置差决定位置差越大，移动速度越快●动画的表现规则教学进程传统动画1)制作声音对白和背景音乐2)根据声音计算动画格数3)设计人员绘制动画关键画面4)绘制人员描画关键画面之间的插画5)把纸上的动画轮廓复制到赛珞璐片上8)上色人员为赛珞璐片上色7)拍摄电影胶片之前检查动画画稿9)对电影胶片进行剪辑和编辑8)电影摄制人员把赛珞璐片拍成电影●传统动画是怎样制成的●教学进程●全动画与半动画●半动画——又名“有限动画”，为追求经济效益，6帧／s的动画，不足的画面，采用动作重复或延长画面停顿时间补足●全动画——为追求画面完美和动作流畅，按照24帧／s制作动画1232324……教学进程123456电脑动画第一阶段在屏幕上依次画出简单的线条、几何图形和颜色块，电脑一丝不苟地把绘画过程记录下来。在需要时，由电脑重复绘画过程，使人们看到活动的画面在屏幕上依次绘制画面，动画的主体从简单的线条、几何图形过渡到复杂的图形、丰富多彩的颜色。动画基本体现了传统动画的风格第二阶段以先进的软件和硬件作为基础，更加逼真地模拟传统动画，并进一步制作传统动画难以表现的题材，如三维造型动画、变形动画、仿真动画、矢量动画等第三阶段●●电脑动画的发展教学进程●帧动画——模拟以帧为基本单位的传统动画，占动画产品的98%电脑动画的分类●矢量动画——经过电脑运算而确定的运行轨迹和形状的动画●空间动画——形成三维造型并进行空间运动的动画●颜色动画●平面动画●变形动画●教学进程制作动画的设备8.1.2多媒体电脑●高速CPU●足够大的内存●大量的硬盘空间1●尽量选用屏幕尺寸大、色彩还原好、点距小的彩色显示器23●鼠标反应灵敏、移动连续、无跳跃、手感舒适，可选配笔形鼠标●特殊的设备，如摄像机、视频卡等4教学进程制作动画的软件8.1.3AnimatorPro平面动画制作软件。用于制作帧动画，绘制功能强AnimationStudio平面动画处理软件。用于加工帧动画，处理能力强FlashMX网页动画软件。用于绘制帧、矢量动画，可添加声音WinImage:morph变形动画软件。根据首、尾画面自动生成变形动画GIFConstruction网页动画软件。把动画和图片序列转换成网页动画3DStudioMax三维动画制作软件。用于制作三维造型动画Cool3D三维文字动画软件。用于制作帧动画、视频Maya三维动画制作软件。用于制作动画片、广告、电影等Premiere动画视频处理软件。用于处理视频、广告、电影等教学进程8.1.4●动画文件的种类与格式纪录动画的文件●FLC格式——AnimatorPro生成的文件格式每帧256色，画面分辨率320×200~1800×1280代码效率高、通用性好，大量用在多媒体产品中●AVI格式——视频文件格式，动态图像和声音同步播放受视频标准制约，画面分辨率不高●GIF格式——用于网页的帧动画文件格式(1)单画面图像，256色，分辨率98dpi(2)多画面图像(动画)，256色，98dpi●SWF格式——Flash制作的动画文件格式主要在网络上演播，特点：数据量小，动画流畅教学进程8.2变形动画及其制作尾画面首画面……变形过程……(画面数量、变形参考)变形效果8.2.1制作变形动画的软件●Morph全称:WinImages:morph英文版经典软件●内存容量:32MB或更大(建议128MB)●变形过程使用的最大画面数:9999帧●首尾画面的文件格式:BMP/TGA/GIF/FLC●输出文件格式:BMP/TGA/TIF/GIF/FLC●显示模式:RGB24bit真彩色/256彩色/灰度教学进程8.2.2首、尾画面的加工与使用●首、尾画面处理规则●采用标准显示尺寸(840×480、1024×788)840480●参与变形的两个主体轮廓形状应接近●在画面中的相对位置也应尽可能一致●色调应保持一致或接近●背景不适宜采用彩色图案，应一律采用单色●采用相同的文件格式BMPBMP●首、尾画面的尺寸一致●目的：变形自然、和谐，便于后期加工●变形效果教学进程●启动Morph●选择[开始]/“程序/WinImages/WinImages_morph”●打开首、尾画面(1)选择“File／Loadstartframe…”指定路径文件名，调入首画面(2)选择“File／Loadendframe…”指定路径文件名，调入尾画面变形过程图片(电影窗口)菜单功能按钮首画面尾画面中间画面教学进程8.2.3确定动画文件的格式和参数●选择输出文件格式●选择“File／OutputFileType”菜单●FullcolorWinbmp...(全彩色bmp图片序列)●GIF(258color)(网页动画图片序列)●AnimationFLIC...(标准动画片)●Targa24/32bit…(影视播放序列图片)教学进程●设置文件输出参数●[操作步骤](9)单击“OK”按钮(2)设置总画面数(3)设置开始画面(4)设置结束画面(5)设置当前画面(8)输入路径和文件名(与文件格式对应)(7)确定画面尺寸(取首画面尺寸)“SettoStartFrameSize”(8)使Use/Save两项有效(1)选择“Settings/sequencecontrols...”菜单教学进程8.2.4确定变形的参考点(1)鼠标左键单击首画面产生变形参考点尾画面自动产生对应的(2)光标对准尾画面用鼠标右键拖曳该点移动，调整位置●[操作步骤]●先沿图形边缘设定，再设定图形内部●设置的变形参考点越多，变形越细腻●变形路径不能交叉●欲删除变形参考点，鼠标右键单击该点，按〈Del〉键●设置规律教学进程8.2.5生成与保存变形动画●生成在生成过程中，依次显示中间画面和图片序列，并自动保存●选择“Generate/Sequencegenerate...”菜单，生成过程开始●选择“File/Exit”菜单，退出Morph●退出●注意1)影响生成速度的因素：画面尺寸大、真彩色、变形参考点多2)若生成中途停止，则内存容量不足3)生成过程中不要进行任何操作，以免变形中断、数据丢失●根据需要进行后期加工，如合成背景画面、音乐以及新的动画等教学进程●变形动画制作举例变形素材1a.bmp变形素材1b.bmp●首、尾画面●帧数：12●输出格式：GIF图片序列[操作步骤]●启动Morph●打开首、尾画面●选择输出文件格式●设置文件输出参数●规定变形的参考点●生成●退出Morph●输出尺寸：与首画面相同教学进程8.3网页动画及其制作8.3.1什么是网页动画●用在国际互联网络网页上的动画是网页动画●网页动画的特点●数据量小●表现力强(活动画面更易引起人们的注意)●视觉效果好(如果设计得当，视觉效果好)●模式多样化(矢量动画，帧动画)●如何制作网页动画●途径1——利用转换工具将多种动画转换成网页动画●途径2——使用专门的网页动画制作软件直接生成网页动画教学进程8.3.2网页动画的制作工具(2)选择“File／New”菜单，清除命令窗口●GIFCON是一种网页动画转换软件,全称GIFConstructionSetGifcon动画工具图片序列网页动画GIF89a●Gifcon的作用(3)选择“File／Exit”菜单，退出系统●启动与退出(1)双击Gifcon快捷图标(命令窗口)动画预览教学进程(1)选择“File/New”菜单清除命令窗口●操作步骤8.3.3使用GIFCON制作网页动画●插入图像文件与控制命令(2)单击“Insert”按钮(3)单击“Loop”按钮(4)双击“Loop”命令行循环次数设为“0”(5)单击“Insert”按钮(8)单击“Control”按钮(7)双击“Control”命令行设置时间间隔，单击“OK”按钮LoopControl教学进程●插入图像文件与控制命令●操作步骤(续)(8)单击“Insert”按钮(9)单击“Image”按钮(10)选择路径、文件序列单击“OK”按钮(11)选择调色板及其他单击“OK”按钮(2)按〈Ctrl〉+〈C〉键复制(3)按〈Ctrl〉+〈V〉键，把“Control”命令行分别粘贴到各图片之间LoopControl(1)单击“Control”命令行●最后加工图片序列“Control”命令行分别粘贴到各图片之间(4)双击“Control”命令行，并修改时间间隔，可控制动画的节奏教学进程下一張圖片顯示前，會先以背景顏色塗掉目前的圖片●动画预览(2)输入文件名单击“View”按钮预览单击鼠标右键结束预览●保存动画(1)选择“File/saveas…”(3)单击“OK”按钮●退出(1)选择“File/Exit”菜单，显示提示信息(2)单击“OK”按钮●可使用ACDSee和InternetExplorer观看动画效果●制作网页动画过程中，GIFCON产生一个THN格式的文件，可予以删除教学进程●使用GIFCON制作动画举例●素材：使用变形动画例题中生成的GIF图片序列t01.gif……t12.gif●时间间隔：8/100s●输出格式：gif[操作步骤]●启动GIFCON●清除命令窗口●插入Loop命令●插入Control命令●插入Image图片●复制Control命令●保存●退出GIFCON●无限循环教学进程Sun00.gifSun01.gifSun02.gif8.3.4使用Flash制作网页动画●动画文件格式●FLS(可编辑源动画)●SWF(网页成品动画)●AVI(视频)●GIF(网页成品动