第四章Flash动画设计与应用

第四章 Flash 动画设计与应用
Flash的启动：
单击桌面上的图标：Macromedia Flash MX 或：单击“开始”·“程序”
·“Macromedia”·Macromedia Flash MX 新建一个Frash文档：
第一次运行Flash MX 程序时，会自动建立一个新文件
（或通过单击“文件”“新建”，选择“常规”“Flash 文档”） (演示)
4．2．4 绘图工具栏的使用
Frash中的图形由轮廓线、填充色二个独立的部分组成。

因此在绘制图形前，应选择相应的线条颜色和填充颜色。

1、“线条颜色工具”
用于指定当前的线条颜色。

2、“填充颜色工具”
用于指定当前的填充颜色。

3、“椭圆工具”
用于绘制椭圆。

按住[shift]键，可绘制出正圆形。

4、“矩形工具”
用于绘制矩形。

按住[shift]键，可绘制出正方形。

3、“铅笔工具”
用来在动画中绘制线条、和图形的轮廓
通过附加选项，可绘制：
折线、折线图形、矩形；
曲线、曲线图形、椭圆；
：任意线条、或由其组成的图形；
说明：
（1）有些图形可能不要轮廓线、填充色
可选择：无线条颜色、或无填充颜色
（演示：见“工具练习”）
（2）有些图形可能要改变或去掉轮廓线、填充色
4、“箭头工具”(或“选择工具”)
用来选择一个对象或区域。

单击对象：选择一个对象，如：
一段线、图形的填充区域、文字块等；
双击对象：选择多个对象，如：
一段曲线、图形的填充区及边框；
拖动鼠标：选择被封闭在该矩形区域的所有容5、“套索工具”
可以用来选取任何形状围的对象，方法是：
用鼠标拖出一个封闭的区域。

8、“墨水瓶工具”
改变一条线段、或图形轮廓线的颜色、粗细、线形等、或在选定图形的外轮廓上加线条；
9、“油漆桶工具”
改变图形的填充颜色；
或：给封闭的轮廓线加填充色。

演示：删除线条或填充颜色；
修改线条或填充颜色；
说明：在调色板上也可以增加新的颜色
演示：
10、“文字工具”
用于创建和编辑文字对象。

11、“自由变形工具”
对图形进行缩放、旋转、倾斜和扭曲。

12、“橡皮擦工具”
有选择地删除任意的容。

在工具栏的下方
“选项”中，可选择特殊的擦除方式。

4 .3 实例制作（演示：“课件演示”）
4．3．1 建立动画文件
再建一个Frash的新文档。

文件建立之后，首先要定义文件的动画属性：
单击“修改”菜单的“影片”(或“文档”)命令，就会出现“影片属性”对话框。

其中“帧频”指动画文件每秒共播放多少帧画面，默认值是12(建议设置为12 -- 30f/s )。

将场景的宽度设置成650px
高度设置成400px
背景颜色改为淡绿色；“帧频”改为20
完成后，单击“文件”菜单中的“另存为”命令，给文件命名后保存。

4．3．3 组件和蒙板动画
１、制作影片剪辑“旋转的地球”
（见“演示课件”或“各种组件”中：旋转的地球）（1）单击“插入”菜单中的“新建元件”命令，弹出“新建元件”对话框：
在“名称”框中输入“旋转的地球”
设置类型为“影片剪辑”
然后单击“确定”按钮，进入编辑模式
在编辑区中，用快捷菜单选择“标尺”，出现标尺将编辑区中心与播放区的零点重合(宽、高点分别为：0:0),并以此作为影片剪辑的中心
单击第一帧（自然成为关键帧）
选取工具栏中的“椭圆工具”：
在第一帧的编辑区中绘制一个圆
并删除圆的外边框
单击“窗口”菜单的“调色板”命令，
打开“调色板”浮动面板
（或“设计面板”的“混色器”）
选择“径向”（或“放射状”），
将下方渐变条左边的滑块颜色选白色，
右边的颜色调整为浅兰色（可添加到自定义色中）用“油漆桶工具”在圆形上单击
调整其颜色和光线。

