第六章动画素材处理技术

第六章动画素材处理技术一、教学设计

课

题

动画素材处理技术

课

时

6 教学目的要求：

1、了解动画的基本原理和常用格式

2、熟练掌握使用Flash创作二维矢量动画的方法

3、了解其他动画制作工具

重点·难点：

重点：动画的基本原理和常用格式；使用Flash创作二维矢量动画的方法

难点：使用Flash创作二维矢量动画的方法

实施步骤方法教学内容提要时间

新课导入概念讲解操作演示1、动画基础知识

2、使用Flash绘制图形

3、制作逐帧动画及特效

4、制作变形动画

5、遮罩与元件

6、添加视频与音频

7、其他动画工具

20分

30分

60分

50分

50分

30分

30分

二教学内容

6．1 动画基础知识

6.1.1 动画简介

6.1.2动画分类

电脑动画一般分为二维动画和三维动画两类。

6．1.3 常用动画格式

1.GIF格式

2.FLIC格式

3.SWF格式

4.AVI格式

5.MOV、QT格式

6.2 flash 动画制作

6.2.1动画制作软件Flash

它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件（主要是影片剪辑）的混合物，通过这些元素的不同组合，从而可以创建千变万化的效果。

FLASH的特点:

1.使用矢量图形和流式播放技术。

2.通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几K字节的动

画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。

3.把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作

为网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画(电影)效果

4.强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过

ACTION和FS COMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。

6.2.2 Flash 入门--绘图制作

1.什么是矢量图和位图；

(1)矢量图是用包含颜色和位置属性的直线或曲线

矢量图：是根据几何特性来绘制图形，矢量可以是一个点或一条线，矢量图只能靠软件生成，文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。

(2)位图[bitmap]，也叫做点阵图，删格图象，像素图，简单的说，就是最

小单位由象素构成的图，缩放会失真。

2.两者之间的区别

将两位视图放大，可以看到，矢量图的线条是平滑的，而位图的线条则变得模糊了，还出现了断断续续的小锯齿。如果将显示比例设置为50%。那么矢量图还是保持完善的外观，而位图就会变得模糊了。所以，矢量图可以任意缩放，不会影响显示的质量。

3.实例 Flash钢笔工具绘图的技巧详细讲解

6．2．3逐帧动画

1.概念

在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。

2.创建逐帧动画的几种方法

(1)用导入的静态图片建立逐帧动画

(2)绘制矢量逐帧动画

(3)文字逐帧动画

(4)导入序列图像

3.实例

6．2．4运动动画

6．2．5变形动画

FLASH里怎么做一条直线逐渐变成曲线的动画简单的说也即变形动画。

6.2.6遮罩

1．遮罩动画的概念

顾名思义就是遮挡住下面的对象。

2. 制作遮罩动画的原理

3.创建遮罩的方法

(1)创建遮罩

(2)构成遮罩和被遮罩层的元素

(3)遮罩中可以使用的动画形式

4.应用遮罩时的技巧

在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。在被遮罩层中不能放置动态文本。

5.实例

6．2．7 时间轴特效

1.使用时间轴(界面)

时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数

2.使用时间轴特效的对象

(1)文本

(2)图形，包括形状、组以及图形元件

(3)位图图像

(4)按钮元件

重点讲一下一下对象：

(1)添加时间轴特效

(2)时间轴特效设置

(3)编辑时间轴特效

(4)删除时间轴特效

3.补间类型

(1)创建补间动画

(2)创建补间形状

4.在动画中复制和粘贴关键帧

6．2．8元件

1.使用元件

(1)关于元件

元件是指Flash创作环境中使用Button（AS2.0）、SimpleButton（S3.0）和MovieClip类创建过一次的图形、按钮或影片剪辑。

(2)元件类型：

flash元件有三种：

影片剪辑－－－可以独立于主时间轴播放的动画剪辑，可以加入动作代码。

图形－－－依赖主时间轴播放的动画剪辑，不可以加入动作代码。

按钮－－－有“常规”、“弹起”、“按下”和“点击”四帧的特殊影片剪辑，可以加入动作代码。

(3)创建元件

○1包括将选定元素转换为元件

○2创建空元件将舞台上的动画转换为影片剪辑元

○3重制元件

○4编辑元件

2.元件实例

6．2．9 为动画添加声音

在 Flash 中有两种类型的声音：事件声音和音频流。事件声音必须完全下载后才能开始播放，除非明确停止，它将一直连续播放。音频流在前几帧下载了足够的数据后就开始播放；音频流可以通过和时间轴同步以便在 Web 站点上播放。

向文档中添加声音

向按钮添加声音

6．2．10导入视频文件

关于使用 FLV 视频

6．2．11基本ActionScript