动画与视频制作技术;

1、动画制作技术,第 5 章, 首、尾画面的加工与调入 设定变形参考点 生成变形动画 5.4 制作网页动画 网页动画编辑软件 flash软件简介 绘制动画 制作帧动画 制作自动动画 为动画添加声音h,5.1 动画基本概念 动画原理 电脑动画基本概念 5.2 制作平面动画 画面绘制 增加质感 绘制动画 自动动画 剪贴板操作 保存动画 5.3 制作变形动画 变形动画基本概念 选择文件输出格式 设置文件输出参数,5.6 视频处理技术 5.6.1 视频的基本概念 5.6.2 视频处理软件premiere 5.6.3 视频编辑功能 视频剪辑 视频与音频的同步 为视频配音 5.6.4保存文件 5.6.5 退出

2、premiere,动画:就是一幅幅的图形通过连续不断的放映形成的。因此，构成动画最基本的因素就是变化的图形和与变化有关的时间。,5.1 动画基本概念,5.1.1,动画原理,动画原理,动画的历史发展：,1831年，法国人发明了动画。 1909年，美国人制作了第一部动画片。 19281938年，动画片之父walt disney制作了以米老鼠、唐老鸭为形象代表的卡通系列片。掀起了第一个动画影片制作高潮。 20世纪60年代，bell实验室制作了第一部计算机动画片。 90年代，计算机动画在商业领域取得了巨大成功。侏罗纪公园、狮子王等。, 早期的动画,教学进程,动画的本质,教学进程,5.1.2, 动画的时

3、间特性,(1) 动作的发展按照时间发生的顺序进行,(2) 与自然现象一致的运动节奏,(3) 遵守自然规律，可有限的夸张,动画时间与节奏的掌握,教学进程,5.1.3, 电脑动画的种类, 电脑软件是动画制作的必要条件，并提供自动动画功能,电脑动画基本概念,教学进程,5.1.4, 动画文件的种类与格式, 标准动画文件fli格式 (画面320200) 、flc格式 矢量动画文件各类算法语言独有的格式 网页动画文件gif 89a格式 (画面尺寸随显示模式而定),动画文件,教学进程,5.3 制作变形动画,5.3.1,变形动画基本概念,frame1 frame2 frame3 frame4, 变形动画软件

4、winimages: morph,变形效果,教学进程,5.3.2,启动与界面,教学进程,放大镜,尾画面,首尾画面的参照点,变形画面,首、尾画面的加工与调入,开始新建一个变形动画时，该软件就会让你选择首尾画面，你只要找到首、尾画面，然后调入既可。,5.3.3,设定变形参考点, 操作步骤,教学进程,5.3.4, 选择“editproduce animation”菜单,选择文件输出格式, 操作步骤,教学进程,生成avi格式的电影,按次序生成jpeg图片,帧频,生成变形动画,教学进程,5.4,制作网页动画,5.4.1 网页动画的特点, 采用gif89a格式，256色 / 96dpi，扩展名“.gif”

5、, 使用acdsee软件可观看动画效果, 帧动画模式,5.4.2 网页动画编辑软件gif construction set,教学进程,gif文件包含了不同的数据类型，这些数据类型叫做块（block） gif文件由下面这几种块组成： 文件头块（header block）:它定义动画所占区域的大小，并存有该gif文件里所有图像的全局调色板 循环块(loop block):一个gif文件中最多只能有一个循环块。如果一个gif文件含有循环块，必须紧跟在文件头块后面。它用来定义动画循环的次数。,图像块（image block）：gif文件中可以有多个图像块。每个图像块都包含一个动画帧图像，以及与这个帧的

6、显示特性有关的信息。 控制块（control block）：控制块位于图像块之前，它可以告诉浏览器如何显示由该控制块控制的图像。控制块包含与之相应的图像的透明、延迟等信息。 注释块（comment block）：注释块用来存储文本。注释块中的文本不会显示在gif动画中，但通过通过一些应用程序能看到注释块中的文本。它可以用来为图像进行注释或进行版权声明。 在gif construction set professional中将文件头块和循环块合并成一个块，叫文件头块。类似的，也把图像块和控制块合并起来叫做图像块。,gif construction set professional窗口,gif c

