动画制作手段

1、关于动画制作手段第一张，PPT共四十一页，创作于2022年6月8.1动画基本概念 动画由多幅画面组成，当画面快速、连续地播放时，由于人类眼睛 存在 “视觉滞留效应” 而产生动感。当被观察的物体消失后，影像仍在大脑中停留一段时间，约为1/24s。8.1.1 什么是动画 基本概念动作的变化是动画的本质 英国动画大师约翰.海勒斯 Frame1 Frame2 Frame3 Frame4 Frame5 Frame8 Frame7 动画的本质教学进程第二张，PPT共四十一页，创作于2022年6月最原始的动画观看动画的机器 视觉效果1831年，法国人约瑟夫 安东尼 普拉特奥(Joseph Antoine P

2、lateau) 在一个可以转动的圆盘上按照顺序画了一些图片教学进程第三张，PPT共四十一页，创作于2022年6月动画的历史1908年 美国人J斯泰瓦德（JSteward）制作了一部名叫“滑稽面孔的幽默 形象”的短片，非常接近现代动画概念1908年 法国人Emile Cohl首创用负片制作动画影片，负片从概念上解决了 影片载体的问题，为今后动画片的发展奠定了基础1909年 美国人Winsor McCay用一万张图片表现一段动画故事，这是迄今 为止世界上公认的第一部真正的动画短片1915年 美国人Eerl Hurd创造了在赛珞璐片上画动画片，再拍成胶片电影 的动画制作工艺，这种工艺一直沿用至今19

3、28年 美国人华特迪斯尼 (Walt Disney) 完善了动画体系和制作工艺，被 誉为商业动画影片之父，他把动画影片推向颠峰今 天 动画本质没有多大变化，而动画制作手段却发生了巨大变化， 如：电脑动画、电脑特技动画教学进程第四张，PPT共四十一页，创作于2022年6月 动画的构成规则1) 动画由多画面组成，并且画面必须连续2) 画面之间的内容必须存在差异3) 画面表现的动作必须连续，即后一幅画面是前一幅画面的继续Frame1 Frame2 Frame3 Frame4 Frame5 Frame8 Frame7 Frame81) 在严格遵循运动规律的前提下，可进行适度地夸张和发展2) 动画节奏应

4、符合自然规律，可适度夸张3) 动画节奏由画面之间物体的位置差决定 位置差越大，移动速度越快 动画的表现规则教学进程第五张，PPT共四十一页，创作于2022年6月传统动画1) 制作声音对白和背景音乐2) 根据声音计算动画格数3) 设计人员绘制动画关键画面4) 绘制人员描画关键画面之间的插画5) 把纸上的动画轮廓复制到赛珞璐片上8) 上色人员为赛珞璐片上色7) 拍摄电影胶片之前检查动画画稿9) 对电影胶片进行剪辑和编辑8) 电影摄制人员把赛珞璐片拍成电影 传统动画是怎样制成的教学进程第六张，PPT共四十一页，创作于2022年6月全动画与半动画 半动画 又名“有限动画”，为追求经济效益，6帧s的动画

5、，不足的画面，采用动作重复或延长画面停顿时间补足 全动画 为追求画面完美和动作流畅，按照24帧s制作动画1 2 3 23 24教学进程1 2 3 4 5 6第七张，PPT共四十一页，创作于2022年6月电脑动画第一阶段在屏幕上依次画出简单的线条、几何图形和颜色块，电脑一丝不苟地把绘画过程记录下来。在需要时，由电脑重复绘画过程，使人们看到活动的画面在屏幕上依次绘制画面，动画的主体从简单的线条、几何图形过渡到复杂的图形、丰富多彩的颜色。动画基本体现了传统动画的风格第二阶段以先进的软件和硬件作为基础，更加逼真地模拟传统动画，并进一步制作传统动画难以表现的题材，如三维造型动画、变形动画、仿真动画、矢量

6、动画等第三阶段 电脑动画的发展教学进程第八张，PPT共四十一页，创作于2022年6月 帧动画 模拟以帧为基本单位的传统动画，占动画产品的98%电脑动画的分类 矢量动画 经过电脑运算而确定的运行轨迹和形状的动画 空间动画 形成三维造型并进行空间运动的动画 颜色动画 平面动画 变形动画 教学进程第九张，PPT共四十一页，创作于2022年6月制作动画的设备8.1.2多媒体电脑 高速CPU 足够大的内存 大量的硬盘空间1 尽量选用屏幕尺寸大、色彩还 原好、点距小的彩色显示器23 鼠标反应灵敏、移动连续、无跳跃、 手感舒适，可选配笔形鼠标 特殊的设备，如 摄像机、视频卡等4教学进程第十张，PPT共四十一

