动画与视频制作技术课件

动画制作技术第

5

章■

首、尾画面的加工与调入■设定变形参考点■生成变形动画5.4

制作网页动画■网页动画编辑软件■

FLASH软件简介■绘制动画■

制作帧动画■制作自动动画■为动画添加声音H5.1

动画基本概念

■动画原理

■电脑动画基本概念5.2

制作平面动画■画面绘制■增加质感■绘制动画■自动动画■剪贴板操作■保存动画5.3

制作变形动画■变形动画基本概念■

选择文件输出格式■设置文件输出参数

1精选课件5.6视频处理技术5.6.1

视频的基本概念5.6.2

视频处理软件Premiere5.6.3

视频编辑功能

■视频剪辑

■视频与音频的同步■为视频配音5.6.4保存文件5.6.5

退出Premiere2精选课件动画:就是一幅幅的图形通过连续不断的放映形成的。因此，构成动画最基本的因素就是变化的图形和与变化有关的时间。5.1动画基本概念5.1.1动画原理3精选课件动画原理4精选课件动画的历史发展：1831年，法国人发明了动画。1909年，美国人制作了第一部动画片。1928~1938年，动画片之父WaltDisney制作了以米老鼠、唐老鸭为形象代表的卡通系列片。掀起了第一个动画影片制作高潮。20世纪60年代，Bell实验室制作了第一部计算机动画片。90年代，计算机动画在商业领域取得了巨大成功。《侏罗纪公园》、《狮子王》等。5精选课件●

早期的动画观看动画的机器●

视觉效果教学进程6精选课件●动画的本质动作的变化是动画的本质

——英国动画大师JohnHalas●传统动画分类(1)全动画——为追求画面完美和动作流畅，按照24帧／s制作动画(2)半动画——又名“有限动画”。为追求经济效益，6帧／s的动画●

传统动画的性质——由多幅画面构成，称为“帧动画”Frame1Frame2Frame3Frame4Frame5Frame6Frame7教学进程7精选课件5.1.2●动画的时间特性(1)动作的发展按照时间发生的顺序进行(2)与自然现象一致的运动节奏(3)遵守自然规律，可有限的夸张动画时间与节奏的掌握●动画的节奏掌握(1)利用各帧之间的位置差控制动画节奏(2)自然规律和有限的夸张是动作节奏的依据Frame1Frame2Frame3Frame4Frame5Frame6Frame7Frame8t教学进程8精选课件5.1.3●

电脑动画的种类●

帧动画——模拟以帧为基本单位的传统动画，占动画产品的98%●

平面动画——以传统平面绘画为基础的动画●颜色动画——形成颜色流动效果的动画●变形动画——主体变形效果的动画●

矢量动画——经过电脑运算而确定的运行轨迹和形状的动画●

空间动画——形成三维造型并进行空间运动的动画●

电脑软件是动画制作的必要条件，并提供自动动画功能●

电脑动画以文件形式保存，采用国际标准的FLC和GIF89a格式标准格式网页格式电脑动画基本概念●

电脑动画的特点●

所有动画必须经过电脑的运算和处理教学进程9精选课件5.1.4●

动画文件的种类与格式●

标准动画文件——FLI格式(画面320×200)、FLC格式●

矢量动画文件——各类算法语言独有的格式●

网页动画文件——GIF89a格式(画面尺寸随显示模式而定)动画文件●

动画文件的保存HardDiskCD-RFloppy●

动画文件数据量大，但可压缩性很小●

需要大容量存储介质●

动画的应用模式●

电脑演示(多媒体产品、教学课件等)●

影视产品(动画片、VCD、专业与家用录象带等)教学进程10精选课件5.3制作变形动画5.3.1变形动画基本概念●根据首、尾画面给定的位置、颜色参数进行数学变换(1)根据首、尾画面中设定的变形点进行有序变换(2)以多种格式保存(FLC、GIF、BMP、图片序列等)●基本功能frame1frame2frame3frame4●变形动画软件WinImages:Morph变形效果教学进程11精选课件5.3.2启动与界面●调入首、尾画面教学进程首画面放大镜尾画面首尾画面的参照点变形画面12精选课件●加工原则——首、尾画面的颜色接近、尺寸一致、轮廓近似●文件格式——首、尾画面的彩色模式统一、文件格式一致首、尾画面的加工与调入开始新建一个变形动画时，该软件就会让你选择首尾画面，你只要找到首、尾画面，然后调入既可。13精选课件5.3.3●[规律](1)先沿图形边缘设定，再设定图形内部

(2)变形参考点数量越多，变形越准确

