动画与视频制作技术

5.1

动画基本概念动画原理动画:就是一幅幅的图形通过连续不断的放映形成的。因此，构成动画最基本的因素就是变化的图形和与变化有关的时间。目前三页\总数五十八页\编于十九点动画原理目前四页\总数五十八页\编于十九点动画的历史发展：1831年，法国人发明了动画。1909年，美国人制作了第一部动画片。

1928~1938年，动画片之父Walt

Disney制作了

以米老鼠、唐老鸭为形象代表的卡通系列片。掀起了第一个动画影片制作高潮。

20世纪60年代，Bell实验室制作了第一部计算机动画片。90年代，计算机动画在商业领域取得了巨大成功。《侏罗纪公园》、《狮子王》等。目前五页\总数五十八页\编于十九点早期的动画观看动画的机器视觉效果目前六页\总数五十教八页学\编进于程十九点动画的本质动作的变化是动画的本质全动画——为追求画面完美和动作流畅，按照24帧／s制作动画半动画——又名“有限动画”。为追求经济效益，6帧／s的动画——英国动画大师

JohnHalas传统动画的性质——由多幅画面构成，称为“帧动画”Frame3Frame4Frame5Frame6Frame1

Frame2Frame7传统动画分类目前七页\总数五十教八页学\编进于程十九点5.1.2

动画时间与节奏的掌握动画的时间特性动作的发展按照时间发生的顺序进行与自然现象一致的运动节奏遵守自然规律，可有限的夸张动画的节奏掌握利用各帧之间的位置差控制动画节奏自然规律和有限的夸张是动作节奏的依据Frame2Frame3Frame4Frame5Frame6Frame7Frame1Frame8t目前八页\总数五十八页教\学编进于十程九点电脑动画以文件形式保存，采用国际标准的FLC和GIF89a格式标准格式网页格式5.1.3

电脑动画基本概念电脑动画的种类帧动画——模拟以帧为基本单位的传统动画，占动画产品的98%平面动画——以传统平面绘画为基础的动画颜色动画——形成颜色流动效果的动画变形动画——主体变形效果的动画矢量动画——经过电脑运算而确定的运行轨迹和形状的动画空间动画——形成三维造型并进行空间运动的动画电脑动画的特点所有动画必须经过电脑的运算和处理电脑软件是动画制作的必要条件，并提供自动动画功能目前九页\总数五十八页教\学编进于十程九点5.1.4

动画文件动画文件的种类与格式标准动画文件——FLI格式(画面320×200)、FLC格式矢量动画文件——各类算法语言独有的格式网页动画文件——GIF

89a格式(画面尺寸随显示模式而定)动画文件的保存Hard

DiskCD-RFloppy动画文件数据量大， 但可压缩性很小需要大容量存储介质动画的应用模式电脑演示(多媒体产品、教学课件等)影视产品(动画片、VCD、专业与家用录象带等)目前十页\总数五十教八页学\编进于程十九点5.3

制作变形动画5.3.1

变形动画基本概念根据首、尾画面给定的位置、颜色参数进行数学变换基本功能根据首、尾画面中设定的变形点进行有序变换以多种格式保存(FLC、GIF、BMP、图片序列等)frame2frame3frame1frame4变形动画软件WinImages:Morph变形效果目前十一页\总数五十八页教\学编进于十程九点5.3.2

启动与界面调入首、尾画面首画面放大镜尾画面首尾画面的参照点变形画面目前十二页\总数五十八页教\学编进于十程九点加工原则——首、尾画面的颜色接近、尺寸一致、轮廓近似文件格式——首、尾画面的彩色模式统一、文件格式一致首、尾画面的加工与调入开始新建一个变形动画时，该软件就会让你选择首尾画面，你只要找到首、尾画面，然后调入既可。目前十三页\总数五十八页\编于十九点[规律]先沿图形边缘设定，再设定图形内部变形参考点数量越多，变形越准确变形路径不得交叉，否则变形混乱(1)鼠标左键单击首画面产生变形参考点尾画面自动产生对应的(2)光标对准尾画面用鼠标右键拖曳该点移动，调整位置5.3.3