用“箭头工具”选中该圆，
按“F8”键（或快捷菜单），将该圆转换成元件, 并命名为“地球”
注意：使“地球”的中心点对准编辑区的０:0点。

选择第40帧：
按下“F5”键、或快捷菜单的
“插入帧”，使该圆在场景的第1帧到第40帧中
完成后测试场景
（2）单击“插入”菜单中的“图层”命令，
或用快捷菜单，新建一个图层2；
选中该层的第1帧：
单击“文件”菜单的“导入”的“导入到舞台”
导入一个“世界地图”的图片文件
用“变形工具”调整“世界地图”大小，
选中该图片，按下“F8”键：
将其转换成元件，并命名为“世界地图”
用“箭头工具”将其拖到右边的起始位置
在图层2的第40帧，按下“F6”键(或快捷菜单) 插入关键帧，选择工具选项“对齐对象”后
用“箭头工具”将其拖到左边的终始位置
在图层2的第1帧到第40帧之间：
单击快捷菜单的“创建动画动作”命令
创建移动动画。

(3)完成后播放：
单击“控制”菜单下的“播放”命令。

我们看到，整个世界地图都显示在屏中，好象在一移动的地图下，有一个静止的圆。

接下来，利用蒙板层给图层2创建一个蒙板效果：使得只能看到在圆上移动地图
看起来更象一个运动的地球
（4）在“图层2”的上面新建一个图层“图层3”
通过“复制”和“粘贴”，将“图层1”中的圆，
拷贝到“图层3”的第1帧
并与图层1中的圆重叠（或用“粘贴到当前位置”）
在该层的层名上右击鼠标，在快捷菜单中选择：
“遮蔽”命令，创建一个蒙板层
注意：一定要先解开该层、及下一层的“锁”
然后测试场景，再看一下效果。

为了使制作的地球更有立体感，可以制作一个隐约可见的地球另一面的效果。

（5）新建一个“图层4”，选择第一帧：
从库中将元件“世界地图”拖入该帧
在属性面板中选择“颜色”栏中的“Alpha”选项将其值设置为30% 。

“世界地图”就成半透明
利用“箭头工具”将“世界地图”
拖到左边的起始位置
在“图层4”的第40帧插入关键帧
将“世界地图”拖到右边的终始位置
在图层4的第1帧到第40帧之间，“创建动画动作”
(12) 在“图层4”的上面新建一个图层“图层5”在该层创建一个蒙板层
将“图层1”中的圆复制到“图层5”的第1帧测试场景，再看一下效果。

到此为止，已经制作好影片剪辑“旋转的地球”
2、制作制作影片剪辑“旋转的光环”
（见“演示课件”的库中：旋转的光环）
制作好地球后，再做一个可以围绕它旋转的光环
(1) 单击“插入”菜单中的“新建元件”命令
在对话框中，设置名称为“旋转的光环”
类型为“影片剪辑”
在编辑区中绘制一个圆，删除圆的填充色
选中外边框，在其属性面板中选择线条的样式为“实线”，线条的粗细调为“9”,产生一个环
回到编辑区，用“套索工具”和“油漆桶工具”
将环设计成一个彩色的环
将光环转换为图形元件，并命名为“彩色的光环”
在第40帧插入关键帧
在第1帧和第40帧之间，“创建动画动作”
测试场景，我们看到光环并没有转动
(2) 选中第1帧和第40帧之间的任一帧；
右击鼠标，打开属性面板：
先在“中间”框选择“移动”
再将“旋转”项设置为“顺时针”、“1”次
（若未出现，单击属性面板右下角的按钮）
测试场景。

“旋转的光环”组件也做好了。

3、组件的整合
制作影片剪辑“光环绕地球”
（见“课件演示”的库中：光环绕地球）
接下来，将两个做好的影片剪辑组合到一起，就可以看到一个地球带着自己的光环旋转了。