(3)变形路径不得交叉，否则变形混乱设定变形参考点(1)鼠标左键单击首画面产生变形参考点尾画面自动产生对应的(2)光标对准尾画面用鼠标右键拖曳该点移动，调整位置●

[操作步骤]教学进程14精选课件5.3.4●

选择“Edit／ProduceAnimation”菜单选择文件输出格式●[操作步骤]教学进程生成avi格式的电影按次序生成jpeg图片帧频15精选课件生成变形动画●在生成过程中，依次显示中间画面和图片序列，并自动保存5.3.5制作举例Demo-1a.bmp(256color／bmp)Demo-1b.bmp(256color／bmp)帧数:20格式:GIF序列教学进程16精选课件5.4制作网页动画5.4.1网页动画的特点●

采用GIF89a格式，256色/96dpi，扩展名“.gif”●

使用ACDSee软件可观看动画效果●

帧动画模式5.4.2网页动画编辑软件GIFConstructionSet教学进程GIF文件包含了不同的数据类型，这些数据类型叫做块（Block）GIF文件由下面这几种块组成：●文件头块（HeaderBlock）:它定义动画所占区域的大小，并存有该GIF文件里所有图像的全局调色板●循环块(LoopBlock):一个GIF文件中最多只能有一个循环块。如果一个GIF文件含有循环块，必须紧跟在文件头块后面。它用来定义动画循环的次数。17精选课件●图像块（ImageBlock）：GIF文件中可以有多个图像块。每个图像块都包含一个动画帧图像，以及与这个帧的显示特性有关的信息。●控制块（ControlBlock）：控制块位于图像块之前，它可以告诉浏览器如何显示由该控制块控制的图像。控制块包含与之相应的图像的透明、延迟等信息。●注释块（CommentBlock）：注释块用来存储文本。注释块中的文本不会显示在GIF动画中，但通过通过一些应用程序能看到注释块中的文本。它可以用来为图像进行注释或进行版权声明。在GIFConstructionSetProfessional中将文件头块和循环块合并成一个块，叫文件头块。类似的，也把图像块和控制块合并起来叫做图像块。18精选课件GIFConstructionSetProfessional窗口GIFConstructionSetProfessional窗口看上去很简单。工具栏上各工具含义如下：打开文件打开文件查看当前动画动画创建向导插入块删除块取消选择块选择块管理块显示指南文件显示帮助文件设置选项退出19精选课件初步创建GIF动画

动画的制作分为三个阶段：首先，初步创建一个GIF动画；其次，在帧间增加过渡效果；最后，对各个“块”的参数进行调整。（1）先用图像处理软件制作几个关键帧图像，然后按顺序将这些图像插入到新建的动画中；（2）增加帧间的过渡效果：为了使动画更加美观，应该在帧之间增加一些过渡。增加过渡帧时，GIFConstructionSetProfessional会自动产生新的过渡帧。新产生的过渡帧叫做“中间帧”，我们自己制作的帧叫“关键帧”。具体步骤如下：Edit/Transition，打开“Transition”对画框，使用“Add”按钮，将第一帧和第二帧图像导入到对话框中，对其他选项进行设置，完成后将会弹出一个新的编辑窗口，在这个窗口中，除了原来的两个关键帧以外，还有6个中间帧。我们可以根据需要，选择相应的中间帧插入到我们创建动画的相应位置中。用类似的方法在其他关键帧之间增加过渡效果。20精选课件编辑数据块我们应该对编辑窗口中的文件头块参数和图像块参数进行修改，使动画演示更符合我们的意愿。双击文件头块可以打开如下图所示的EditHeader对话框