设定变形参考点[操作步骤]目前十四页\总数五十八教页学\学编进于程十程九点选择“Edit／Produce

Animation”菜单5.3.4选择文件输出格式[操作步骤]生成avi格式的电影按次序生成jpeg图片帧频目前十五页\总数五十八教页学\学编进于程十程九点生成变形动画在生成过程中，依次显示中间画面和图片序列，并自动保存5.3.5制作举例Demo-1a.bmp(256

color／bmp)Demo-1b.bmp(256

color／bmp)帧数:20格式:GIF序列目前十六页\总数五十教八页学\编进于程十九点5.4

制作网页动画5.4.1

网页动画的特点采用GIF89a格式，256色/96dpi，扩展名“.gif”帧动画模式使用ACDSee软件可观看动画效果5.4.2

网页动画编辑软件GIF

Construction

SetGIF文件包含了不同的数据类型，这些数据类型叫做块（Block）GIF文件由下面这几种块组成：文件头块（HeaderBlock）:它定义动画所占区域的大小，并存有该GIF文件里所有图像的全局调色板循环块(Loop

Block):一个GIF文件中最多只能有一个循环块。如果一个

GIF文件含有循环块，必须紧跟在文件头块后面。它用来定义动画循环的次数。目前十七页\总数五十教八页学\编进于程十九点图像块（ImageBlock）：GIF文件中可以有多个图像块。每个图 像块都包含一个动画帧图像，以及与这个帧的显示特性有关的 信息。控制块（ControlBlock）：控制块位于图像块之前，它可以告 诉浏览器如何显示由该控制块控制的图像。控制块包含与

之相应的图像的透明、延迟等信息。注释块（Comment

Block）：注释块用来存储文本。注释块中的文 本不会显示在GIF动画中，但通过通过一些应用程序能看到注释 块中的文本。它可以用来为图像进行注释或进行版权声明。在GIF

Construction

Set

Professional中将文件头块和循环块合并成一个块，叫文件头块。类似的，也把图像块和控制块合并起来叫做图像块。目前十八页\总数五十八页\编于十九点GIF

Construction

Set

Professional窗口

GIF

Construction

Set

Professional窗口看上去很简单。工具栏上各工具含义如下：打开文件打开文件查看当前动画动画创建向导插入块删除块取消选择块选择块管理块显示帮助文件显示指南文件设置选项退出目前十九页\总数五十八页\编于十九点初步创建GIF动画动画的制作分为三个阶段：首先，初步创建一个GIF动画；其次，在帧间增加过渡效果；最后，对各个“块”的参数进行调整。（1）先用图像处理软件制作几个关键帧图像，然后按顺序将这些图像插入到新建的动画中；（2）增加帧间的过渡效果：为了使动画更加美观，应该在帧之间增加一些过渡。增加过渡帧时，GIF

Construction

SetProfessional会自动产生新的过渡帧。新产生的过渡帧叫做“中间帧”，我们自己制作的帧叫“关键帧”。具体步骤如下：Edit/Transition，打开“Transition”对画框，使用“Add”按钮，将第一帧和第二帧图像导入到对话框中，对其他选项进行设置，完成后将会弹出一个新的编辑窗口，在这个窗口中，除了原来的两个关键帧以外，还有6个中间帧。我们可以根据需要，选择相应的中间帧插入到我们创建动画的相应位置中。用类似的方法在其他关键帧之间增加过渡效果。目前二十页\总数五十八页\编于十九点编辑数据块我们应该对编辑窗口中的文件头块参数和图像块参数进行修改，使动画演示更符合我们的意愿。双击文件头块可以打开如下图所示的Edit

Header对话框目前二十一页\总数五十八页\编于十九点Edit

Header对话框中各个属性的设置：“Screen”选项组：该选项组用来设定动画显示区域的大小和背景色。当前背景色由“Backgroud”后面的色块

指示，色块上的数字是该种颜色在当前调色板上的颜色号。这个背景色不会出现在Web页中，这个背景将会被Web页的背景色所代替。“Palette”选项组：用来设置调色板，一般只选“Global

