第十章动画制作初步.ppt.ppt

《第十章动画制作初步.ppt.ppt》由会员分享，可在线阅读，更多相关《第十章动画制作初步.ppt.ppt（27页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第 十十 章章 动画制作初步动画制作初步10.1 10.1 什么是动画什么是动画什么是动画什么是动画 10.1.1 10.1.1 动画的基本概念动画的基本概念动画的基本概念动画的基本概念 10.1.2 10.1.2 传统动画传统动画传统动画传统动画 10.1.3 10.1.3 电脑动画电脑动画电脑动画电脑动画10.2 10.2 制作动画的条件制作动画的条件制作动画的条件制作动画的条件 10.2.1 10.2.1 制作动画的设备制作动画的设备制作动画的设备制作动画的设备 10.2.2 10.2.2 制作动画的软件制作动画的软件制作动画的软件制作动画的软件 10.2.3 10.2.3 动画文件动

2、画文件动画文件动画文件10.3 10.3 制作变形动画制作变形动画制作变形动画制作变形动画 10.3.1 10.3.1 变形动画制作软件变形动画制作软件变形动画制作软件变形动画制作软件MorphMorph 10.3.2 10.3.2 首、尾画面的加工与使用首、尾画面的加工与使用首、尾画面的加工与使用首、尾画面的加工与使用 10.3.3 10.3.3 确定文件格式和参数确定文件格式和参数确定文件格式和参数确定文件格式和参数 10.3.4 10.3.4 规定变形的参考点规定变形的参考点规定变形的参考点规定变形的参考点 10.3.5 10.3.5 生成与保存生成与保存生成与保存生成与保存10.4 1

3、0.4 制作网页动画制作网页动画制作网页动画制作网页动画 10.4.1 10.4.1 什么是网页动画什么是网页动画什么是网页动画什么是网页动画 10.4.2 10.4.2 网页动画工具网页动画工具网页动画工具网页动画工具GIFCONGIFCON 10.4.3 10.4.3 图片序列与网页动画制作图片序列与网页动画制作图片序列与网页动画制作图片序列与网页动画制作10.110.1什么是动画什么是动画什么是动画什么是动画 动画由多幅画面组成，当画面快速、连续地播放时，由于人类眼睛动画由多幅画面组成，当画面快速、连续地播放时，由于人类眼睛动画由多幅画面组成，当画面快速、连续地播放时，由于人类眼睛动画由

4、多幅画面组成，当画面快速、连续地播放时，由于人类眼睛 存在存在存在存在 “视觉滞留效应视觉滞留效应视觉滞留效应视觉滞留效应”而产生动感。而产生动感。而产生动感。而产生动感。10.1.1 10.1.1 动画的基本概念动画的基本概念动画的基本概念动画的基本概念 动画的本质动画的本质动画的本质动画的本质动作的变化是动画的本质动作的变化是动画的本质动作的变化是动画的本质动作的变化是动画的本质 英国动画大师英国动画大师英国动画大师英国动画大师 JohnJohn Halas HalasFrame1 Frame2 Frame3 Frame4 Frame5 Frame10 Frame7Frame1 Frame

5、2 Frame3 Frame4 Frame5 Frame10 Frame7当被观察的物体消失后，影像仍在大脑中停留一段时间，约为当被观察的物体消失后，影像仍在大脑中停留一段时间，约为当被观察的物体消失后，影像仍在大脑中停留一段时间，约为当被观察的物体消失后，影像仍在大脑中停留一段时间，约为1/241/24s s。教学进程教学进程教学进程教学进程 最原始的动画最原始的动画最原始的动画最原始的动画观看动画的机器观看动画的机器观看动画的机器观看动画的机器 视觉效果视觉效果视觉效果视觉效果18311831年，法国人约瑟夫年，法国人约瑟夫年，法国人约瑟夫年，法国人约瑟夫 安东尼安东尼安东尼安东尼 普拉普

6、拉普拉普拉特奥特奥特奥特奥(Joseph Antoine Plateau)Joseph Antoine Plateau)在一个可以转动在一个可以转动在一个可以转动在一个可以转动的圆盘上按照顺序画了一些图片的圆盘上按照顺序画了一些图片的圆盘上按照顺序画了一些图片的圆盘上按照顺序画了一些图片教学进程教学进程教学进程教学进程 动画的历史动画的历史动画的历史动画的历史19011901年年年年 美国人美国人美国人美国人JJ斯泰瓦德（斯泰瓦德（斯泰瓦德（斯泰瓦德（JStewardJSteward）制作了一部名叫制作了一部名叫制作了一部名叫制作了一部名叫“滑稽面孔的幽滑稽面孔的幽滑稽面孔的幽滑稽面孔的幽默默