21精选课件EditHeader对话框中各个属性的设置：“Screen”选项组：该选项组用来设定动画显示区域的大小和背景色。当前背景色由“Backgroud”后面的色块指示，色块上的数字是该种颜色在当前调色板上的颜色号。这个背景色不会出现在Web页中，这个背景将会被Web页的背景色所代替。“Palette”选项组：用来设置调色板，一般只选“Globalpalette”“Loop”选项组：用来设置动画的循环次数，它实际上是GIF格式里循环块中的参数。“Iterations”数字框里的数值表示循环次数，如果设为0，则表示无限次循环。22精选课件EditImage对话框中各个属性或参数的设置双击编辑窗口中的任何一个图像块，打开“EditImage”对话框：“Imageleft”和“Imagetop”：表示图像块中的图像与动画显示区左边界和上边界的距离，单位为像素。“Interlaced”：表示交错显示。一般Web浏览器只支持静态GIF(单帧)的交错显示特性，而不支持动画GIF的交错显示特性，因此在制作Web动画时可以不考虑它。必须选中“Controlblock”复选框，“Control”选项组的其他选项才能设置。“Transparentcolour”：设置图像的透明色。一幅图像只允许选择一种颜色作为透明色。“Delay”：设置图像延迟时间，即它显示多它时间后为下一幅图像所覆盖，时间的单位是1/100秒。“Removeby”：Web浏览器一般只支持“Nothing”和“Background”两个选项。前者表示动画中的前一帧直接被后一帧所覆盖；后者表示前一帧在被后一帧覆盖之前，先用背景色刷新动画显示区，然后才被后一帧覆盖。23精选课件菜单命令File|Supercompress：该命令用来对动画GIF进行压缩。注意：使用该菜单命令压缩后的GIF文件数据量不一定就小于压缩之前的数据量，因为GIF格式本身采用了行程编码方式进行压缩，而该命令中的压缩方法可能会降低行程编码的压缩率，从而使采用该命令压缩的GIF文件数据量反而大于压缩前的数据量。Edit|Banner：该命令用来创建动态或静态的标语。打开“Banner”对话框，该对话框有8个选项卡，每个选项卡可以设置一种标语，如“浮雕式（Embossed）”标语，“发光式（Glow）”标语等。如果选中“Compresspalette”复选框，则去掉调色板中实际未使用到的颜色，从而实现对调色板的压缩。Edit|Button：用来方便的生成具有立体效果的按钮。生成的按钮只是一幅静态GIF图像，而不是GIF动画。24精选课件Edit|LEDSigns：用来生成LED（发光二极管）标语，类似于火车站或飞机场上的真正LED标语。颜色代码包括：@R(红色)、@G(绿色)、@B(蓝色)、@C(青色)、@M(品红色)、@Y(黄色)、@W(白色)。Edit|Spin：该命令可以使一幅静止图像按顺时针方向或逆时针方向旋转起来形成一个动画。Block|ColourandBalance：该命令用来对整个动画进行色调、亮度和对比度的统一调整。Block|Extract：用来把动画中的一些块导出形成一个新的图像文件或动画。Block|FilpandRotate：用来对动画中的帧图像进行旋转或翻转。Block|Reconstruct：把压缩后的动画还原成原来的动画。25精选课件(1)单击按钮预览单击鼠标右键结束预览(2)修改Control命令中的时间间隔，可控制动画的节奏●

保存动画●预览与修改教学进程Block|Overlay：使动画中的一帧始终显示在动画中并覆盖在其他帧上，而不管其他帧如何变化；也就是使动画产生不变的前景图和变化的背景图的效果。为了不使前景图完全覆盖背景图，应在前景图中设置透明色。26精选课件5.4.3FLAsh软件简介●软件特点●中文版FLAshMX(Macromadia公司)●动画形式：帧动画、矢量动画可实现交互功能、附加同步声音●文件格式：FLA(可编辑源动画)

SWF(网页动画)●流技术：所谓“流”是指包括动画在内的网络信息在观看的间隙进行传送，形成不间断的流，使观看和传送兼顾，感觉不到信息的间断。●插件教学进程27精选课件使用元件元件是一种把图形、按钮和影片剪辑进行模块特殊对象。主要用于在重复编辑同一个对象或类似对象时提高工作效率。元件的创建：1、在场景区域中绘制动画图形，然后选中该图形，选择插入|转换成元件2、选择插入|新建元件|命名｜确定，进入元件编辑场景。３、使用：选定使用的场合，然后打开图库面版，用鼠标左键将所需元件拖曳到场景中，即可。28精选课件●启动与界面(1)选择[开始]/程序/MacromediaFLASHMX或双击图标(2)选择“文件/新建”菜单(此步不可省略，否则窗口尺寸不对)菜单栏工具栏动画层控制帧控制动画编辑窗口辅助工具属性工具栏(辅助工具)教学进程29精选课件设置动画制作状态(1)单击底部“属性”工具条●●

设置动画尺寸及其他(2)单击“尺寸”按钮(3)输入“尺寸”数值(5)输入“帧频”fps(取值12~25)(4)单击“背景颜色”框确定动画窗口背景色(6)确定标尺单位(像素、英寸、厘米、毫米等)(7)单击[设为默认值]按钮保存当前设置(8)单击[确定]按钮(9)单击“属性”标题栏，关闭教学进程30精选课件绘制动画(1)选择铅笔工具(2)选择铅笔颜色(3)选择轮廓模式(4)描绘轮廓●

直线化

●

平滑

●

墨水瓶●

绘制轮廓线5.4.5(1)选择颜料桶工具(2)选择填充模式(渐变、单色均可)(3)选择封闭模式(4)单击图形内部填充颜色●渐变●渐变●单色●