palette”“Loop”选项组：用来设置动画的循环次数，它实际上是

GIF格式里循环块中的参数。“Iterations”数字框里的数值表示循环次数，如果设为0，则表示无限次循环。目前二十二页\总数五十八页\编于十九点Edit

Image

对话框中各个属性或参数的设置双击编辑窗口中的任何一个图像块，打开“Edit

Image”对话框：“Image

left”和“Image

top”：表示图像块中的图像与动画显示区左边界和上边界的距离，单位为像素。“Interlaced”：表示交错显示。一般Web浏览器只支持静态GIF(单帧)的交错显示特性，而不支持动画GIF的交错显示特性，因此在制作Web动画时可以不考虑它。必须选中“Control

block”复选框，“Control”选项组的其他选项才能设置。“Transparentcolour”：设置图像的透明色。一幅图像只允许选择一种颜色作为透明色。“Delay”：设置图像延迟时间，即它显示多它时间后为下一幅图像所覆盖，时间的单位是1/100秒。“Remove

by”：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

|

Filp

and

Rotate：用来对动画中的帧图像进行旋转或翻转。Block

|

Reconstruct：把压缩后的动画还原成原来的动画。目前二十五页\总数五十八页\编于十九点(1)单击按钮预览单击鼠标右键结束预览(2)修改Control命令中的时间间隔，可控制动画的节奏保存动画预览与修改Block

|

Overlay：使动画中的一帧始终显示在动画中并覆盖在其他帧上，而不管其他帧如何变化；也就是使动画产生不变的前景图和变化的背景图的效果。为了不使前景图完全覆盖背景图，应在前景图中设置透明色。目前二十六页\总数五十八教页学\学编进于程十程九点5.4.3

FLAsh软件简介软件特点中文版FLAsh

MX(Macromadia公司)动画形式：帧动画、矢量动画可实现交互功能、附加同步声音文件格式：FLA(可编辑源动画)SWF(网页动画)流技术：所谓“流”是指包括动画在内的网络信息在观看的间隙进行传送，形成不间断的流，使观看和传送兼顾，感觉不到信息的间断。插件目前二十七页\总数五十教八页学\编进于程十九点使用元件

元件是一种把图形、按钮和影片剪辑进行模块特殊对象。主要用于在重复编辑同一个对象或类似对象时提高工作效率。元件的创建：1、在场景区域中绘制动画图形，然后选中该图形，选择插入|

转换成元件2、选择插入|

新建元件|命名

｜ 确定，进入元件编辑场景。３、使用：选定使用的场合，然后打开图库面版，用鼠标左键将所需元件拖曳到场景中，即可。目前二十八页\总数五十八页\编于十九点●启动与界面选择[开始]/程序/Macromedia

FLASH

MX

或双击图标选择“文件/新建”菜单

(此步不可省略，否则窗口尺寸不对)菜单栏工具栏动画层控制帧控制动画编辑窗口辅助工具属性工具栏(辅助工具)目前二十九页\总数五十八页教\学编进于十程九点设置动画制作状态设置动画尺寸及其他单击底部“属性”工具条单击“尺寸”按钮输入“尺寸”数值单击“背景颜色”框确定动画窗口背景色输入“帧频”fps(取值12~25)确定标尺单位(像素、英寸、厘米、毫米等)单击[设为默认值]按钮保存当前设置单击[确定]按钮单击“属性”标题栏，关闭目前三十页\总数五十教八页学\编进于程十九点选择轮廓模式描绘轮廓直线化

●

平滑墨水瓶5.4.5

绘制动画绘制轮廓线选择铅笔工具选择铅笔颜色渐变

●