7、默默 形象形象形象形象”的短片，非常接近现代动画概念。的短片，非常接近现代动画概念。的短片，非常接近现代动画概念。的短片，非常接近现代动画概念。19081908年年年年 法国人法国人法国人法国人EmileEmile Cohl Cohl首创用负片制作动画影片。负片从概念上解决了首创用负片制作动画影片。负片从概念上解决了首创用负片制作动画影片。负片从概念上解决了首创用负片制作动画影片。负片从概念上解决了 影片载体的问题，为今后动画片的发展奠定了基础。影片载体的问题，为今后动画片的发展奠定了基础。影片载体的问题，为今后动画片的发展奠定了基础。影片载体的问题，为今后动画片的发展奠定了基础。190919

8、09年年年年 美国人美国人美国人美国人Winsor McCayWinsor McCay用一万张图片表现一段动画故事，这是迄今用一万张图片表现一段动画故事，这是迄今用一万张图片表现一段动画故事，这是迄今用一万张图片表现一段动画故事，这是迄今 为止世界上公认的第一部真正的动画短片。为止世界上公认的第一部真正的动画短片。为止世界上公认的第一部真正的动画短片。为止世界上公认的第一部真正的动画短片。19151915年年年年 美国人美国人美国人美国人Eerl HurdEerl Hurd创造了在赛珞璐片上画动画片，再拍成胶片电影创造了在赛珞璐片上画动画片，再拍成胶片电影创造了在赛珞璐片上画动画片，再拍成胶片

9、电影创造了在赛珞璐片上画动画片，再拍成胶片电影 的动画制作工艺，这种工艺一直沿用至今。的动画制作工艺，这种工艺一直沿用至今。的动画制作工艺，这种工艺一直沿用至今。的动画制作工艺，这种工艺一直沿用至今。19281928年年年年 美国人华特美国人华特美国人华特美国人华特 迪斯尼迪斯尼迪斯尼迪斯尼 (Walt Disney)Walt Disney)完善了动画体系和制作工艺，完善了动画体系和制作工艺，完善了动画体系和制作工艺，完善了动画体系和制作工艺，被被被被 誉为商业动画影片之父，他把动画影片推向颠峰。誉为商业动画影片之父，他把动画影片推向颠峰。誉为商业动画影片之父，他把动画影片推向颠峰。誉为商业动

10、画影片之父，他把动画影片推向颠峰。今今今今 天天天天 动画本质没有多大变化，而动画制作手段却发生了巨大变化。动画本质没有多大变化，而动画制作手段却发生了巨大变化。动画本质没有多大变化，而动画制作手段却发生了巨大变化。动画本质没有多大变化，而动画制作手段却发生了巨大变化。如：电脑动画、电脑特技动画。如：电脑动画、电脑特技动画。如：电脑动画、电脑特技动画。如：电脑动画、电脑特技动画。教学进程教学进程教学进程教学进程 动画的构成规则动画的构成规则动画的构成规则动画的构成规则1)1)动画由多画面组成，并且画面必须连续。动画由多画面组成，并且画面必须连续。动画由多画面组成，并且画面必须连续。动画由多画面

11、组成，并且画面必须连续。2)2)画面之间的内容必须存在差异。画面之间的内容必须存在差异。画面之间的内容必须存在差异。画面之间的内容必须存在差异。3)3)画面表现的动作必须连续，即后一幅画面是前一幅画面的继续。画面表现的动作必须连续，即后一幅画面是前一幅画面的继续。画面表现的动作必须连续，即后一幅画面是前一幅画面的继续。画面表现的动作必须连续，即后一幅画面是前一幅画面的继续。Frame1 Frame2 Frame3 Frame4 Frame5 Frame10 Frame7 Frame8Frame1 Frame2 Frame3 Frame4 Frame5 Frame10 Frame7 Frame8

12、 动画的表现规则动画的表现规则动画的表现规则动画的表现规则1)1)在严格遵循运动规律的前提下，可进行适度地夸张和发展。在严格遵循运动规律的前提下，可进行适度地夸张和发展。在严格遵循运动规律的前提下，可进行适度地夸张和发展。在严格遵循运动规律的前提下，可进行适度地夸张和发展。2)2)动画节奏应符合自然规律，可适度夸张。动画节奏应符合自然规律，可适度夸张。动画节奏应符合自然规律，可适度夸张。动画节奏应符合自然规律，可适度夸张。3)3)动画节奏由画面之间物体的位置差决定。动画节奏由画面之间物体的位置差决定。动画节奏由画面之间物体的位置差决定。动画节奏由画面之间物体的位置差决定。位置差越大，移动速度越