7、页，创作于2022年6月制作动画的软件8.1.3Animator Pro 平面动画制作软件。用于制作帧动画，绘制功能强Animation Studio 平面动画处理软件。用于加工帧动画，处理能力强Flash MX 网页动画软件。用于绘制帧、矢量动画，可添加声音WinImage: morph 变形动画软件。根据首、尾画面自动生成变形动画GIF Construction 网页动画软件。把动画和图片序列转换成网页动画3D Studio Max 三维动画制作软件。用于制作三维造型动画Cool 3D 三维文字动画软件。用于制作帧动画、视频Maya 三维动画制作软件。用于制作动画片、广告、电影等Premi

8、ere 动画视频处理软件。用于处理视频、广告、电影等教学进程第十一张，PPT共四十一页，创作于2022年6月8.1.4 动画文件的种类与格式纪录动画的文件 FLC格式Animator Pro生成的文件格式 每帧256色，画面分辨率32020018001280 代码效率高、通用性好，大量用在多媒体产品中 AVI格式视频文件格式，动态图像和声音同步播放 受视频标准制约，画面分辨率不高 GIF格式用于网页的帧动画文件格式 (1) 单画面图像，256色，分辨率98dpi (2) 多画面图像(动画)，256色，98dpi SWF格式Flash制作的动画文件格式 主要在网络上演播，特点：数据量小，动画流畅

9、教学进程第十二张，PPT共四十一页，创作于2022年6月8.2变形动画及其制作尾画面首画面变形过程(画面数量、变形参考)变形效果8.2.1 制作变形动画的软件 Morph全称: WinImages:morph 英文版经典软件 内存容量: 32MB或更大 (建议128MB) 变形过程使用的最大画面数: 9999帧 首尾画面的文件格式: BMP/TGA/GIF/FLC 输出文件格式: BMP/TGA/TIF/GIF/FLC 显示模式: RGB24bit真彩色/256彩色/灰度教学进程第十三张，PPT共四十一页，创作于2022年6月8.2.2首、尾画面的加工与使用 首、尾画面处理规则 采用标准显示尺

10、寸 (840480、1024788)840480 参与变形的两个主体轮廓形状应接近 在画面中的相对位置也应尽可能一致 色调应保持一致或接近 背景不适宜采用彩色图案，应一律采用单色 采用相同的文件格式BMP BMP 首、尾画面的尺寸一致 目的：变形自然、和谐，便于后期加工 变形效果教学进程第十四张，PPT共四十一页，创作于2022年6月启动Morph 选择开始 / “程序 / WinImages / WinImages_morph” 打开首、尾画面(1) 选择“FileLoad start frame”指定路径文件名，调入首画面(2) 选择“FileLoad end frame”指定路径文件名，

11、调入尾画面变形过程图片 (电影窗口)菜单功能按钮首画面尾画面中间画面教学进程第十五张，PPT共四十一页，创作于2022年6月8.2.3确定动画文件的格式和参数 选择输出文件格式 选择“FileOutput File Type”菜单 Full color Win bmp. (全彩色bmp图片序列) GIF (258 color) (网页动画图片序列) Animation FLIC . (标准动画片) Targa 24/32 bit (影视播放序列图片)教学进程第十六张，PPT共四十一页，创作于2022年6月设置文件输出参数 操作步骤(9) 单击“OK”按钮(2) 设置总画面数(3) 设置开始画面

12、(4) 设置结束画面(5) 设置当前画面(8) 输入路径和文件名 (与文件格式对应)(7) 确定画面尺寸 (取首画面尺寸) “Set to Start Frame Size”(8) 使Use / Save两项有效(1) 选择“Settings/sequence controls .”菜单教学进程第十七张，PPT共四十一页，创作于2022年6月8.2.4确定变形的参考点(1) 鼠标左键单击首画面 产生变形参考点 尾画面自动产生 对应的(2) 光标对准尾画面 用鼠标右键拖曳 该点移动，调整 位置 操作步骤 先沿图形边缘设定，再设定图形内部 设置的变形参考点越多，变形越细腻 变形路径不能交叉 欲删除