填充颜色教学进程31精选课件画图形(2)选择圆内单色或渐变色(3)画圆(鼠标—椭圆/[Shift]+鼠标—正圆)(1)选择画圆工具(2)选择单色或渐变色(3)单击“圆角”按钮，设置圆角●●

画空心图形在调色板中选择“没有”●画圆(1)选择画方框工具●

画方框(4)画方框(鼠标—任意/[Shift]+鼠标—正方)教学进程32精选课件处理图形(1)选择橡皮工具(3)选择橡皮尺寸(2)选择擦除模式(4)擦除图形(2)移动图形●

擦除图形●●移动图形(1)选择箭头工具边框和填充颜色是不同的图形，若想整体移动，须用鼠标左键划定编辑区域，然后整体移动。●

[说明]教学进程33精选课件北京BEIJING输入文字(1)选择文本工具(2)鼠标左键划出文本框(3)输入文本内容(4)光标条覆盖文本(6)鼠标对准文本输入框，移动文字(7)单击非文本输入区结束北京BEIJING●(5)单击“属性”工具栏，设置字体、字号、颜色、对齐方式等●

单击文本，可再次修改文字教学进程34精选课件制作帧动画●

绘制图形5.4.6选择“插入/关键帧”选项，增加新的帧(新的帧自动复制前一帧的内容)●

增加关键帧●在新的帧中绘制图形●

增加图层(用于两个以上的动画合成)(1)选择“插入/图层”选项，增加新图层(2)在新图层中绘制图形，增加关键帧●

演播动画效果(1)选择“窗口/工具栏/控制栏”，打开控制栏(2)选择“控制/循环播放”，连续观察动画效果停首倒播进尾●显示网格，方便编辑鼠标右键单击动画编辑窗口选择“网格/显示网格”●为方便编辑，打开所有工具

(1)选择“窗口/工具栏”菜单

(2)分别选中：√主要栏√状态栏√控制栏教学进程35精选课件制作自动动画●

直线移动动画(4)鼠标右键单击第1帧，选择“创建动画动作”(6)预览动画效果，图形从第1帧的位置移动到第20帧的位置5.4.7(1)在第1帧中画一个图形(2)鼠标右键单击某一帧，如第20帧选择“插入关键帧”(3)单击[]工具，移动图形(5)鼠标右键单击第20帧，选择“创建动画动作”●自动动画只用到两个关键帧●用鼠标单击第1帧和第20帧，可调整图形的初始位置和终了位置教学进程36精选课件自由路径移动动画●(3)单击铅笔工具(10)预览动画效果(1)制作直线移动动画(5)画自由路径(2)单击(添加引导图层)按钮(4)选择“平滑”效果(6)单击图形图层(7)单击[]工具(8)单击第1帧，把图形置于路径的起始位置(9)单击最后1帧，把图形置于路径的终了位置教学进程37精选课件为动画添加声音(2)指定文件类型和声音文件(3)单击[打开]按钮(4)单击某个动画图层●

[操作步骤](5)单击“属性”工具栏(6)在“声音”框中指定声音文件(7)指定“同步”对象(事件、开始、停止、数据流)(8)预览动画(可听到声音)5.4.8(1)选择“文件/导入”教学进程38精选课件保存动画文件●