13、快。位置差越大，移动速度越快。位置差越大，移动速度越快。位置差越大，移动速度越快。教学进程教学进程教学进程教学进程传统动画传统动画传统动画传统动画10.1.210.1.2 传统动画是怎样制作的传统动画是怎样制作的传统动画是怎样制作的传统动画是怎样制作的1)1)制作声音对白和背景音乐制作声音对白和背景音乐制作声音对白和背景音乐制作声音对白和背景音乐2)2)根据声音计算动画格数根据声音计算动画格数根据声音计算动画格数根据声音计算动画格数3)3)设计人员绘制动画关键画面设计人员绘制动画关键画面设计人员绘制动画关键画面设计人员绘制动画关键画面4)4)绘制人员描画关键画面之间的插画绘制人员描画关键画面之

14、间的插画绘制人员描画关键画面之间的插画绘制人员描画关键画面之间的插画5)5)把纸上的动画轮廓复制到赛珞璐片上把纸上的动画轮廓复制到赛珞璐片上把纸上的动画轮廓复制到赛珞璐片上把纸上的动画轮廓复制到赛珞璐片上10)10)上色人员为赛珞璐片上色上色人员为赛珞璐片上色上色人员为赛珞璐片上色上色人员为赛珞璐片上色7)7)拍摄电影胶片之前检查动画画稿拍摄电影胶片之前检查动画画稿拍摄电影胶片之前检查动画画稿拍摄电影胶片之前检查动画画稿9)9)对电影胶片进行剪辑和编辑对电影胶片进行剪辑和编辑对电影胶片进行剪辑和编辑对电影胶片进行剪辑和编辑8)8)电影摄制人员把赛珞璐片拍成电影电影摄制人员把赛珞璐片拍成电影电影

15、摄制人员把赛珞璐片拍成电影电影摄制人员把赛珞璐片拍成电影教学进程教学进程教学进程教学进程全动画与半动画全动画与半动画全动画与半动画全动画与半动画 半动画半动画半动画半动画 又名又名又名又名“有限动画有限动画有限动画有限动画”。为追求经济效益，。为追求经济效益，。为追求经济效益，。为追求经济效益，1010帧帧帧帧s s的动画的动画的动画的动画 全动画全动画全动画全动画 为追求画面完美和动作流畅，按照为追求画面完美和动作流畅，按照为追求画面完美和动作流畅，按照为追求画面完美和动作流畅，按照2424帧帧帧帧s s制作动画制作动画制作动画制作动画1 2 3 23 241 2 3 23 241 1 2

16、2 3 3 4 4 5 5 10 10教学进程教学进程教学进程教学进程10.1.310.1.3 电脑动画的发展电脑动画的发展电脑动画的发展电脑动画的发展电脑动画电脑动画电脑动画电脑动画第一阶段第一阶段第一阶段第一阶段在屏幕上依次画出简单的线条、几何图形和颜色块，在屏幕上依次画出简单的线条、几何图形和颜色块，在屏幕上依次画出简单的线条、几何图形和颜色块，在屏幕上依次画出简单的线条、几何图形和颜色块，电脑一丝不苟地把绘画过程记录下来。在需要时，由电脑一丝不苟地把绘画过程记录下来。在需要时，由电脑一丝不苟地把绘画过程记录下来。在需要时，由电脑一丝不苟地把绘画过程记录下来。在需要时，由电脑重复绘画过程

17、，使人们看到活动的画面。电脑重复绘画过程，使人们看到活动的画面。电脑重复绘画过程，使人们看到活动的画面。电脑重复绘画过程，使人们看到活动的画面。在屏幕上依次绘制画面，动画的主体从简单的线条、在屏幕上依次绘制画面，动画的主体从简单的线条、在屏幕上依次绘制画面，动画的主体从简单的线条、在屏幕上依次绘制画面，动画的主体从简单的线条、几何图形过渡到复杂的图形、丰富多彩的颜色。动画几何图形过渡到复杂的图形、丰富多彩的颜色。动画几何图形过渡到复杂的图形、丰富多彩的颜色。动画几何图形过渡到复杂的图形、丰富多彩的颜色。动画基本体现了传统动画的风格。基本体现了传统动画的风格。基本体现了传统动画的风格。基本体现了

18、传统动画的风格。第二阶段第二阶段第二阶段第二阶段以先进的软件和硬件作为基础，更加逼真地模拟传统以先进的软件和硬件作为基础，更加逼真地模拟传统以先进的软件和硬件作为基础，更加逼真地模拟传统以先进的软件和硬件作为基础，更加逼真地模拟传统动画，并进一步制作传统动画难以表现的题材，如三动画，并进一步制作传统动画难以表现的题材，如三动画，并进一步制作传统动画难以表现的题材，如三动画，并进一步制作传统动画难以表现的题材，如三维造型动画、变形动画、仿真动画、矢量动画等。维造型动画、变形动画、仿真动画、矢量动画等。维造型动画、变形动画、仿真动画、矢量动画等。维造型动画、变形动画、仿真动画、矢量动画等。第三阶段

