第十章 平面动画制作（Flash）

课题： Flash的特点、工作界面及基本操作 (2学时) 教学目的：1.了解Flash及其特点； 2.认识Flash的工作界面； 3.掌握Flash的基本操作。 教学重点：Flash的工作界面。 教学难点：Flash的基本操作。 教学内容：

一、Flash简介

1．Flash：是一个矢量图形和交互式动画的制作软件。目前，不论在商业网页还是个网页，绝大多数都采用了Flash技术，Flash还被广泛应用于交互式软件开发、展示和教学方面。

2．Flash的特点： （1） 文件数据量小： （2） 所见即所得： （3） 插件工作方式： （4） 支持屏蔽层操作：

（5） 支持事件响应和交互功能： （6） 过渡动画变形效果： 二、Flash的工作界面

Flash的工作界面由菜单栏、常用工具栏、绘图工具栏、控制栏、时间轴、舞台、信息栏等组成，如图所示。 时间线 菜单栏 信息栏 绘图工具栏 调色板

舞台 监督员窗口 1．舞台：Flash图形的绘制和编辑区域。

37

2．菜单栏：操作界面的顶端是菜单栏，包括：File（文件）、Edit（编辑）、View（查看）、Modify（修改）、Text（文字）、Control（控制）、Window（窗口）、Help（帮助）等一系列命令和选项。 3．常用工具栏：在菜单栏下方Flash将常用的命令以图标按钮的形式组成一个常用工具栏。由“新建”、“打开”等16个按钮组成。 4．信息栏：信息栏位于Flash窗口的最下面，用于提示鼠标所指工具按钮的功能。

5．时间线控制栏/窗口：是Flash动画创作和编辑的重要工具，它一般位于舞台与常用工具栏之间。可以通过鼠标拖动改变其位置，也可以通过选择View菜单中的选项Timeline打开或关闭时间线控制栏。

6．绘图工具栏/窗口

绘图工具栏一般出现在担任界面的左侧，可以利用鼠标拖动改变其摆放位置，它提供用于图形绘制和编辑的各种工具。 7．动画播放控制栏/窗口 用二播放动画，可通过Window|Toolbars—>Controller或Toolbars窗口中选择打开或关闭此控制栏。 8．监督员窗口

9．素材符号、素材、素材符号库窗口 10．调色板窗口 11．Output窗口 三、图形绘制 1．绘图工具栏： （1） 套索工具： （2） 直线工具； （3） 文字工具； （4） 图形工具； （5） 矩形工具 （6） 铅笔工具： （7） 笔刷工具； （8） 墨水瓶工具； （9） 橡皮工具； （10）缩放工具： 2．绘画操作：

（1）绘制一把雨伞。 （2）插入一个文本。

38

课题： Flash的Motion及Shape动画制作 (2学时) 教学目的：1.了解Motion动画制作； 2.了解Shape动画制作；

3.会用Flash制作简单教学动画。 教学重点：Motion及Shape动画制作。 教学难点：Shape动画制作 教学内容：

一、Motion动画制作

在Flash中利用Motion可实现对图形对象的移动，从而制作对象的移动动画。现举几例介绍制作方法。

1．实例一：运动的小球

（1） 选中插入对象，选第一层的第一帧，选择图形工具拖动

鼠标在影片当中画一个圆（小球）；

（2） 将小球定义成组件：插入—>转化成组件—>图形—>命

名；

（3） 将对象插入到某一帧（15）右击15帧—>插入关键帧（将

这个圆移动到另外一个位置）；

（4） 定义Motion渐变：右击第一帧—>创建动作渐变（这时

时间轴上从第一帧到第15帧出现了一条有箭头的线） （5） 测试：单击“控制” —>“播放”即可观看动画效果。 2．实例二：沿导引线运动的小球

在以上第四步与第五步之间添加以下两步：

（6） 加导引线：右击第一层—>“Add Motion Guide” —>画导

引线（用铅笔工具画出导引线）；

（7） 规定小球移动的起始位置和结束位置。 3．实例三：变速运动的小球 在以上第七步后添加以步骤：

（8） 定义渐变效果：双击第一帧—>“Easing”,数字为负表示

先慢后快。

二、Shape动画制作

在Flash中利用Shape可实现对图形对象的形变，从而制作对象的形变动画。 1．矩形到圆形

（1） 在第1帧中绘制矩形；

（2） 在第20帧中绘制圆形：右击20帧选择“Insert Frame”

插入空白帧; （3） 定义渐变效果：右击第1帧—>“Tweening”—>“Shape”。 2．缩放的字体

39

（1）在第一帧中插入一个字母“Flash”； （2）将对象定义成组件：“Insert” —>“Convert to Symbol” —>“Graphic” —>“Symbol”

（3）字母打散：选中刚才插入的文字，选择“Modify” —>“Break Apart”，这时字母成了分离状；

（4） 将对象插入到第30帧：右击第30帧，选择 Insert

Keyframe就实现了插入刚才定义的对象，用缩放工具（Sale）将对象放大到接近工作区大小，然后选中。 （5） 定义渐变：右击第一帧，在弹出的快捷菜单中选择

“Properties”，将弹出“Frame Properties”对话框，在这个对话框中，选择“Tweening”标签，在提示条后选择“Shape”，然后单击确定。

（6） 测试：按下就可以看到“Flash”由小变大的渐变效果。 3．字母的变形

（1） 在第一帧中插入字母“F”； （2） 将字母打散：“Modify” —>“Break Apart”； （3） 在第20帧中插入字母“L”； （4） 将字母“L”打散；

（5） 定义渐变效果：右击第1帧—>“Tweening” —>

“ Shape”。

4．伸长的直线

（1） 在第1帧中绘制一条短直线； （2） 在第15帧中绘制一条长直线；

（3） 定义渐变效果：双击第1帧—>“Tweening” —>

“ Shape”。

三、教学动画制作

教学方法：采用多媒体教学、网络教学与个别辅导相结合的教学方式。 课堂作业：1．利用“Motion”制作小球运动的动画。

2．利用“Shape”制作图形或字母变形的动画。 3．利用“Flash”设计制作一个完整的教学动画课件。

40