保存可编辑文件FLA(1)选择“文件/另存为”(2)输入文件名(2)选择文件保存类型SWF——FLAsh播放文件AVI——视频文件(有声)GIF——Gif89a动画文件(3)单击[保存]按钮5.4.9(3)单击[保存]按钮●保存其他格式文件(1)选择“文件/导出影片”菜单教学进程39精选课件教学进程4.6视频处理技术1.什么是视频？视频是一组连续画面信息的集合，与加载的同步声音共同呈现动态的视觉和听觉效果。2.视频与动画就可视部分而言，视频与动画没有本质的区别，只是二者的表现内容和使用场合有所不同。3.视频的使用视频用于电影时，采用24帧/s的播放速率；用于电视时，采用25帧/s的播放速率（PAL制）4.6.1基本概念40精选课件数字电视（视频）概述数字电视文件是一组连续画面信息的集合，与加载的同步声音共同呈现动态的视觉和听觉效果。数字电视节目中连续播放的数字图像称为“数字电视（video）”,简称“视像”，其中每一副图像称为一帧（frame）;随视像同时播放的数字伴音称为“数字电视伴音（audio）”，简称“伴音”。数字电视节目与电视机、录像机中使用的模拟电视节目不同，专门用于在多媒体计算机中显示视像和播放伴音。41精选课件常见的视频处理功能1、视频剪辑。根据需要，剪除不需要的视频片段，连接多段视频信息。在连接时还可以添加过渡效果等。2、视频叠加。根据需要，把多个视频影像叠加在一起。3、视频和声音同步。在单纯的视频信息上添加声音，并精确定位，保证视频和声音的同步。4、添加特殊效果。使用滤镜加工视频影像，使影像具有各种特殊效果，滤镜的作用和效果类似Photoshop中的滤镜。42精选课件视频非线性编辑简介非线性编辑是指：用计算机系统取代传统制作工艺中的编辑机、特技机、切换台等专业设备，实现视频的编辑、合成，以及其他特技制作功能。特点：这种利用计算机进行的视频编辑可在时间轴上随意对视频信号进行修改，其顺序和时间的自由度大，具有非线性，因此叫做“非线性编辑”线性编辑：指利用传统设备进行按部就班的、在时间上具有前后紧密连接关系的模拟信号视频编辑。43精选课件常见的视频文件格式1、AVI（audiovideointerleave）：是一种伴音与视像交叉记录的数字电视文件格式。2、MPEG（MovingPictureExpertsGroup）运动图像专家组：这个专家组制定了MPEG国际标准。MPEG标准压缩算法对数字电视的压缩可达200：1。MPEG是目前应用最为广泛、标准发展最快的多媒体数字电视文件标准。另有一种DAT文件，它是基于MPEG压缩/解压缩技术的数字电视文件格式。目前的MPEG可以分为MPEGLevel1、2、3、4、7、21六种，其中只有Level3是用来压缩音乐的，其余均是用来压缩视频文件的。44精选课件3、Real：实时声音（realaudio）和实数字电视（realvideo）是在计算机网络应用中发展起来的技术，它为使用者提供实时的音响和数字电视效果。45精选课件数字电视的获取1、视像采集卡2、直接从光盘上获取数字电视素材：使用豪杰解霸将VCD中的数字电视转换为AVI格式或MPEG格式。46精选课件视频处理软件Premiere4.6.2●Premiere由Adobe公司开发，有“电影制作大师”之称●

启动与状态设置(1)选择“开始/程序/Adobe”

菜单，启动Premiere(2)选择“PALVideo”模式单击[定制]按钮(3)单击“编辑的方式”输入框，选择“VideoforWindows”(4)单击“时基”输入框,选择25(采用25帧/s的播放模式)(5)单击输入框,选择“视频”教学进程47精选课件启动与状态设置●(9)在“比率”输入框中，选择音频的采样频率(6)在“结构大小”输入框中指定视频画面的尺寸(7)希望保持4:3的宽高比例，单击“4:3样子”选项,使其有效(8)单击输入框，选择“音频”(10)单击“格式”输入框，确定数字表示位数和声道形式

(一般采用“8bit-Stereo”模式)(11)单击[好]按钮教学进程48精选课件主界面●工程窗口时间线窗口(主编辑窗口)监视器辅助工具教学进程49精选课件视频剪辑4.6.2.1(1)选择“文件/导入/文件”菜单(2)指定文件，单击文件，相应文件的首画面图标在工程窗口列出(3)把首画面图标拖曳至时间线窗口中的“视频1A”栏内(4)单击播放按钮确认(5)单击“剃刀工具”(7)鼠标右键单击剪裁区域，选择“涟漪删除”(6)在视频1A栏中，单击开始位置和终了位置，确定需要剪裁区域多媒体片头.avi的视频信号多媒体片头.avi的音频信号4.6.2视频编辑功能教学进程50精选课件连接●(1)选择“文件/导入/文件”菜单，导入第2个视频文件(2)将第2个图标拖曳至“视频1A”栏，位于第1个视频文件之后(3)单击监视器窗口底部的播放按钮，观察连接效果●如果把多个视频素材连接在一起，可依次导入参与连接的视频文件，然后把各个文件的图标依次拖曳到“视频1A”栏中。●把多个视频文件连接在一起，形成新的视频文件教学进程51精选课件视频与音频的同步4.6.2.2●视频与音频的同步关系可以根据需要予以取消(1)在时间线窗口的底部，单击“切换同步模式”按钮，取消同步●注意视频、音频的同步关系一旦被解除，不可对任何一方进行影响时间长度的剪裁操作，否则时间长度不等，同步关系被破坏(3)再次单击“切换同步模式”按钮，恢复同步(2)单击“”选择工具，分别单击视频栏和音频栏进行编辑教学进程52精选课件为视频配音4.6.2.3●[操作步骤](1)选择“文件/导入/文件”菜单，导入视频文件，如“多媒体片头.avi”(2)选择“文件/