19、第三阶段第三阶段第三阶段教学进程教学进程教学进程教学进程 帧动画帧动画帧动画帧动画 模拟以帧为基本单位的传统动画，占动画产品的模拟以帧为基本单位的传统动画，占动画产品的模拟以帧为基本单位的传统动画，占动画产品的模拟以帧为基本单位的传统动画，占动画产品的98%98%电脑动画的分类电脑动画的分类电脑动画的分类电脑动画的分类 矢量动画矢量动画矢量动画矢量动画 经过电脑运算而确定的运行轨迹和形状的动画经过电脑运算而确定的运行轨迹和形状的动画经过电脑运算而确定的运行轨迹和形状的动画经过电脑运算而确定的运行轨迹和形状的动画 空间动画空间动画空间动画空间动画 形成三维造型并进行空间运动的动画形成三维造型并进

20、行空间运动的动画形成三维造型并进行空间运动的动画形成三维造型并进行空间运动的动画 颜色动画颜色动画颜色动画颜色动画 平面动画平面动画平面动画平面动画 变形动画变形动画变形动画变形动画教学进程教学进程教学进程教学进程制作动画的设备制作动画的设备制作动画的设备制作动画的设备10.2.110.2.110.2 10.2 制作动画的条件制作动画的条件制作动画的条件制作动画的条件多媒体电脑多媒体电脑多媒体电脑多媒体电脑 高速高速高速高速CPUCPU 足够大的内存足够大的内存足够大的内存足够大的内存 大量的硬盘空间大量的硬盘空间大量的硬盘空间大量的硬盘空间1 尽量选用屏幕尺寸大、色彩还尽量选用屏幕尺寸大、色

21、彩还尽量选用屏幕尺寸大、色彩还尽量选用屏幕尺寸大、色彩还 原好、点距小的彩色显示器原好、点距小的彩色显示器原好、点距小的彩色显示器原好、点距小的彩色显示器23 鼠标反应灵敏、移动连续、无跳跃、鼠标反应灵敏、移动连续、无跳跃、鼠标反应灵敏、移动连续、无跳跃、鼠标反应灵敏、移动连续、无跳跃、手感舒适，可选配笔形鼠标手感舒适，可选配笔形鼠标手感舒适，可选配笔形鼠标手感舒适，可选配笔形鼠标 特殊的设备，如特殊的设备，如特殊的设备，如特殊的设备，如 摄像机、视频卡等摄像机、视频卡等摄像机、视频卡等摄像机、视频卡等4教学进程教学进程教学进程教学进程制作动画的软件制作动画的软件制作动画的软件制作动画的软件1

22、0.2.210.2.2Animator Pro Animator Pro 平面动画制作软件。用于制作帧动画，绘制功能强平面动画制作软件。用于制作帧动画，绘制功能强平面动画制作软件。用于制作帧动画，绘制功能强平面动画制作软件。用于制作帧动画，绘制功能强Animation Studio Animation Studio 平面动画处理软件。用于加工帧动画，处理能力强平面动画处理软件。用于加工帧动画，处理能力强平面动画处理软件。用于加工帧动画，处理能力强平面动画处理软件。用于加工帧动画，处理能力强Flash MX Flash MX 网页动画软件。用于绘制帧、矢量动画，可添加声音网页动画软件。用于绘制帧

23、、矢量动画，可添加声音网页动画软件。用于绘制帧、矢量动画，可添加声音网页动画软件。用于绘制帧、矢量动画，可添加声音WinImageWinImage:morph :morph 变形动画软件。根据首、尾画面自动生成变形动画变形动画软件。根据首、尾画面自动生成变形动画变形动画软件。根据首、尾画面自动生成变形动画变形动画软件。根据首、尾画面自动生成变形动画GIF Construction GIF Construction 网页动画软件。把动画和图片序列转换成网页动画网页动画软件。把动画和图片序列转换成网页动画网页动画软件。把动画和图片序列转换成网页动画网页动画软件。把动画和图片序列转换成网页动画3D

24、Studio Max 3D Studio Max 三维动画制作软件。用于制作三维造型动画三维动画制作软件。用于制作三维造型动画三维动画制作软件。用于制作三维造型动画三维动画制作软件。用于制作三维造型动画Cool 3D Cool 3D 三维文字动画软件。用于制作帧动画、视频三维文字动画软件。用于制作帧动画、视频三维文字动画软件。用于制作帧动画、视频三维文字动画软件。用于制作帧动画、视频Maya Maya 三维动画制作软件。用于制作动画片、广告、电影等三维动画制作软件。用于制作动画片、广告、电影等三维动画制作软件。用于制作动画片、广告、电影等三维动画制作软件。用于制作动画片、广告、电影等Premi