(1) “新建元件”，设置名称为“光环绕地球”
类型为“影片剪辑”
(2) 单击“窗口”菜单的“库”命令将“库”打开将影片剪辑“旋转的地球”拖入到第一帧
（必须被选择）
(3) 新建一个“图层2”：
将影片剪辑“旋转的光环”拖到第一帧
选择“自由变形工具”，
向左拖动组件上方的中间节点
再将该组件逆时针稍稍旋转一点，效果如图：
调整其与“旋转的光环”的位置、大小等。

测试场景:
可以看到地球和光环都在旋转，但是光环并没有围绕在地球上。

为了实现光环环绕地球的效果，又要用到蒙板层了。

(3) 新建一个“图层3”：
将“图层1”中的“旋转的地球”复制到
“图层3”的第1帧中的相同位置上
(4) 在“图层3”上新建“图层4”：
绘制一个和“旋转的地球”同样大小的无边线圆形
(将“笔触颜色”切换为“没有颜色”)
选择“套索工具”，选中左下角半个圆形，按下“Delete”键，将其删除，仅留下右上角半个圆将“图层4”作为蒙板层。

将各个图层锁住，影片剪辑“光环绕地球”完成了测试场景，就可以看到该影片剪辑的效果了
(见“光环绕地球”中的图层2，看到一部分环)
★
４、在一个新场景中插入影片剪辑
(1) 添加一个新场景
单击“修改”菜单(或“窗口”、“设计面板”)
的“场景”命令，弹出“场景”框
选择“场景1”
单击“添加”按钮，添加“场景2”
双击“场景2”，将其改名为“运动的地球”
(2) 插入影片剪辑“光环绕地球”
在图层1上右击鼠标，然后单击“属性”
弹出“图层属性”对话框
将其名称命名为“会动的地球”
将影片剪辑“光环绕地球”拖到该层的第1帧中
测试场景，看看效果吧。

若“光环绕地球”的播放位置不合要求，调整它的位置。

5、调整元件的播放位置
在编辑区中，用快捷菜单选择“标尺”，编辑区出现标尺；
单击编辑区右上角“显示比例”框的下拉箭头选择合适的比例(如：50%)；
选中“光环绕地球”元件后，将其拖到右上角。

测试场景，看看效果吧。

4．3．6制作运动的动画
１、制作随引导线移动的地球
（见“课堂练习2”的场景2：运动的地球）
在Flash中，运动向导层的主要作用是：给出物体运动的路径。