7、onstruction set professional窗口看上去很简单。工具栏上各工具含义如下：,退出,初步创建gif动画,动画的制作分为三个阶段：首先，初步创建一个gif动画；其次 ，在帧间增加过渡效果；最后，对各个“块”的参数进行调整。 （1）先用图像处理软件制作几个关键帧图像，然后按顺序将这些图像插入到新建的动画中； （2）增加帧间的过渡效果：为了使动画更加美观，应该在帧之间增加一些过渡。增加过渡帧时， gif construction set professional会自动产生新的过渡帧。新产生的过渡帧叫做“中间帧”，我们自己制作的帧叫“关键帧”。具体步骤如下：edit / tran

8、sition，打开“transition”对画框，使用“add”按钮，将第一帧和第二帧图像导入到对话框中，对其他选项进行设置，完成后将会弹出一个新的编辑窗口，在这个窗口中，除了原来的两个关键帧以外，还有6个中间帧。我们可以根据需要，选择相应的中间帧插入到我们创建动画的相应位置中。用类似的方法在其他关键帧之间增加过渡效果。,编辑数据块,我们应该对编辑窗口中的文件头块参数和图像块参数进行修改，使动画演示更符合我们的意愿。 双击文件头块可以打开如下图所示的edit header对话框,edit header对话框中各个属性的设置：,“screen”选项组：该选项组用来设定动画显示区域的大小和背景色。

9、当前背景色由“backgroud”后面的色块指示，色块上的数字是该种颜色在当前调色板上的颜色号。这个背景色不会出现在web页中，这个背景将会被web页的背景色所代替。 “palette”选项组：用来设置调色板，一般只选“global palette” “loop”选项组：用来设置动画的循环次数，它实际上是gif格式里循环块中的参数。“iterations”数字框里的数值表示循环次数，如果设为0，则表示无限次循环。,edit image 对话框中各个属性或参数的设置,双击编辑窗口中的任何一个图像块，打开“edit image”对话框： “image left”和“image top”：表示图像块

10、中的图像与动画显示区左边界和上边界的距离，单位为像素。 “interlaced”：表示交错显示。一般web浏览器只支持静态gif(单帧)的交错显示特性，而不支持动画gif的交错显示特性，因此在制作web动画时可以不考虑它。 必须选中“control block”复选框，“control”选项组的其他选项才能设置。 “transparent colour”：设置图像的透明色。一幅图像只允许选择一种颜色作为透明色。 “delay”：设置图像延迟时间，即它显示多它时间后为下一幅图像所覆盖，时间的单位是1/100秒。 “remove by”：web浏览器一般只支持“nothing”和“backgrou

11、nd”两个选项。前者表示动画中的前一帧直接被后一帧所覆盖；后者表示前一帧在被后一帧覆盖之前，先用背景色刷新动画显示区，然后才被后一帧覆盖。,菜单命令,file | supercompress：该命令用来对动画gif进行压缩。 注意：使用该菜单命令压缩后的gif文件数据量不一定就小于压缩之前的数据量，因为gif格式本身采用了行程编码方式进行压缩，而该命令中的压缩方法可能会降低行程编码的压缩率，从而使采用该命令压缩的gif文件数据量反而大于压缩前的数据量。 edit | banner：该命令用来创建动态或静态的标语。打开“banner”对话框，该对话框有 8个选项卡，每个选项卡可以设置一种标语，如

12、“浮雕式（embossed）”标语，“发光式（glow）”标语等。如果选中“compress palette”复选框，则去掉调色板中实际未使用到的颜色，从而实现对调色板的压缩。 edit | button：用来方便的生成具有立体效果的按钮。生成的按钮只是一幅静态gif图像，而不是gif动画。,edit | led signs：用来生成led（发光二极管）标语，类似于火车站或飞机场上的真正led标语。颜色代码包括：r(红色)、g(绿色)、b(蓝色)、c(青色)、m(品红色)、y(黄色)、w(白色)。 edit | spin：该命令可以使一幅静止图像按顺时针方向或逆时针方向旋转起来形成一个动画。

13、block | colour and balance：该命令用来对整个动画进行色调、亮度和对比度的统一调整。 block | extract：用来把动画中的一些块导出形成一个新的图像文件或动画。 block | filp and rotate：用来对动画中的帧图像进行旋转或翻转。 block | reconstruct：把压缩后的动画还原成原来的动画。,(1) 单击 按钮预览单击鼠标右键结束预览,(2) 修改control命令中的时间间隔，可控制动画的节奏, 保存动画,预览与修改,教学进程,block | overlay：使动画中的一帧始终显示在动画中并覆盖在其他帧上，而不管其他帧如何变化；也