25、ere Premiere 动画视频处理软件。用于处理视频、广告、电影等动画视频处理软件。用于处理视频、广告、电影等动画视频处理软件。用于处理视频、广告、电影等动画视频处理软件。用于处理视频、广告、电影等教学进程教学进程教学进程教学进程10.2.310.2.3 动画文件的种类与格式动画文件的种类与格式动画文件的种类与格式动画文件的种类与格式动画文件动画文件动画文件动画文件 FLCFLC格式格式格式格式Animator ProAnimator Pro生成的文件格式生成的文件格式生成的文件格式生成的文件格式 每帧每帧每帧每帧25102510色，画面分辨率色，画面分辨率色，画面分辨率色，画面分辨率32

26、0200110001280320200110001280 代码效率高、通用性好，大量用在多媒体产品中代码效率高、通用性好，大量用在多媒体产品中代码效率高、通用性好，大量用在多媒体产品中代码效率高、通用性好，大量用在多媒体产品中 AVIAVI格式格式格式格式视频文件格式，动态图像和声音同步播放视频文件格式，动态图像和声音同步播放视频文件格式，动态图像和声音同步播放视频文件格式，动态图像和声音同步播放 受视频标准制约，画面分辨率不高受视频标准制约，画面分辨率不高受视频标准制约，画面分辨率不高受视频标准制约，画面分辨率不高 GIFGIF格式格式格式格式用于网页的帧动画文件格式用于网页的帧动画文件格式

27、用于网页的帧动画文件格式用于网页的帧动画文件格式 (1)(1)单画面图像，单画面图像，单画面图像，单画面图像，25102510色，分辨率色，分辨率色，分辨率色，分辨率910910dpidpi (2)(2)多画面图像多画面图像多画面图像多画面图像(动画动画动画动画)，25102510色，色，色，色，910910dpidpi SWFSWF格式格式格式格式FlashFlash制作的动画文件格式制作的动画文件格式制作的动画文件格式制作的动画文件格式 主要在网络上演播，特点：数据量小，动画流畅主要在网络上演播，特点：数据量小，动画流畅主要在网络上演播，特点：数据量小，动画流畅主要在网络上演播，特点：数据

28、量小，动画流畅教学进程教学进程教学进程教学进程10.310.3制作变形动画制作变形动画制作变形动画制作变形动画尾画面尾画面尾画面尾画面首画面首画面首画面首画面变形过程变形过程变形过程变形过程(画面数量、变形参考画面数量、变形参考画面数量、变形参考画面数量、变形参考)变形效果变形效果变形效果变形效果10.3.1 10.3.1 变形动画制作软件变形动画制作软件变形动画制作软件变形动画制作软件MorphMorph 全称全称全称全称:WinImagesWinImages:morph :morph 英文版经典软件英文版经典软件英文版经典软件英文版经典软件 内存容量内存容量内存容量内存容量:32:32MB

29、MB或更大或更大或更大或更大 (建议建议建议建议128128MB)MB)变形过程使用的最大画面数变形过程使用的最大画面数变形过程使用的最大画面数变形过程使用的最大画面数:9999:9999帧帧帧帧 首尾画面的文件格式首尾画面的文件格式首尾画面的文件格式首尾画面的文件格式:BMP/TGA/GIF/FLCBMP/TGA/GIF/FLC 输出文件格式输出文件格式输出文件格式输出文件格式:BMP/TGA/TIF/GIF/FLCBMP/TGA/TIF/GIF/FLC 显示模式显示模式显示模式显示模式:RGB24bitRGB24bit真彩色真彩色真彩色真彩色/2510/2510彩色彩色彩色彩色/灰度灰度灰

30、度灰度机械工业出版社机械工业出版社机械工业出版社机械工业出版社￥24.0024.00教学进程教学进程教学进程教学进程10.3.210.3.2 首、尾画面的加工与使用首、尾画面的加工与使用首、尾画面的加工与使用首、尾画面的加工与使用 首、尾画面处理规则首、尾画面处理规则首、尾画面处理规则首、尾画面处理规则 采用标准显示尺寸采用标准显示尺寸采用标准显示尺寸采用标准显示尺寸 (1040480(1040480、1024768)1024768)10401040480480 参与变形的两个主体轮廓形状应接近参与变形的两个主体轮廓形状应接近参与变形的两个主体轮廓形状应接近参与变形的两个主体轮廓形状应接近 在

31、画面中的相对位置也应尽可能一致在画面中的相对位置也应尽可能一致在画面中的相对位置也应尽可能一致在画面中的相对位置也应尽可能一致 色调应保持一致或接近色调应保持一致或接近色调应保持一致或接近色调应保持一致或接近 背景不适宜采用彩色图案，应一律采用单色背景不适宜采用彩色图案，应一律采用单色背景不适宜采用彩色图案，应一律采用单色背景不适宜采用彩色图案，应一律采用单色 采用相同的文件格式采用相同的文件格式采用相同的文件格式采用相同的文件格式BMP BMPBMP BMP 首、尾画面的尺寸一致首、尾画面的尺寸一致首、尾画面的尺寸一致首、尾画面的尺寸一致 目的：变形自然、和谐，便于后期加工目的：变形自然、和