通过运动向导层，可使
地球一边转动，一边沿着指定的轨迹运动
(1) 在场景2中：
单击时间轴上的“添加引导图层”按钮
在“会动的地球”图层上添加一个引导图层
并在该引导线层的第1帧插入关键帧
(2) 用“铅笔工具”工具(选项为“平滑”)
在引导线层第1帧绘制一条地球运动的曲线
(或画一个椭圆框后，用“橡皮工具”擦去一个缺口) 然后可用“箭头工具”将其曲线修整平滑；
双击后调整位置(可将线加粗)
(3) 在“会动的地球”图层中的第1帧中
移动地球，使其中心点(形状为
对准引导线的起始端
(4) 在“引导线图层”的第200帧“插入帧”
(5) 在“会动的地球”图层的第200帧插入关键帧
移动地球使其中心对准引导线的终止端
在第1帧到第200帧之间“创建动画动作”
测试场景，看看效果吧。

２、制作放大的地球
(1) 在“会动的地球”图层中的第250帧
插入关键帧，将地球移动到编辑区的中心(偏上)在第200帧到第250帧之间，“创建动画动作”
(2) 在“会动的地球”图层中：
第300帧插入关键帧，将地球放大
在第250帧到第300帧之间，“创建动画动作”
在第330帧“插入关键帧”
测试场景，看看效果吧
4．3．9形变动画
形变动画是Flash中独具特色的动画表现方法。

通过形变动画，可以将一些文字、或图形，在任意位置变化为完全不同的其他文字、或图形(而且不用一一对应)
形变动画的制作限制是：
制作形变动画的起、止对象都必须是矢量图形
用Flash的工具绘制的图都是矢量图形
都可以直接制作形变动画
如果不是矢量图形，可单击“修改”菜单
的“分解组件”命令将其打散，分解成矢量图形
注意：有些符号和组合对象允许嵌套
所以要经过多次的打散操作
直到将它们完全变成矢量图形为止
下面就来制作一个形变动画：
首先显示文本“地球”，以后逐渐变成“我的家”
(1) 选择场景“运动的地球”（“原场景2”）
插入一个图层，命名为“变幻的字”
(2)在第200帧插入关键帧
用“文本工具”，在编辑区的下部输入“地球”
用箭头工具选择（或双击）该文本后，打开属性框
选择所需的字体、颜色、设置字的大小
调整文本框的大小、字间距、位置(在下方)
(3) 在第230帧、300帧中插入关键帧
在第300帧将“地球”改为“我的家”
(4) 在第300帧：
选择“修改”菜单中的“分解组件”(或“分离”) 命令（要使用2次），将文字分解成矢量图形
同样，在第230帧也将文字分解成矢量图形
(5) 选中第230帧，在“属性”面板中
选择“中间”(或“补间”)选项的“形状”命令
这样第230帧到第300帧之间就会变成绿色
并且会出现一个箭头。

(6) 在第330帧插入关键帧。

测试场景！
4．3．4 制作淡入效果
在场景2中，我们已经看到一个漂亮的地球在屏幕上边转动、边移动了。

现在给它添加一个淡入的效果，让地球慢慢的出现（演示“课件演示”场景１：“渐现的地球”）
(1) 打开“场景”对话框，双击“场景１”
将其改名为“渐现的地球”
(2) 将影片剪辑“光环绕地球”
拖到图层1的第1帧中的左上角
（对应于“场景２”的开始位置）
在第100帧“插入帧”
(3) 在图层1上新建“图层2”
将图层名改为“天空背景”
缩小编辑区（25%）
用“矩形工具”在“图层2”的第1帧上绘制一个能覆盖整个编辑区的黑色矩形将该矩形定义成“图形”组件
名称为“逐亮的天空”
(4)在“图层2”的第20帧插入关键帧
将“渐亮的天空”的“属性面板”打开选择“颜色”栏中的“Alpha”选项
在右边弹出的框中，将其值设为100%
在第90帧插入关键帧
将其相应的“Alpha”设为0%
（这样，该色块就是全透明的了）
在第20帧到第90帧之间“创建动画动作”
(5)在第100帧“插入帧”
测试场景若屏幕没有被完全覆盖
修改元件“渐亮的天空”，将其扩大
4．3．8制作闪烁的动画
在“场景１”中加“闪烁的星星”。

(1) 编辑“场景１”，增加一个新图层
命名为“星光”
(2) 在第1帧中插入白色一个小园，去掉边框
(3) 将其转换为图形元件，命名为“星星”
(4) 在第1帧，将星星拖入多次，产生多个星星
(5) 在第2帧，插入空白关键帧，表示星星隐去
(6)然后进行多帧复制
选择多帧：选中首帧后，按Shift选尾帧
“复制帧”后，反复“粘贴帧”，直到第50帧
即：一帧有、一帧无，从而产生闪烁效果
二个场景均完成了，测试影片，看一下总体效果吧！
（若星星太大，编辑元件“星星”，将其缩小）思考：怎么让有的星星亮，有的星星暗？
4．4．2 作品的保存、发布与播放
1、作品的保存
单击“文件”菜单的“保存”、或“另存为”命令。

作品的源文件（图标为）和其他文件，都以相同的文件名保存在同一个文件夹中。

２、作品的发布
单击“文件”菜单中的“发布”命令，在主文件所在的文件夹中产生一个同名的影片文件（图标为）或：单击“文件”菜单“导出”的“导出影片”
（扩展名为swf）
３、影片的播放
(1) 单独播放：双击它。

(2) 插入到PowerPoint演示文稿中：
在幻灯片中建立超级。

其他的知识
1、动画的一般知识
2、三维动画的制作
（见“各种组件”的场景２: 三维动画）关键：多增加控制点，进行修正。