13、变形参考点，鼠标右键单击该点，按Del键 设置规律教学进程第十八张，PPT共四十一页，创作于2022年6月8.2.5生成与保存变形动画 生成在生成过程中，依次显示中间画面和图片序列，并自动保存 选择“Generate/Sequence generate.”菜单，生成过程开始 选择“File/Exit”菜单，退出Morph 退出 注意1) 影响生成速度的因素：画面尺寸大、真彩色、变形参考点多2) 若生成中途停止，则内存容量不足3) 生成过程中不要进行任何操作，以免变形中断、数据丢失 根据需要进行后期加工，如合成背景画面、音乐以及新的动画等教学进程第十九张，PPT共四十一页，创作于2022年6月变

14、形动画制作举例变形素材1a.bmp 变形素材1b.bmp 首、尾画面 帧数：12 输出格式：GIF图片序列 操作步骤 启动Morph 打开首、尾画面 选择输出文件格式 设置文件输出参数 规定变形的参考点 生成 退出Morph 输出尺寸：与首画面相同教学进程第二十张，PPT共四十一页，创作于2022年6月8.3网页动画及其制作8.3.1 什么是网页动画 用在国际互联网络网页上的动画是网页动画 网页动画的特点 数据量小 表现力强 (活动画面更易引起人们的注意) 视觉效果好 (如果设计得当，视觉效果好) 模式多样化 (矢量动画，帧动画) 如何制作网页动画 途径1利用转换工具将多种动画转换成网页动画

15、途径2 使用专门的网页动画制作软件直接生成网页动画教学进程第二十一张，PPT共四十一页，创作于2022年6月8.3.2网页动画的制作工具(2) 选择“FileNew” 菜单，清除命令窗口 GIFCON是一种网页动画转换软件,全称GIF Construction SetGifcon动画工具图片序列网页动画GIF89a Gifcon的作用(3) 选择“FileExit” 菜单，退出系统 启动与退出(1) 双击Gifcon快捷图标(命令窗口)动画预览教学进程第二十二张，PPT共四十一页，创作于2022年6月(1) 选择“File/New”菜单 清除命令窗口 操作步骤8.3.3使用GIFCON制作网页

16、动画 插入图像文件与控制命令(2) 单击“Insert”按钮(3) 单击“Loop”按钮(4) 双击“Loop”命令行 循环次数设为“0”(5) 单击“Insert”按钮(8) 单击“Control”按钮(7) 双击“Control”命令行 设置时间间隔，单击“OK”按钮LoopControl教学进程第二十三张，PPT共四十一页，创作于2022年6月插入图像文件与控制命令 操作步骤 (续)(8) 单击“Insert”按钮(9) 单击“Image”按钮(10) 选择路径、文件序列 单击“OK”按钮(11) 选择调色板及其他 单击“OK”按钮(2) 按Ctrl+C键复制(3) 按Ctrl+V键，把

17、“Control”命令行分别粘贴到各图片之间LoopControl(1) 单击“Control”命令行 最后加工图片序列“Control”命令行分别粘贴到各图片之间(4) 双击“Control”命令行，并修改时间间隔，可控制动画的节奏教学进程下一張圖片顯示前，會先以背景顏色塗掉目前的圖片 第二十四张，PPT共四十一页，创作于2022年6月动画预览(2) 输入文件名单击“View”按钮预览单击鼠标右键结束预览 保存动画(1) 选择“File/save as”(3) 单击“OK”按钮 退出(1) 选择“File/Exit”菜单，显示提示信息(2) 单击 “OK”按钮 可使用ACDSee和Inter

18、net Explorer观看动画效果 制作网页动画过程中，GIFCON产生一个THN格式的文件，可予以删除教学进程第二十五张，PPT共四十一页，创作于2022年6月使用GIFCON制作动画举例 素材：使用变形动画例题中生成的GIF图片序列t01.gif t12.gif 时间间隔：8/100s 输出格式：gif 操作步骤 启动GIFCON 清除命令窗口 插入Loop命令 插入Control命令 插入Image图片 复制Control命令 保存 退出 GIFCON 无限循环教学进程Sun00.gifSun01.gifSun02.gif第二十六张，PPT共四十一页，创作于2022年6月8.3.4使用

19、Flash制作网页动画 动画文件格式 FLS (可编辑源动画) SWF (网页成品动画) AVI (视频) GIF (网页成品动画)Flash的前身是Future Splash，后被Macromedia公司收购，更名为Flash 中文版Flash MX v8.0 动画形式 帧动画、矢量动画 可实现交互功能、附加同步声音教学进程第二十七张，PPT共四十一页，创作于2022年6月硬件、软件环境 Intel Pentium 200 MHz Windows 98/ME/NT 4.0/2000/XP 84 MB of RAM (128 MB recommended) 85 MB of available