32、谐，便于后期加工目的：变形自然、和谐，便于后期加工目的：变形自然、和谐，便于后期加工 变形效果变形效果变形效果变形效果教学进程教学进程教学进程教学进程 启动启动启动启动MorphMorph 选择选择选择选择 开始开始开始开始/“/“程序程序程序程序 /WinImagesWinImages/WinImagesWinImages_morph”_morph”打开首、尾画面打开首、尾画面打开首、尾画面打开首、尾画面(1)(1)选择选择选择选择“FileFileLoad start frameLoad start frame”指定路径文件名，调入首画指定路径文件名，调入首画指定路径文件名，调入首画指定路

33、径文件名，调入首画面面面面(2)(2)选择选择选择选择“FileFileLoad end frameLoad end frame”指定路径文件名，调入尾画指定路径文件名，调入尾画指定路径文件名，调入尾画指定路径文件名，调入尾画面面面面变形过程图片变形过程图片变形过程图片变形过程图片 (电影窗口电影窗口电影窗口电影窗口)菜单菜单菜单菜单功能按钮功能按钮功能按钮功能按钮首画面首画面首画面首画面尾画面尾画面尾画面尾画面中间画面中间画面中间画面中间画面教学进程教学进程教学进程教学进程10.3.310.3.3 确定文件格式和参数确定文件格式和参数确定文件格式和参数确定文件格式和参数 选择输出文件格式选择

34、输出文件格式选择输出文件格式选择输出文件格式 选择选择选择选择“FileFileOutput File TypeOutput File Type”菜单菜单菜单菜单 Full color Win bmp.Full color Win bmp.(全彩色全彩色全彩色全彩色bmpbmp图片序列图片序列图片序列图片序列)GIF(2510 color)GIF(2510 color)(网页动画图片序列网页动画图片序列网页动画图片序列网页动画图片序列)Animation FLIC.Animation FLIC.(标准动画片标准动画片标准动画片标准动画片)TargaTarga 24/32 bit 24/32 b

35、it (影视播放序列图片影视播放序列图片影视播放序列图片影视播放序列图片)教学进程教学进程教学进程教学进程 设置文件输出参数设置文件输出参数设置文件输出参数设置文件输出参数 操作步骤操作步骤操作步骤操作步骤(9)(9)单击单击单击单击“OK”OK”按按按按钮钮钮钮(2)(2)设置总画面数设置总画面数设置总画面数设置总画面数(3)(3)设置开始画面设置开始画面设置开始画面设置开始画面(4)(4)设置结束画面设置结束画面设置结束画面设置结束画面(5)(5)设置当前画面设置当前画面设置当前画面设置当前画面(10)(10)输入路径和文件名输入路径和文件名输入路径和文件名输入路径和文件名 (与文件格式对

36、应与文件格式对应与文件格式对应与文件格式对应)(7)(7)确定画面尺寸确定画面尺寸确定画面尺寸确定画面尺寸 (取首画面尺寸取首画面尺寸取首画面尺寸取首画面尺寸)“Set to Start Frame Size”Set to Start Frame Size”(8)(8)使使使使Use/SaveUse/Save两项有效两项有效两项有效两项有效(1)(1)选择选择选择选择“Settings/sequence controls.Settings/sequence controls.”菜单菜单菜单菜单教学进程教学进程教学进程教学进程10.3.410.3.4规定变形的参考点规定变形的参考点规定变形的参考

37、点规定变形的参考点(1)(1)鼠标左键单击首画面鼠标左键单击首画面鼠标左键单击首画面鼠标左键单击首画面 产生变形参考点产生变形参考点产生变形参考点产生变形参考点 尾画面自动产生尾画面自动产生尾画面自动产生尾画面自动产生 对应的对应的对应的对应的(2)(2)光标对准尾画面光标对准尾画面光标对准尾画面光标对准尾画面 用鼠标右键拖曳用鼠标右键拖曳用鼠标右键拖曳用鼠标右键拖曳 该点移动，调整该点移动，调整该点移动，调整该点移动，调整 位置位置位置位置 操作步骤操作步骤操作步骤操作步骤 先沿图形边缘设定，再设定图形内部先沿图形边缘设定，再设定图形内部先沿图形边缘设定，再设定图形内部先沿图形边缘设定，再设