14、就是使动画产生不变的前景图和变化的背景图的效果。为了不使前景图完全覆盖背景图，应在前景图中设置透明色。,5.4.3,flash软件简介,教学进程,使用元件,元件是一种把图形、按钮和影片剪辑进行模块特殊对象。主要用于在重复编辑同一个对象或类似对象时提高工作效率。 元件的创建： 1、在场景区域中绘制动画图形，然后选中该图形，选择插入 | 转换成元件 2、选择插入 | 新建元件|命名确定，进入元件编辑场景。 、使用：选定使用的场合，然后打开图库面版，用鼠标左键将所需元件拖曳到场景中，即可。,启动与界面,(1) 选择开始/程序/macromedia flash mx 或双击图标,(2) 选择“文件 /

15、 新建”菜单 (此步不可省略，否则窗口尺寸不对),教学进程,设置动画制作状态,(1) 单击底部“属性”工具条, 设置动画尺寸及其他,(2) 单击“尺寸”按钮,(3) 输入“尺寸”数值,(5) 输入“帧频” fps (取值1225),(4) 单击“背景颜色”框 确定动画窗口背景色,(6) 确定标尺单位 (像素、英寸、厘米、毫米等),(7) 单击设为默认值按钮 保存当前设置,(8) 单击确定按钮,(9) 单击“属性”标题栏，关闭,教学进程,绘制动画,(1) 选择铅笔工具,(2) 选择铅笔颜色,(3) 选择轮廓模式,(4) 描绘轮廓, 绘制轮廓线,5.4.5,(1) 选择颜料桶工具,(2) 选择填充

16、模式 (渐变、单色均可),(3) 选择封闭模式,(4) 单击图形内部 填充颜色,教学进程,画图形,(2) 选择圆内单色或渐变色,(3) 画圆 (鼠标椭圆 / shift+鼠标正圆),(1) 选择画圆工具,(2) 选择单色或渐变色,(3) 单击“圆角” 按钮，设置圆角, 画圆,(4) 画方框 (鼠标任意 / shift+鼠标正方),教学进程,处理图形,(1) 选择橡皮工具,(3) 选择橡皮尺寸,(2) 选择擦除模式,(4) 擦除图形,(2) 移动图形, 擦除图形,教学进程,北京 beijing,输入文字,(1) 选择文本工具,(2) 鼠标左键划出文本框,(3) 输入文本内容,(4) 光标条覆盖文

17、本,(6) 鼠标对准文本输入框，移动文字,(7) 单击非文本输入区结束,教学进程,制作帧动画, 绘制图形,5.4.6,教学进程,制作自动动画, 直线移动动画,(4) 鼠标右键单击第1帧，选择“创建动画动作”,(6) 预览动画效果，图形从第1帧的位置移动到第20帧的位置,5.4.7,(1) 在第1帧中画 一个图形,(2) 鼠标右键单击某一帧，如第20帧 选择“插入关键帧”,(5) 鼠标右键单击第20帧，选择“创建动画动作”,教学进程,自由路径移动动画,(3) 单击铅笔工具,(10) 预览动画效果,(1) 制作直线 移动动画,(5) 画自由路径,(2) 单击 (添加引导图层)按钮,(4) 选择“平

18、滑”效果,(6) 单击图形图层,(8) 单击第1帧，把图形置于路径的起始位置,(9) 单击最后1帧，把图形置于路径的终了位置,教学进程,为动画添加声音,(2) 指定文件类型和声音文件,(3) 单击打开按钮,(4) 单击某个动画图层, 操作步骤,(5) 单击“属性”工具栏,(6) 在“声音”框中指定声音文件,(7) 指定“同步”对象 (事件、开始、停止、数据流),(8) 预览动画 (可听到声音),5.4.8,(1) 选择“文件/导入”,教学进程,保存动画文件, 保存可编辑文件 fla,(1) 选择“文件/另存为”,(2) 输入文件名,(3) 单击保存按钮,5.4.9,(3) 单击保存按钮,教学进

19、程,教学进程,4.6 视频处理技术,1.什么是视频？ 视频是一组连续画面信息的集合，与加载的同步 声音共同呈现动态的视觉和听觉效果。 2.视频与动画 就可视部分而言，视频与动画没有本质的区别， 只是二者的表现内容和使用场合有所不同。 3.视频的使用 视频用于电影时，采用24帧/s的播放速率；用于 电视时，采用25帧/s的播放速率（pal制）,4.6.1基本概念,数字电视（视频）概述,数字电视文件是一组连续画面信息的集合，与加载的同步声音共同呈现动态的视觉和听觉效果。数字电视节目中连续播放的数字图像称为“数字电视（video）”,简称“视像”，其中每一副图像称为一帧（frame）;随视像同时播放

