《多媒体技术基础 教学课件 ppt 作者 林晓峰 项立明 第五章 动画编辑与制作》由会员分享，可在线阅读，更多相关《多媒体技术基础 教学课件 ppt 作者 林晓峰 项立明 第五章 动画编辑与制作（53页珍藏版）》请在金锄头文库上搜索。
1、机械工业出版社,多媒体技术基础 第五章 动画编辑与制作,第五章 动画编辑与制作,多媒体技术基础,机械工业出版社,本章职业能力目标,能利用GIF动画制作软件创作多媒体作品中所需的各种GIF动画。 能使用Flash 8创作各种用于多媒体产品和网络中的Flash动画。,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务一 创建GIF动画,GIF动画是最常见的动画格式之一，它是多帧GIF图像的合成。是目前多媒体作品中和网页中使用最多的动画格式，其特点是压缩比高，文件比较小。文件的图像色彩不超过256色，几乎所有显示器都支持GIF动画，不必考虑显示器色彩失真问题。目前，几乎在每一个网站的主页上
2、都有一个或多个比较精美的GIF动画。给网页增添了许多表现力和吸引力。同时在很多的多媒体作品中也经常使用这种文件格式。,任务情境,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务一 创建GIF动画,日前可以制作GIF动画的软件很多，如Ulead COOL 3D、 ImageReady、Ulead GIF Animator等都是不错的GIF动画 制作软件。其中Ulead GIF Animator使用的人比较多，是一 款比较流行的制作GIF动画的软件，它操作简单、快速、灵活， 并且具有较强的特技功能和图像优化功能。目前流行的版本的 Ulead GIF Animator 5.0 。,任务分
3、析,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务一 创建GIF动画, 动画的特点 传统动画是指把一些原本没有生命的（不活动）的东西，制作成影片放映后，成为有生命的东西。因此，广义的动画包含了“剪纸片”、“木偶片”等艺术形式。在我国也被称为“美术片”或“卡通片”。它们有两个最重要的特征： 它们的影像是用电影胶片或录影带以逐格记录的方式制作出来的。 这些影像的“动作”是利用设计者的想像和虚幻创造出来的，而不是原本就存在然后被摄影机记录下来的景物。 计算机动画的原理与传统动画基本相同，只是在传统动画的基础上把计算机技术用于动画的处理和应用。计算机动画是指采用图形与图像的数字处理技术，
4、借助于编程或动画制作软件生成一系列的景物画面。其中，当前帧画面是对前一帧的部分修改。计算机动画是采用连续播放静止图像的方法来产生景物运动的效果。 计算机动画的关键技术体现在计算机动画制作软件上。动画制作软件是由计算机专业人员开发的用来制作动画的工具，使用这些工具不需用户编辑，通过简单的交互式操作就能实现计算机的各种动画功能。不同的动画效果，制作的复杂程度不同，但是动画的基本原理是一致的。,知识准备,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务一 创建GIF动画,计算机动画的分类 根据研究角度的不同，计算机动画可以有多种分类方法。 按照画面景物的透视效果和真实感程度，计算机动画分
5、为二维动画和三维动画两种。 按照计算机处理动画的方式不同，计算机动画分为造型动画、帧动画和算法动画三种。 按照动画的表现效果分，计算机动画又可分为路径动画、调色板动画和变形动画三种。 另外，不同的计算机动画制作软件，根据本身具有的动画制作和表现功能，可以将计算机动分为更加具体的种类，如渐变动画、遮罩动画、逐帧动画和关键帧动画等等。,知识准备,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务一 创建GIF动画, 常用动画文件格式 计算机动画由于应用领域不同，其动画文件也存在着不同类型的存储格式。目前应用最广泛的有下面几种文件格式。 GIF格式 GIF是最常见的动画文件格式，它是多帧G
6、IF图像的合成。 FLIC(FLI/FLC)格式 FLIC格式是由Autodesk公司研制开发的一种彩色动画文件格式，FLIC是FLI和FLC的统称。 SWF格式 SWF格式是基于Maceomedia公司Shockwave技术的流式动画文件格式。它采用曲线方程来描述动画中的内容，而不是由点阵组成，因此这种格式的动画不管缩放多少倍，画面仍然清晰流畅，质量不会因此而降低。,知识准备,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务一 创建GIF动画, Ulead GIF Animator 5.0介绍 Ulead GIF Animator 5.0是一款灵活、方便的GIF动画制作软件。Ul
7、ead GIF Animator 5.0不但可以把一系列图片保存为GIF动画格式，还能产生二十多种2D和3D和动态效果，可以满足制作多媒体产品和网页动画的需要。 Ulead GIF Animator 5.0的工作窗口如图5-1所示，窗口由工具栏、工作区、工具面板、对象管理器面板和帧面板几个部分组成。 工具栏包括常用工具栏和属性工具栏。 帧面板对帧进行显示和设置，包括动画的预览播放控制和帧的插入、删除、复制等功能。 工具面板包括编辑动画中每一帧内容时需要的各种工具。 对象管理器面板显示动画中所有帧中的各个对象的内容和次序。每一帧中的对象在对象。 工作区是编辑制作GIF动画的主要区域，它可以在“编
8、辑”、“优化”、“预览”三种模式之间切换。,知识准备,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务一 创建GIF动画,逐帧动画跳舞的小女孩 Ulead GIF Animator可以将一系列静态图像分别放置在不同的帧中， 这些帧播放的时候就会形成动态的画面，这类动画称为逐帧动画。在制作 这类动画时，需要预先准备好静态图像素材，而且这些图像的内容通常是相关或者相近的。如下图所示的女孩跳舞系列图片。,任务实施,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务一 创建GIF动画,逐帧动画跳舞的小女孩 启动GIF Animator 5.0 ,执行“文件”“新建”命令，打开“新
9、建”对话框，将画布的大小设置为与所准备的静态图片的大小相同，这里设置为100 x 100像素，画布外观设为“完全透明”，单击“确定”按钮。进入GIF Animator 5.0工作窗口。 单击常用工具栏中的“添加图像”按钮，在第一帧中加入准备好的第一张图片girl1.jpg。 单击帧面板中的“添加帧”按钮，添加一个空白帧。 选定填加的空白帧，单击常用工具栏中的“添加图像”按钮，在第二帧中加入准备好的第二张图片girl2.jpg。 重复、步的操作，将准备好的五张图片按顺序添加到不同的帧中，单击帧面板上的“播放动画”按钮，预览动画效果。 保存文件。,任务实施,多媒体技术基础 第五章 动画编辑与制作,
10、机械工业出版社,任务一 创建GIF动画,2自动生成中间帧动画前进的小火车 逐帧动画需要预先准备好各帧的静态画面，如果要制作的动画是直线运动或简单的画面切换，则只需设置第一帧和最后一帧的内容，GIF Animator 5.0可以自动生成中间帧。 启动GIF Animator 5.0，新建一个50060像素的纯白色背景的文件 单击 “添加图像”按钮，在第一帧中加入准备好的图片 train.jpg，并将为图片拖动到画面的最左边。 单击帧面板上的“相同帧”按钮，复制第一帧，在第二帧中将小火车拖动到画面的最右边。 在帧面板中同时选定第1帧和第2帧，单击帧面板上的“之间”按钮，在Tween对话框中设置开始
11、帧为1，结束帧为2，帧的产生方式设为插入帧，帧延迟设为20。 单击“确定”按钮后系统会自动在第1、2帧之间插入6个过渡帧。 单击帧面板上的“播放动画”按钮，预览动画效果并保存文件。,任务实施,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务一 创建GIF动画,GIF Animator还可以通过对同一张图片进行旋转、缩放、移动、 填充等操作，制作不同的帧画面，产生动画效果。另外GIF Animator 还带有多种视频F/X特效，功能类似于Photoshop的滤镜，通过对 视频F/X的设置可以产生多种动态效果。,知识拓展,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务一
12、创建GIF动画,旋转的小球 启动GIF Animator 5.0，新建一个100 x 100像素的白色背景的文件。 单击单击 “添加图像”按钮，将素材库的的图像ball.jpg加入到第一帧中。 在对象管理器面板中选定球，单击“相同的选定对象”按钮，复制一个球。 选中第刚复制的球obj-2，单击工具面板中的“变形工具”按钮，在属性栏中设置变形方式为旋转，旋转角度为90度，单击“顺时针方向旋转”按钮，将球旋转90度。 重复、步的操作，继续复制两个球，并顺时针旋转90度。,知识拓展,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务一 创建GIF动画,旋转的小球 选定第1帧，单击对象管理器
13、面板中obj-2、obj-3、obj-4对象中的“显示隐藏对象”按钮，将其隐藏，只显示obj-内容。 单击帧面板上的“相同帧”按钮，复制一帧，选定第2帧，在对象管理器面板中将obj-、obj-3和obj-4隐藏，只显示obj-内容。 重复步骤的操作，制作第3、4、5帧，其中第3帧、第4帧分别显示obj-3和obj-4的内容。第5帧显示obj-1的内容。 在帧面板中选定所有的帧，单击“帧面板命令”按钮，选择“帧属性”，在“画面帧属性”对话框中调整延迟时间，控制小球的旋转速度。 预览效果并保存文件。,知识拓展,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务一 创建GIF动画,动态文字
14、 新建一个400 x 100像素的蓝色背景的文件 单击工具面板中的“文本工具”按钮，在“文本条目框”对话框中输入文字“多媒体技术基础”，设置字体、字号、文字颜色等属性值。 单击“视频F/X”菜单中的“F/X类”中的IrisF/X效果，在“添加效果”对话框中设置画面帧的数量和每个帧之间的延迟时间，效果中的边框颜色、宽度等。 预览效果并保存文件。,知识拓展,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务二 创建Flash动画,Flash动画是由Macromedia公司出品的专门制作平面矢量交互 性动画的软件Flash所制作的动画。Flash动画采用矢量运算方法， 生成的动画可以任意缩
15、放大小，而且生成的动画文件容量也非常的 小，目前在多媒体作品中被广泛的应用。另外，Flash动画还具有良 好的兼容性，能够很方便的被Authorware等多媒体创作工具所调用。 Flash动画已经成为重要的多媒体元素之一。,任务情境,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务二 创建Flash动画,Flash动画是由专门的制作软件Flash制作完成的。该软件以其 简单易用、功能十分强大的特点广泛使用。目前比较流行的版本的 Flash 8 、 Flash CS2、 Flash CS3、 Flash CS4,任务分析,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务二
16、 创建Flash动画,认识Flash Flash是美国Macromedia公司出品的集矢量图形编辑、动画创作和交互设计三大功能于一身的专业软件，主要应用于多媒体动画制作和网页设计等领域。利用该软件制作出来的矢量图和动画文件具有如下特点： 文件尺寸小，特别适合网页设计。 绘制出来的图形是矢量图，能够无损放大。 有很强的用户交互功能。 以时间线为基础的动画编辑和播放。 支持Alpha通道编辑。,知识准备,多媒体技术基础 第五章 动画编辑与制作,机械工业出版社,任务二 创建Flash动画,Flash 8的工作界面 正确安装Flash 8软件之后，启动Flash 8，其工作界面如下图所示。,知识准备,多媒体技术基础 第五章 动画编辑与制