38、定图形内部 设置的变形参考点越多，变形越细腻设置的变形参考点越多，变形越细腻设置的变形参考点越多，变形越细腻设置的变形参考点越多，变形越细腻 变形路径不能交叉变形路径不能交叉变形路径不能交叉变形路径不能交叉 欲删除变形参考点，鼠标右键单击该点，按欲删除变形参考点，鼠标右键单击该点，按欲删除变形参考点，鼠标右键单击该点，按欲删除变形参考点，鼠标右键单击该点，按DelDel键键键键 设置规律设置规律设置规律设置规律教学进程教学进程教学进程教学进程10.3.510.3.5生成与保存生成与保存生成与保存生成与保存 生成生成生成生成在生成过程中，依次显示中间画面和图片序列，并自动保存在生成过程中，依次显

39、示中间画面和图片序列，并自动保存在生成过程中，依次显示中间画面和图片序列，并自动保存在生成过程中，依次显示中间画面和图片序列，并自动保存 选择选择选择选择“Generate/Sequence generate.”Generate/Sequence generate.”菜单，生成过程开始菜单，生成过程开始菜单，生成过程开始菜单，生成过程开始 选择选择选择选择“File/Exit”File/Exit”菜单，退出菜单，退出菜单，退出菜单，退出MorphMorph 退出退出退出退出 注意注意注意注意1)1)首尾画面尺寸过大、采用真彩色、变形参考点过多，影响生成速度首尾画面尺寸过大、采用真彩色、变形参考

40、点过多，影响生成速度首尾画面尺寸过大、采用真彩色、变形参考点过多，影响生成速度首尾画面尺寸过大、采用真彩色、变形参考点过多，影响生成速度2)2)若生成中途停止，则内存容量不足若生成中途停止，则内存容量不足若生成中途停止，则内存容量不足若生成中途停止，则内存容量不足3)3)生成过程中不要进行任何操作，以免变形中断、数据丢失生成过程中不要进行任何操作，以免变形中断、数据丢失生成过程中不要进行任何操作，以免变形中断、数据丢失生成过程中不要进行任何操作，以免变形中断、数据丢失 根据需要进行后期加工，如合成背景画面、音乐以及新的动画等根据需要进行后期加工，如合成背景画面、音乐以及新的动画等根据需要进行后

41、期加工，如合成背景画面、音乐以及新的动画等根据需要进行后期加工，如合成背景画面、音乐以及新的动画等教学进程教学进程教学进程教学进程 变形动画制作举例变形动画制作举例变形动画制作举例变形动画制作举例变形素材变形素材变形素材变形素材1 1a.bmp a.bmp 变形素材变形素材变形素材变形素材1 1b.bmpb.bmp 首、尾画面首、尾画面首、尾画面首、尾画面 帧数：帧数：帧数：帧数：1212 输出格式：输出格式：输出格式：输出格式：GIFGIF图片序列图片序列图片序列图片序列 操作步骤操作步骤操作步骤操作步骤 启动启动启动启动MorphMorph 打开首、尾画面打开首、尾画面打开首、尾画面打开首

42、、尾画面 选择输出文件格式选择输出文件格式选择输出文件格式选择输出文件格式 设置文件输出参数设置文件输出参数设置文件输出参数设置文件输出参数 规定变形的参考点规定变形的参考点规定变形的参考点规定变形的参考点 生成生成生成生成 退出退出退出退出MorphMorph 输出尺寸：与首画面相同输出尺寸：与首画面相同输出尺寸：与首画面相同输出尺寸：与首画面相同教学进程教学进程教学进程教学进程10.410.4制作网页动画制作网页动画制作网页动画制作网页动画参考书参考书参考书参考书￥19.0019.0010.4.1 10.4.1 什么是网页动画什么是网页动画什么是网页动画什么是网页动画 用在国际互联网络网页

43、上的动画是网页动画用在国际互联网络网页上的动画是网页动画用在国际互联网络网页上的动画是网页动画用在国际互联网络网页上的动画是网页动画 网页动画的特点网页动画的特点网页动画的特点网页动画的特点 数据量小数据量小数据量小数据量小 表现力强表现力强表现力强表现力强 (活动画面更易引起人们的注意活动画面更易引起人们的注意活动画面更易引起人们的注意活动画面更易引起人们的注意)视觉效果好视觉效果好视觉效果好视觉效果好 (如果设计得当，视觉效果好如果设计得当，视觉效果好如果设计得当，视觉效果好如果设计得当，视觉效果好)模式多样化模式多样化模式多样化模式多样化 (矢量动画，帧动画矢量动画，帧动画矢量动画，帧动

44、画矢量动画，帧动画)如何制作网页动画如何制作网页动画如何制作网页动画如何制作网页动画 途径途径途径途径11利用转换工具将多种动画转换成网页动画利用转换工具将多种动画转换成网页动画利用转换工具将多种动画转换成网页动画利用转换工具将多种动画转换成网页动画 途径途径途径途径2 2 使用专门的网页动画制作软件直接生成网页动画使用专门的网页动画制作软件直接生成网页动画使用专门的网页动画制作软件直接生成网页动画使用专门的网页动画制作软件直接生成网页动画教学进程教学进程教学进程教学进程10.4.210.4.2网页动画工具网页动画工具网页动画工具网页动画工具GIFCONGIFCON(2)(2)选择选择选择选择

