搜索
动画制作技术第5章■首、尾画面的加工与调入■设定变形参考点■生成变形动画5.4制作网页动画■网页动画编辑软件■FLASH软件简介■绘制动画■制作帧动画■制作自动动画■为动画添加声音H5.1动画基本概念■动画原理■电脑动画基本概念5.2制作平面动画■画面绘制■增加质感■绘制动画■自动动画■剪贴板操作■保存动画5.3制作变形动画■变形动画基本概念■选择文件输出格式■设置文件输出参数5.6视频处理技术5.6.1视频的基本概念5.6.2视频处理软件Premiere5.6.3视频编辑功能■视频剪辑■视频与音频的同步■为视频配音5.6.4保存文件5.6.5退出Premiere•动画:就是一幅幅的图形通过连续不断的放映形成的。因此，构成动画最基本的因素就是变化的图形和与变化有关的时间。5.1动画基本概念5.1.1动画原理动画原理动画的历史发展：•1831年，法国人发明了动画。•1909年，美国人制作了第一部动画片。•1928~1938年，动画片之父WaltDisney制作了以米老鼠、唐老鸭为形象代表的卡通系列片。掀起了第一个动画影片制作高潮。•20世纪60年代，Bell实验室制作了第一部计算机动画片。•90年代，计算机动画在商业领域取得了巨大成功。《侏罗纪公园》、《狮子王》等。●早期的动画观看动画的机器●视觉效果教学进程●动画的本质动作的变化是动画的本质——英国动画大师JohnHalas●传统动画分类(1)全动画——为追求画面完美和动作流畅，按照24帧／s制作动画(2)半动画——又名“有限动画”。为追求经济效益，6帧／s的动画●传统动画的性质——由多幅画面构成，称为“帧动画”Frame1Frame2Frame3Frame4Frame5Frame6Frame7教学进程5.1.2●动画的时间特性(1)动作的发展按照时间发生的顺序进行(2)与自然现象一致的运动节奏(3)遵守自然规律，可有限的夸张动画时间与节奏的掌握●动画的节奏掌握(1)利用各帧之间的位置差控制动画节奏(2)自然规律和有限的夸张是动作节奏的依据Frame1Frame2Frame3Frame4Frame5Frame6Frame7Frame8t教学进程5.1.3●电脑动画的种类●帧动画——模拟以帧为基本单位的传统动画，占动画产品的98%●平面动画——以传统平面绘画为基础的动画●颜色动画——形成颜色流动效果的动画●变形动画——主体变形效果的动画●矢量动画——经过电脑运算而确定的运行轨迹和形状的动画●空间动画——形成三维造型并进行空间运动的动画●电脑软件是动画制作的必要条件，并提供自动动画功能●电脑动画以文件形式保存，采用国际标准的FLC和GIF89a格式标准格式网页格式电脑动画基本概念●电脑动画的特点●所有动画必须经过电脑的运算和处理教学进程5.1.4●动画文件的种类与格式●标准动画文件——FLI格式(画面320×200)、FLC格式●矢量动画文件——各类算法语言独有的格式●网页动画文件——GIF89a格式(画面尺寸随显示模式而定)动画文件●动画文件的保存HardDiskCD-RFloppy●动画文件数据量大，但可压缩性很小●需要大容量存储介质●动画的应用模式●电脑演示(多媒体产品、教学课件等)●影视产品(动画片、VCD、专业与家用录象带等)教学进程5.3制作变形动画5.3.1变形动画基本概念●根据首、尾画面给定的位置、颜色参数进行数学变换(1)根据首、尾画面中设定的变形点进行有序变换(2)以多种格式保存(FLC、GIF、BMP、图片序列等)●基本功能frame1frame2frame3frame4●变形动画软件WinImages:Morph变形效果教学进程5.3.2启动与界面●调入首、尾画面教学进程首画面放大镜尾画面首尾画面的参照点变形画面●加工原则——首、尾画面的颜色接近、尺寸一致、轮廓近似●文件格式——首、尾画面的彩色模式统一、文件格式一致首、尾画面的加工与调入开始新建一个变形动画时，该软件就会让你选择首尾画面，你只要找到首、尾画面，然后调入既可。5.3.3●[规律](1)先沿图形边缘设定，再设定图形内部(2)变形参考点数量越多，变形越准确(3)变形路径不得交叉，否则变形混乱设定变形参考点(1)鼠标左键单击首画面产生变形参考点尾画面自动产生对应的(2)光标对准尾画面用鼠标右键拖曳该点移动，调整位置●[操作步骤]教学进程5.3.4●选择“Edit／ProduceAnimation”菜单选择文件输出格式●[操作步骤]教学进程生成avi格式的电影按次序生成jpeg图片帧频生成变形动画●在生成过程中，依次显示中间画面和图片序列，并自动保存5.3.5制作举例Demo-1a.bmp(256color／bmp)Demo-1b.bmp(256color／bmp)帧数:20格式:GIF序列教学进程5.4制作网页动画5.4.1网页动画的特点●采用GIF89a格式，256色/96dpi，扩展名“.gif”●使用ACDSee软件可观看动画效果●帧动画模式5.4.2网页动画编辑软件GIFConstructionSet教学进程GIF文件包含了不同的数据类型，这些数据类型叫做块（Block）GIF文件由下面这几种块组成：●文件头块（HeaderBlock）:它定义动画所占区域的大小，并存有该GIF文件里所有图像的全局调色板●循环块(LoopBlock):一个GIF文件中最多只能有一个循环块。如果一个GIF文件含有循环块，必须紧跟在文件头块后面。它用来定义动画循环的次数。●图像块（ImageBlock）：GIF文件中可以有多个图像块。每个图像块都包含一个动画帧图像，以及与这个帧的显示特性有关的信息。●控制块（ControlBlock）：控制块位于图像块之前，它可以告诉浏览器如何显示由该控制块控制的图像。控制块包含与之相应的图像的透明、延迟等信息。●注释块（CommentBlock）：注释块用来存储文本。注释块中的文本不会显示在GIF动画中，但通过通过一些应用程序能看到注释块中的文本。它可以用来为图像进行注释或进行版权声明。在GIFConstructionSetProfessional中将文件头块和循环块合并成一个块，叫文件头块。类似的，也把图像块和控制块合并起来叫做图像块。GIFConstructionSetProfessional窗口•GIFConstructionSetProfessional窗口看上去很简单。工具栏上各工具含义如下：打开文件打开文件查看当前动画动画创建向导插入块删除块取消选择块选择块管理块显示指南文件显示帮助文件设置选项退出初步创建GIF动画动画的制作分为三个阶段：首先，初步创建一个GIF动画；其次，在帧间增加过渡效果；最后，对各个“块”的参数进行调整。（1）先用图像处理软件制作几个关键帧图像，然后按顺序将这些图像插入到新建的动画中；（2）增加帧间的过渡效果：为了使动画更加美观，应该在帧之间增加一些过渡。增加过渡帧时，GIFConstructionSetProfessional会自动产生新的过渡帧。新产生的过渡帧叫做“中间帧”，我们自己制作的帧叫“关键帧”。具体步骤如下：Edit/Transition，打开“Transition”对画框，使用“Add”按钮，将第一帧和第二帧图像导入到对话框中，对其他选项进行设置，完成后将会弹出一个新的编辑窗口，在这个窗口中，除了原来的两个关键帧以外，还有6个中间帧。我们可以根据需要，选择相应的中间帧插入到我们创建动画的相应位置中。用类似的方法在其他关键帧之间增加过渡效果。编辑数据块我们应该对编辑窗口中的文件头块参数和图像块参数进行修改，使动画演示更符合我们的意愿。双击文件头块可以打开如下图所示的EditHeader对话框EditHeader对话框中各个属性的设置：“Screen”选项组：该选项组用来设定动画显示区域的大小和背景色。当前背景色由“Backgroud”后面的色块指示，色块上的数字是该种颜色在当前调色板上的颜色号。这个背景色不会出现在Web页中，这个背景将会被Web页的背景色所代替。“Palette”选项组：用来设置调色板，一般只选“Globalpalette”“Loop”选项组：用来设置动画的循环次数，它实际上是GIF格式里循环块中的参数。“Iterations”数字框里的数值表示循环次数，如果设为0，则表示无限次循环。EditImage对话框中各个属性或参数的设置双击编辑窗口中的任何一个图像块，打开“EditImage”对话框：“Imageleft”和“Imagetop”：表示图像块中的图像与动画显示区左边界和上边界的距离，单位为像素。“Interlaced”：表示交错显示。一般Web浏览器只支持静态GIF(单帧)的交错显示特性，而不支持动画GIF的交错显示特性，因此在制作Web动画时可以不考虑它。必须选中“Controlblock”复选框，“Control”选项组的其他选项才能设置。“Transparentcolour”：设置图像的透明色。一幅图像只允许选择一种颜色作为透明色。“Delay”：设置图像延迟时间，即它显示多它时间后为下一幅图像所覆盖，时间的单位是1/100秒。“Removeby”：Web浏览器一般只支持“Nothing”和“Background”两个选项。前者表示动画中的前一帧直接被后一帧所覆盖；后者表示前一帧在被后一帧覆盖之前，先用背景色刷新动画显示区，然后才被后一帧覆盖。菜单命令File|Supercompress：该命令用来对动画GIF进行压缩。注意：使用该菜单命令压缩后的GIF文件数据量不一定就小于压缩之前的数据量，因为GIF格式本身采用了行程编码方式进行压缩，而该命令中的压缩方法可能会降低行程编码的压缩率，从而使采用该命令压缩的GIF文件数据量反而大于压缩前的数据量。Edit|Banner：该命令用来创建动态或静态的标语。打开“Banner”对话框，该对话框有8个选项卡，每个选项卡可以设置一种标语，如“浮雕式（Embossed）”标语，“发光式（Glow）”标语等。如果选中“Compresspalette”复选框，则去掉调色板中实际未使用到的颜色，从而实现对调色板的压缩。Edit|Button：用来方便的生成具有立体效果的按钮。生成的按钮只是一幅静态GIF图像，而不是GIF动画。Edit|LEDSigns：用来生成LED（发光二极管）标语，类似于火车站或飞机场上的真正LED标语。颜色代码包括：@R(红色)、@G(绿色)、@B(蓝色)、@C(青色)、@M(品红色)、@Y(黄色)、@W(白色)。Edit|Spin：该命令可以使一幅静止图像按顺时针方向或逆时针方向旋转起来形成一个动画。Block|ColourandBalance：该命令用来对整个动画进行色调、亮度和对比度的统一调整。Block|Extract：用来把动画中的一些块导出形成一个新的图像文件或动画。Block|FilpandRotate：用来对动画中的帧图像进行旋转或翻转。Block|Reconstruct：把压缩后的动画还原成原来的动画。(1)单击按钮预览单击鼠标右键结束预览(2)修改Control命令中的时间间隔，可控制动画的节奏●保存动画●预览与修改教学进程Block|Overlay：使动画中的一帧始终显示在动画中并覆盖在其他帧上，而不管其他帧如何变化；也就是使动画产生不变的前景图和变化的背景图的效果。为了不使前景图完全覆盖背景图，应在前景图中设置透明色。5.4.3FLAsh软件简介●软件特点●中文版FLAshMX(Macromadia公司)●动画形式：帧动画、矢量动画可实现交互功能、附加同步声音●文件格式：FLA(可编辑源动画)SWF(网页动画)●流技术：所谓“流”是指包括动画在内的网络信息在观看的间隙进行传送，形成不间断的流，使观看和传送兼顾，感觉不到信息的间断。●插件教学进程使用元件•元件是一种把图形、按钮和影片剪辑进行模块特殊对象。主要用于在重复编辑同一个对象或类似对象时提高工作效率。元件的创建：1、在场景区域中绘制动画图形，然后