渐变单色填充颜色选择颜料桶工具选择填充模式(渐变、单色均可)选择封闭模式单击图形内部填充颜色目前三十一页\总数五十教八学页学\编进于程十九点画图形画圆选择画圆工具选择圆内单色或渐变色画圆(鼠标—椭圆/[Shift]+鼠标—正圆)画方框选择画方框工具选择单色或渐变色单击“圆角”按钮，设置圆角画方框(鼠标—任意/[Shift]+鼠标—正方)画空心图形在调色板中选择“没有”目前三十二页\总数五十教八页学\编进于程十九点处理图形擦除图形选择橡皮工具选择擦除模式选择橡皮尺寸擦除图形移动图形选择箭头工具移动图形[说明]边框和填充颜色是不同的图形，若想整体移动，须用鼠标左键划定编辑区域，然后整体移动。目前三十三页\总数五十教八学页学\编进于程十九点输入文字(1)选择文本工具(2)鼠标左键划出文本框北北京京BBEEIIJJIINNGGGG●输入文本内容光标条覆盖文本单击“属性”工具栏，设置字体、字号、颜色、对齐方式等鼠标对准文本输入框，移动文字单击非文本输入区结束单击文本，可再次修改文字目前三十四页\总数五十教八页学\编进于程十九点5.4.6

制作帧动画绘制图形增加关键帧选择“插入/关键帧”选项，增加新的帧(新的帧自动复制前一帧的内容)在新的帧中绘制图形增加图层(用于两个以上的动画合成)选择“插入/图层”选项，增加新图层在新图层中绘制图形，增加关键帧演播动画效果(1)选择“窗口/工具栏/控制栏”，打开控制栏(2)选择“控制/循环播放”，连续观察动画效果停首倒播进尾显为显为示方示方网便网便格编格编，辑，辑方，方，便打便打编开编开辑所辑所有工具(鼠1)标选右择键“单窗击口动/画工编具辑栏窗”口菜单

(选2)择分“别网选格中/显：示网格”√主要栏√状态栏√控制栏目前三十五页\总数五十八教页学\学编进于程十程九点5.4.7

制作自动动画直线移动动画在第1帧中画一个图形鼠标右键单击某一帧，如第20帧选择“插入关键帧”单击[ ]工具，移动图形鼠标右键单击第1帧，选择“创建动画动作”鼠标右键单击第20帧，选择“创建动画动作”预览动画效果，图形从第1帧的位置移动到第20帧的位置自动动画只用到两个关键帧用鼠标单击第1帧和第20帧，可调整图形的初始位置和终了位置目前三十六页\总数五十八页教\学编进于十程九点击自由路径移动动画制作直线移动动画单 (添加引导图层)按钮单击铅笔工具选择“平滑”效果画自由路径单击图形图层单击[ ]工具单击第1帧，把图形置于路径的起始位置单击最后1帧，把图形置于路径的终了位置预览动画效果目前三十七页\总数五十八页教\学编进于十程九点在“声音”框中指定声音文件指定“同步”对象(事件、开始、停止、数据流)预览动画(可听到声音)5.4.8

为动画添加声音[操作步骤]选择“文件/导入”指定文件类型和声音文件单击[打开]按钮单击某个动画图层单击“属性”工具栏目前三十八页\总数五十教八学页学\编进于程十九点SWF——FLAsh播放文件AVI——视频文件(有声)GIF——Gif89a动画文件(3)单击[保存]按钮5.4.9

保存动画文件保存可编辑文件FLA选择“文件/另存为”输入文件名单击[保存]按钮保存其他格式文件选择“文件/导出影片”菜选择文件保存类型单目前三十九页\总数五十八页教\学编进于十程九点4.6视频处理技术基本概念什么是视频？视频是一组连续画面信息的集合，与加载的同步声音共同呈现动态的视觉和听觉效果。视频与动画就可视部分而言，视频与动画没有本质的区别，只是二者的表现内容和使用场合有所不同。视频的使用视频用于电影时，采用24帧/s的播放速率；用于电视时，采用25帧/s的播放速率（PAL制）目前四十页\总数五十八页教\学编进于十程九点数字电视（视频）概述数字电视文件是一组连续画面信息的集合，与加载的同步声音共同呈现动态的视觉和听觉效果。数字电视节目中连续播放的数字图像称为“数字电视（video）”,简称“视像”，其中每一副图像称为一帧（frame）;随视像同时播放的数字伴音称为“数字电视伴音（audio）”，简称“伴音”。数字电视节目与电视机、录像机中使用的模拟电视节目不同，专门用于在多媒体计算机中显示视像和播放伴音。目前四十一页\总数五十八页\编于十九点常见的视频处理功能1、视频剪辑。根据需要，剪除不需要的视频片段，连接多段视频信息。在连接时还可以添加过渡效果等。2、视频叠加。根据需要，把多个视频影像叠加在一起。3、视频和声音同步。在单纯的视频信息上添加声音，并精确定位，保证视频和声音的同步。4、添加特殊效果。使用滤镜加工视频影像，使影像具有各种特殊效果，滤镜的作用和效果类似Photoshop中的滤镜。目前四十二页\总数五十八页\编于十九点常见的视频文件格式1、AVI