45、“FileFileNew”New”菜单，菜单，菜单，菜单，清除命令窗口清除命令窗口清除命令窗口清除命令窗口 网页动画工具网页动画工具网页动画工具网页动画工具GIF Construction SetGIF Construction Set，简称简称简称简称GIFCONGIFCONGifconGifcon动画工具动画工具动画工具动画工具图片序列图片序列图片序列图片序列网页动画网页动画网页动画网页动画GIF89aGIF89a GifconGifcon的作用的作用的作用的作用(3)(3)选择选择选择选择“FileFileExit”Exit”菜单，退出系统菜单，退出系统菜单，退出系统菜单，退出系统 启动

46、与退出启动与退出启动与退出启动与退出(1)(1)双击双击双击双击GifconGifcon快捷图标快捷图标快捷图标快捷图标(命令窗口命令窗口命令窗口命令窗口)动画预览动画预览教学进程教学进程教学进程教学进程(1)(1)选择选择选择选择“File/New”File/New”菜单菜单菜单菜单 清除命令窗口清除命令窗口清除命令窗口清除命令窗口 操作步骤操作步骤操作步骤操作步骤10.4.310.4.3图片序列与网页动画制作图片序列与网页动画制作图片序列与网页动画制作图片序列与网页动画制作 插入图像文件与控制命令插入图像文件与控制命令插入图像文件与控制命令插入图像文件与控制命令(2)(2)单击单击单击单击

47、“Insert”Insert”按钮按钮按钮按钮(3)(3)单击单击单击单击“Loop”Loop”按按按按钮钮钮钮(4)(4)双击双击双击双击“Loop”Loop”命令命令命令命令行行行行 循环次数设为循环次数设为循环次数设为循环次数设为“0”0”(5)(5)单击单击单击单击“Insert”Insert”按钮按钮按钮按钮(10)(10)单击单击单击单击“Control”Control”按钮按钮按钮按钮(7)(7)双击双击双击双击“Control”Control”命令行命令行命令行命令行 设置时间间隔，单击设置时间间隔，单击设置时间间隔，单击设置时间间隔，单击“OK”OK”按按按按钮钮钮钮Loop

48、LoopControlControl教学进程教学进程教学进程教学进程 插入图像文件与控制命令插入图像文件与控制命令插入图像文件与控制命令插入图像文件与控制命令 操作步骤操作步骤操作步骤操作步骤 (续续续续)(8)(8)单击单击单击单击“Insert”Insert”按按按按钮钮钮钮(9)(9)单击单击单击单击“Image”Image”按按按按钮钮钮钮(10)(10)选择路径、文件序列选择路径、文件序列选择路径、文件序列选择路径、文件序列 单击单击单击单击“OK”OK”按钮按钮按钮按钮(11)(11)选择调色板及其他选择调色板及其他选择调色板及其他选择调色板及其他 单击单击单击单击“OK”OK”按

49、钮按钮按钮按钮(2)(2)按按按按CtrlCtrl+C C键复制键复制键复制键复制(3)(3)按按按按CtrlCtrl+V V键，把键，把键，把键，把“Control”Control”命令行分别粘贴到各图片之命令行分别粘贴到各图片之命令行分别粘贴到各图片之命令行分别粘贴到各图片之间间间间LoopLoopControlControl(1)(1)单击单击单击单击“Control”Control”命令命令命令命令行行行行 最后加工最后加工最后加工最后加工图片序列图片序列图片序列图片序列“Control”命命令令行分别粘贴到行分别粘贴到各图片之间各图片之间(4)(4)双击双击双击双击“Control”

50、Control”命令行，并修改时间间隔，可控制动画的节命令行，并修改时间间隔，可控制动画的节命令行，并修改时间间隔，可控制动画的节命令行，并修改时间间隔，可控制动画的节奏奏奏奏教学进程教学进程教学进程教学进程 动画预览动画预览动画预览动画预览(2)(2)输入文件名输入文件名输入文件名输入文件名单击单击单击单击“View”View”按钮预览按钮预览按钮预览按钮预览单击鼠标右键结束预览单击鼠标右键结束预览单击鼠标右键结束预览单击鼠标右键结束预览 保存动画保存动画保存动画保存动画(1)(1)选择选择选择选择“File/save as”File/save as”(3)(3)单击单击单击单击“OK”OK