20、 disk space 18-bit color and 1024 x 788 resolution CD-ROM drive 互联网上的Flash动画 .au 澳大利亚悉尼歌剧院网站 平面设计公司网站 有名的游戏网站，提供各种Flash游戏 .au 动画片网站，可浏览Flash动画片教学进程第二十八张，PPT共四十一页，创作于2022年6月8.3.5FLASH的界面特点与绘制工具(1) 选择开始/程序/Macromedia FLASH MX v8.0或双击图标(2) 选择“文件 / 新建”菜单 (此步不可省略，否则窗口尺寸有误)菜单栏工具栏动画层控制帧控制动画编辑窗口辅助工具属性工具栏(辅助

21、工具)教学进程第二十九张，PPT共四十一页，创作于2022年6月设置动画尺寸及其他(1) 单击底部“属性”工具条 操作步骤(2) 单击“尺寸”按钮(3) 输入“尺寸”数值(5) 输入“帧频” fps (取值1225)(4) 单击“背景颜色”框 确定动画窗口背景色(8) 确定标尺单位 (像素、英寸、厘米、毫米等)(7) 单击“设为默认值”按钮，保存当前设置(8) 单击“确定”按钮(9) 单击“属性”标题栏，关闭教学进程第三十张，PPT共四十一页，创作于2022年6月画图形(2) 选择圆内单色或渐变色(3) 画圆 (鼠标椭圆 /Shift+鼠标正圆)(1) 选择画圆工具(2) 选择单色或渐变色(3

22、) 单击“圆角” 按钮，设置圆角 画空心图形在调色板中选择“没有” 画圆(1) 选择画方框工具 画方框(4) 画方框 (鼠标任意 /Shift+鼠标正方)教学进程第三十一张，PPT共四十一页，创作于2022年6月处理图形(1) 选择橡皮工具(3) 选择橡皮尺寸(2) 选择擦除模式(4) 擦除图形(2) 移动图形 擦除图形 移动图形(1) 选择箭头工具边框和填充颜色是不同的图形。想整体移动，须用鼠标左键划定编辑区域，然后整体移动 说明教学进程第三十二张，PPT共四十一页，创作于2022年6月动画的画法(1) 选择铅笔工具(2) 选择铅笔颜色(3) 选择轮廓模式(4) 描绘轮廓 直线化 平滑 墨水

23、瓶 绘制轮廓线8.3.6(1) 选择颜料桶工具(2) 选择填充模式 (渐变、单色均可)(3) 选择封闭模式(4) 单击图形内部 填充颜色 渐变 渐变 单色 填充颜色教学进程第三十三张，PPT共四十一页，创作于2022年6月北京 BEIJING输入文字(1) 选择文本工具(2) 鼠标左键划出文本框(3) 输入文本内容(4) 光标条覆盖文本(8) 鼠标对准文本输入框，移动文字(7) 单击非文本输入区结束北京 BEIJING(5) 单击“属性” 工具栏，设置字体、字号、颜色、对齐方式等 单击文本，可再次修改文字教学进程第三十四张，PPT共四十一页，创作于2022年6月制作帧动画 绘制图形8.3.7选

24、择“插入/关键帧”选项，增加新的帧(新的帧自动复制前一帧的内容) 增加关键帧 在新的帧中绘制图形 增加图层 (用于两个以上的动画合成)(1) 选择“插入/图层”选项，增加新图层(2) 在新图层中绘制图形，增加关键帧 演播动画效果(1) 选择“窗口/工具栏/控制栏”，打开控制栏(2) 选择“控制/循环播放”，连续观察动画效果停 首 倒 播 进 尾 显示网格，方便编辑 鼠标右键单击动画编辑窗口 选择“网格/显示网格” 为方便编辑，打开所有工具 (1) 选择“窗口/工具栏”菜单 (2) 分别选中： 主要栏 状态栏 控制栏教学进程第三十五张，PPT共四十一页，创作于2022年6月制作自动动画 直线移动动画(4) 鼠标右键单击第1帧，选择“创建动画动作”(8) 预览动画效果，图形从第1帧的位置移动到第20帧的位置8.3.8(1) 在第1帧中画 一个图形(2) 鼠标右键单击某一