（audiovideointerleave）：是一种伴音与视像交叉记录的数字电视文件格式。2、MPEG（Moving

Picture

Experts

Group）运动图像专家组：这个专家组制定了MPEG国际标准。MPEG标准压缩算法对数字电视的压

缩可达200：1。MPEG是目前应用最为广泛、标准发展最快的多媒体数字电视文件标准。另有一种DAT文件，它是基于MPEG压缩/解压缩技术的数字电视文件格式。目前的MPEG可以分为MPEGLevel1、2、3、4、7、21六种，其中只有Level

3是用来压缩音乐的，其余均是用来压缩视频文件的。目前四十四页\总数五十八页\编于十九点3、Real：实时声音（real

audio）和实数字电视（realvideo）是在计算机网络应用中发展起来的技术，它为使用者提供实时的音响和数字电视效果。目前四十五页\总数五十八页\编于十九点数字电视的获取1、视像采集卡2、直接从光盘上获取数字电视素材：使用豪杰解霸将VCD中的数字电视转换为AVI格式或MPEG格式。目前四十六页\总数五十八页\编于十九点视频处理软件Premiere4.6.2Premiere由Adobe公司开发，有“电影制作大师”之称启动与状态设置选择“开始/程序/Adobe”菜单，启动Premiere选择“PAL

Video”模式单击[定制]按钮单击“编辑的方式”输入框，选择“Video

forWindows”单击“时基”输入框,选择25(采用25帧/s的播放模式)单击输入框,选择“视频”目前四十七页\总数五十教八页学\编进于程十九点启动与状态设置●在“结构大小”输入框中指定视频画面的尺寸希望保持4:3的宽高比例，单击“4:3样子”选项,使其有效单击输入框，选择“音频”在“比率”输入框中，选择音频的采样频率单击“格式”输入框，确定数字表示位数和声道形式

(一般采用“8

bit-Stereo”模式)单击[好]按钮目前四十八页\总数五十八教页学\学编进于程十程九点主界面工程窗口 时间线窗口(主编辑窗口)

监视器

辅助工具目前四十九页\总数五十教八学页学\编进于程十九点视频剪辑选择“文件/导入/文件”菜单指定文件，单击文件，相应文件的首画面图标在工程窗口列出把首画面图标拖曳至时间线窗口中的“视频1A”栏内多媒体片头.avi的视频信号多媒体片头.avi的音频信号单击播放按钮确认单击“剃刀工具”在视频1A栏中，单击开始位置和终了位置，确定需要剪裁区域鼠标右键单击剪裁区域，选择“涟漪删除”4.6.2视频编辑功能目前五十页\总数五十八页教\学编进于十程九点选择“文件/导入/文件”菜单，导入第2个视频文件将第2个图标拖曳至“视频1A”栏，位于第1个视频文件之后(3)单击监视器窗口底部的播放按钮，观察连接效果如果把多个视频素材连接在一起，可依次导入参与连接的视频文件， 然后把各个文件的图标依次拖曳到“视频1A”栏中。连接把多个视频文件连接在一起，形成新的视频文件目前五十一页\总数五十八教页学\学编进于程十程九点4.6.2.2视频与音频的同步注意视频、音频的同步关系一旦被解除，不可对任何一方进行影响时间长度的剪裁操作，否则时间长度不等，同步关系被破坏视频与音频的同步关系可以根据需要予以取消在时间线窗口的底部，单击“切换同步模式”按钮，取消同步单击“ ”选择工具，分别单击视频栏和音频栏进行