第4章动画制作技术

动画制作初步第4章4.1什么是动画4.1.1动画的基本概念4.1.2传统动画4.1.3电脑动画4.2制作动画的条件4.2.1制作动画的设备4.2.2制作动画的软件4.2.3动画文件4.3FLASH动画4.3.1界面特点与绘制工具4.3.2动画的画法4.3.3制作帧动画4.3.4制作自动动画4.3.5为动画添加声音4.3.6保存动画4.1什么是动画●动画由多幅画面组成，当画面快速、连续地播放时，由于人类眼睛存在“视觉滞留效应”而产生动感。4.1.1动画的基本概念●动画的本质动作的变化是动画的本质——英国动画大师JohnHalasFrame1Frame2Frame3Frame4Frame5Frame6Frame7当被观察的物体消失后，影像仍在大脑中停留一段时间，约为1/24s。●最原始的动画观看动画的机器●视觉效果1831年，法国人约瑟夫·安东尼·普拉特奥(JosephAntoinePlateau)在一个可以转动的圆盘上按照顺序画了一些图片●动画的历史1906年美国人J·斯泰瓦德（J·Steward）制作了一部名叫“滑稽面孔的幽默形象”的短片，非常接近现代动画概念。1908年法国人EmileCohl首创用负片制作动画影片。负片从概念上解决了影片载体的问题，为今后动画片的发展奠定了基础。1909年美国人WinsorMcCay用一万张图片表现一段动画故事，这是迄今为止世界上公认的第一部真正的动画短片。1915年美国人EerlHurd创造了在赛珞璐片上画动画片，再拍成胶片电影的动画制作工艺，这种工艺一直沿用至今。1928年美国人华特·迪斯尼(WaltDisney)完善了动画体系和制作工艺，被誉为商业动画影片之父，他把动画影片推向颠峰。今天动画本质没有多大变化，而动画制作手段却发生了巨大变化。如：电脑动画、电脑特技动画。●动画的构成规则1)动画由多画面组成，并且画面必须连续。2)画面之间的内容必须存在差异。3)画面表现的动作必须连续，即后一幅画面是前一幅画面的继续。Frame1Frame2Frame3Frame4Frame5Frame6Frame7Frame8●动画的表现规则1)在严格遵循运动规律的前提下，可进行适度地夸张和发展。2)动画节奏应符合自然规律，可适度夸张。3)动画节奏由画面之间物体的位置差决定。位置差越大，移动速度越快。传统动画4.1.2●传统动画是怎样制作的1)制作声音对白和背景音乐2)根据声音计算动画格数3)设计人员绘制动画关键画面4)绘制人员描画关键画面之间的插画5)把纸上的动画轮廓复制到赛珞璐片上6)上色人员为赛珞璐片上色7)拍摄电影胶片之前检查动画画稿9)对电影胶片进行剪辑和编辑8)电影摄制人员把赛珞璐片拍成电影全动画与半动画●●半动画——又名“有限动画”。为追求经济效益，6帧／s的动画●全动画——为追求画面完美和动作流畅，按照24帧／s制作动画1232324……1234564.1.3●电脑动画的发展电脑动画第一阶段在屏幕上依次画出简单的线条、几何图形和颜色块，电脑一丝不苟地把绘画过程记录下来。在需要时，由电脑重复绘画过程，使人们看到活动的画面。在屏幕上依次绘制画面，动画的主体从简单的线条、几何图形过渡到复杂的图形、丰富多彩的颜色。动画基本体现了传统动画的风格。第二阶段以先进的软件和硬件作为基础，更加逼真地模拟传统动画，并进一步制作传统动画难以表现的题材，如三维造型动画、变形动画、仿真动画、矢量动画等。第三阶段●●帧动画——模拟以帧为基本单位的传统动画，占动画产品的98%电脑动画的分类●矢量动画——经过电脑运算而确定的运行轨迹和形状的动画●空间动画——形成三维造型并进行空间运动的动画●颜色动画●平面动画●变形动画制作动画的设备4.2.14.2制作动画的条件多媒体电脑●高速CPU●足够大的内存●大量的硬盘空间1●尽量选用屏幕尺寸大、色彩还原好、点距小的彩色显示器23●鼠标反应灵敏、移动连续、无跳跃、手感舒适，可选配笔形鼠标●特殊的设备，如摄像机、视频卡等4制作动画的软件4.2.2AnimatorPro平面动画制作软件。用于制作帧动画，绘制功能强AnimationStudio平面动画处理软件。用于加工帧动画，处理能力强FlashMX网页动画软件。用于绘制帧、矢量动画，可添加声音WinImage:morph变形动画软件。根据首、尾画面自动生成变形动画GIFConstruction网页动画软件。把动画和图片序列转换成网页动画3DStudioMax三维动画制作软件。用于制作三维造型动画Cool3D三维文字动画软件。用于制作帧动画、视频Maya三维动画制作软件。用于制作动画片、广告、电影等Premiere动画视频处理软件。用于处理视频、广告、电影等4.2.3●动画文件的种类与格式动画文件●FLC格式——AnimatorPro生成的文件格式每帧256色，画面分辨率320×200~1600×1280代码效率高、通用性好，大量用在多媒体产品中●AVI格式——视频文件格式，动态图像和声音同步播放受视频标准制约，画面分辨率不高●GIF格式——用于网页的帧动画文件格式(1)单画面图像，256色，分辨率96dpi(2)多画面图像(动画)，256色，96dpi●SWF格式——Flash制作的动画文件格式主要在网络上演播，特点：数据量小，动画流畅4.3FLASH动画●动画文件格式●FLS(可编辑源动画)●SWF(网页成品动画)●AVI(视频)●GIF(网页成品动画)孔烨,黄炳强,高元文编著Flash8中文版从入门到精通人民邮电出版社2006TP391.41/1473周建国,吕娜编著FlashMX2004动画设计与制作一册通人民邮电出版社2006TP391.41/1428参考书Flash的前身是FutureSplash，后被Macromedia公司收购，更名为Flash●中文版FlashMXv6.0●动画形式帧动画、矢量动画可实现交互功能、附加同步声音●硬件、软件环境●IntelPentium200MHz●Windows98/ME/NT4.0/2000/XP●64MBofRAM(128MBrecommended)●85MBofavailablediskspace●16-bitcolorand1024x768resolution●CD-ROMdrive●互联网上的Flash动画●澳大利亚悉尼歌剧院网站●平面设计公司网站●有名的游戏网站，提供各种Flash游戏●动画片网站，可浏览Flash动画片4.3.1界面特点与绘制工具(1)选择[开始]/程序/MacromediaFLASHMXv6.0或双击图标(2)选择“文件/新建”菜单(此步不可省略，否则窗口尺寸有误)菜单栏工具栏动画层控制帧控制动画编辑窗口辅助工具属性工具栏(辅助工具)设置动画尺寸及其他(1)单击底部“属性”工具条●●[操作步骤](2)单击“尺寸”按钮(3)输入“尺寸”数值(5)输入“帧频”fps(取值12~25)(4)单击“背景颜色”框确定动画窗口背景色(6)确定标尺单位(像素、英寸、厘米、毫米等)(7)单击“设为默认值”按钮，保存当前设置(8)单击“确定”按钮(9)单击“属性”标题栏，关闭动画的画法(1)选择铅笔工具(2)选择铅笔颜色(3)选择轮廓模式(4)描绘轮廓●直线化●平滑●墨水瓶●绘制轮廓线4.3.2(1)选择颜料桶工具(2)选择填充模式(渐变、单色均可)(3)选择封闭模式(4)单击图形内部填充颜色●渐变●渐变●单色●填充颜色画图形(2)选择圆内单色或渐变色(3)画圆(鼠标—椭圆/〈Shift〉+鼠标—正圆)(1)选择画圆工具(2)选择单色或渐变色(3)单击“圆角”按钮，设置圆角●●画空心图形在调色板中选择“没有”●画圆(1)选择画方框工具●画方框(4)画方框(鼠标—任意/〈Shift〉+鼠标—正方)处理图形(1)选择橡皮工具(3)选择橡皮尺寸(2)选择擦除模式(4)擦除图形(2)移动图形●擦除图形●●移动图形(1)选择箭头工具边框和填充颜色是不同的图形，若想整体移动，须用鼠标左键划定编辑区域，然后整体移动。●[说明]北京BEIJING输入文字(1)选择文本工具(2)鼠标左键划出文本框(3)输入文本内容(4)光标条覆盖文本(6)鼠标对准文本输入框，移动文字(7)单击非文本输入区结束北京BEIJING●(5)单击“属性”工具栏，设置字体、字号、颜色、对齐方式等●单击文本，可再次修改文字制作帧动画●绘制图形4.3.3选择“插入/关键帧”选项，增加新的帧(新的帧自动复制前一帧的内容)●增加关键帧●在新的帧中绘制图形●增加图层(用于两个以上的动画合成)(1)选择“插入/图层”选项，增加新图层(2)在新图层中绘制图形，增加关键帧●演播动画效果(1)选择“窗口/工具栏/控制栏”，打开控制栏(2)选择“控制/循环播放”，连续观察动画效果停首倒播进尾●显示网格，方便编辑鼠标右键单击动画编辑窗口选择“网格/显示网格”●为方便编辑，打开所有工具(1)选择“窗口/工具栏”菜单(2)分别选中：√主要栏√状态栏√控制栏制作自动动画●直线移动动画(4)鼠标右键单击第1帧，选择“创建动画动作”(6)预览动画效果，图形从第1帧的位置移动到第20帧的位置4.3.4(1)在第1帧中画一个图形(2)鼠标右键单击某一帧，如第20帧选择“插入关键帧”(3)单击“”工具，移动图形(5)鼠标右键单击第20帧，选择“创建动画动作”●自动动画只用到两个关键帧●用鼠标单击第1帧和第20帧，可调整图形的初始位置和终了位置自由路径移动动画●(3)单击铅笔工具(10)预览动画效果(1)制作直线移动动画(5)画自由路径(2)单击(添加引导图层)按钮(4)选择“平滑”效果(6)单击图形图层(7)单击“”工具(8)单击第1帧，把图形置于路径的起始位置(9)单击最后1帧，把图形置于路径的终了位置为动画添加声音(2)指定文件类型和声音文件(3)单击“打开”按钮(4)单击某个动画图层●[操作步骤](5)单击“属性”工具栏(6)在“声音”框中指定声音文件(7)指定“同步”对象(事件、开始、停止、数据流)(8)预览动画(可听到声音)4.3.5(1)选择“文件/导入”保存动画●保存可编辑文件fla(1)选择“文件/另存为”(2)输入文件名(2)选择文件保存类型SWF—Flash播放文件AVI——视频文件(有声)GIF——动画文件(3)单击“保存”按钮4.3.6(3)单击“保存”按钮●保存其他格式文件(1)选择“文件/导出影片”菜单●动画制作举例●帧数：5●动画文件格式：GIF[操作步骤](1)设置动画尺寸及其他(2)绘制轮廓线(3)增加关键帧(4)重复步骤(2)、(3)(5)保存●绘制一组虫子爬行的画面4.1什么是动画●4.1.1动画的基本概念4.1.2传统动画6.1.3电脑动画4.2制作动画的条件4.2.1制作动画的设备4.2.2制作动画的软件4.2.3动画文件4.3FLASH动画4.3.1界面特点与绘制工具●4.3.2动画的画法●4.3.3制作帧动画●4.3.4制作自动动画4.3.5为动画添加声音●4.3.6保存动画●第4章动画制作初步●——重要知识点小结