20、的数字伴音称为“数字电视伴音（audio）”，简称“伴音”。 数字电视节目与电视机、录像机中使用的模拟电视节目不同，专门用于在多媒体计算机中显示视像和播放伴音。,常见的视频处理功能,1、视频剪辑。根据需要，剪除不需要的视频片段，连接多段视频信息。在连接时还可以添加过渡效果等。 2、视频叠加。根据需要，把多个视频影像叠加在一起。 3、视频和声音同步。在单纯的视频信息上添加声音，并精确定位，保证视频和声音的同步。 4、添加特殊效果。使用滤镜加工视频影像，使影像具有各种特殊效果，滤镜的作用和效果类似photoshop中的滤镜。,视频非线性编辑简介,非线性编辑是指：用计算机系统取代传统制作工艺中的编辑

21、机、特技机、切换台等专业设备，实现视频的编辑、合成，以及其他特技制作功能。特点：这种利用计算机进行的视频编辑可在时间轴上随意对视频信号进行修改，其顺序和时间的自由度大，具有非线性，因此叫做“非线性编辑” 线性编辑：指利用传统设备进行按部就班的、在时间上具有前后紧密连接关系的模拟信号视频编辑。,常见的视频文件格式,1、avi （audio video interleave）：是一种伴音与视像交叉记录的数字电视文件格式。 2、mpeg（moving picture experts group）运动图像专家组：这个专家组制定了mpeg国际标准。 mpeg标准压缩算法对数字电视的压缩可达200：1。

22、mpeg是目前应用最为广泛、标准发展最快的多媒体数字电视文件标准。 另有一种dat文件，它是基于mpeg压缩 / 解压缩技术的数字电视文件格式。 目前的mpeg可以分为mpeg level1、2、3、4、7、21六种，其中只有level 3是用来压缩音乐的，其余均是用来压缩视频文件的。,3、real：实时声音（real audio）和实数字电视（real video）是在计算机网络应用中发展起来的技术，它为使用者提供实时的音响和数字电视效果。,数字电视的获取,1、视像采集卡 2、直接从光盘上获取数字电视素材：使用豪杰解霸将vcd中的数字电视转换为avi格式或mpeg格式。,视频处理软件prem

23、iere,4.6.2, premiere由adobe公司开发，有“电影制作大师”之称,(2) 选择“pal video”模式 单击定制按钮,(3) 单击“编辑的方式” 输入框， 选择“video for windows”,(4) 单击“时基”输入框, 选择25 (采用25帧/s的播放模式),(5) 单击输入框, 选择“视频”,教学进程,启动与状态设置,(9) 在“比率” 输入框中，选择音频的采样频率,(6) 在“结构大小”输入框中 指定视频画面的尺寸,(7) 希望保持4:3的宽高比例， 单击“4:3样子”选项, 使其有效,(8) 单击输入框，选择“音频”,(10) 单击“格式”输入框，确定数字

24、表示位数和声道形式 (一般采用“8 bit - stereo”模式),(11) 单击好按钮,教学进程,主界面,工程窗口 时间线窗口(主编辑窗口) 监视器 辅助工具,教学进程,视频剪辑,4.6.2.1,(1) 选择“文件/导入/文件”菜单,(2) 指定文件，单击文件，相应文件的首画面图标在工程窗口 列出,(3) 把首画面图标拖曳至时间线 窗口中的“视频1a”栏内,(4) 单击播放按钮确认,(5) 单击“剃刀工具”,(7) 鼠标右键单击剪裁区域，选择“涟漪删除”,(6) 在视频1a栏中，单击开始位置和终了位置，确定需要剪裁区域,多媒体片头.avi的视频信号 多媒体片头.avi的音频信号,4.6.2 视频编辑功能,教学进程,连接,(1) 选择“文件/导入/文件”菜单，导入第2个视频文件,(2) 将第2个图标拖曳至“视频1a”栏，位于第1个视频文件之后,(3) 单击监视器窗口底部的播放按钮，观察连接效果,教学进程,视频与音频的同步,4.6.2.2, 视频与音频的同步关系可以根据需要予以取消,(1) 在时间线窗口的底部，单击“切换同步模式”按钮，取消同步,(3) 再次单击“切换同步模式”按钮，恢复同步,教学进程,为视频配音,4.6.2.3, 操作步骤,(1) 选择“文件/导入/文件”菜单，导入视频文件，如“多媒体片头.avi”,(2) 选择“文件/导入/文件”菜单，导入音