Flash动画制作实例学案
Flash动画制作实例从即学即用的角度出发，由浅入深地介绍每一个实例的操作步骤。你也可以根据自己的掌握情况，有选择地进行学习。 实例1：沿特定路径运动的动画
【实例说明】在本实例中，一架飞机在空中做一个大翻身的特技动作，如屏幕所示为飞机的运动轨迹。通过本例的说明，你可以掌握制作沿特定路径运动的动画。
1．首先，新建一个文件，然后执行‘插入’?‘新建组件’命令，插入一个新的图形组件Plane。在该组件中，我们制作出飞机喷雾的一段动画，它由两个帧组成。
2．单击场景 1标签，返回到场景中。单击快速启动工具栏上的‘显示 图库’按钮，打开‘图库’窗口，将Plane拖放到场景的适当位置。
3．单击‘添加引导图层’按钮，此时会在图层 1的上方添加一个参照层。然后使用铅笔工具，在引导层画出一段曲线，它将作为飞机的运动路径。
4．分别在各图层的第20帧处按F6键，插入一个关键帧。然后单击选取图层 1层，再将飞机拖放到曲线的第1个端点上（注：中心圆圈正放在端点上）。
5．同样，单击选取图层 1图层的第20帧，将该帧内的飞机拖放到曲线的另一个端点上。单击快速启动工具栏上的‘显示信息’按钮，打开信息面板，然后单击‘帧数’标签，选择‘变化’下拉列表中的‘动作’选项，并勾选‘使路径适应’复选项。
至此，本实例制作完毕。按Ctrl+Enter键即可预览其效果。
实例2：一条延长的线
实例说明：本例制作一线段由短变长。
1．新建一个文件，在工具箱中选择直线工具，笔触颜色选红色，在场景中绘制作一短线。 2．单击图层 1层的第20帧，然后按F6键，在此插入一个关键帧。 3．单击变形工具，将线段变长。
4．单击选取第1帧，在属性面板中“补间”选“形状” 5、测试影片。
实例3：变形动画（2）
【实例说明】本例主要使用添加变形控制点的方法来控制图形形状的变化过程，从而可以比较精确地指定物体的变化规则。
1．承前例，我们单击选取第20帧，然后将其中的圆删除，再使用矩形工具在此帧内绘制一个矩形填充图形。
2．选择第1帧，然后执行‘修改’?‘转换’ ?‘添加形状提示’命令，或者按Ctrl+Shift+H快捷键。此时会在三角形上出现一个红色的‘提示’标志，并以字母a开始进行标志。
3．重复上面的操作，再添加3个‘提示’标志，然后用鼠标将这4个‘提示’分别拖放到三角形的3个顶点和一条边线的中点上。
4．单击第20帧，此时可以看到在矩形的中间已经出现了‘提示’标志，它们都重叠在一起，且最后一个标志出现在最上层。用鼠标将这4个‘提示’分别拖放到矩形的4个顶点上。
至此，本例制作完毕。用鼠标拖动播放头，可仔细观察此变形动画与前例的不同之处。
实例4：录入文字
实例说明：在本例中，我们使用‘遮蔽’命令来制作出遮罩效果。
1．新建一个文件，然后执行‘文件’?‘导入’命令，打开对话框。选择要导入的图形文件，然后单击“打开”按钮。
2．选中导入的图形文件，然后执行‘插入’?‘转换成组件’命令，在出现的对话框中输入组件名称，并选择‘图形’单选项，再单击‘确定’按钮。
3．单击第10帧，然后按F6键，在此插入一个关键帧。选取第1帧中的图形，然后将其向左移动一段距离，在第1帧与第10帧之间建立一段‘动作’动画。
4．单击‘插入 图层’按钮，插入一个新层图层 2，然后在该图层栏单击鼠标右键，从弹出的快捷菜单中选择‘遮蔽’命令。
1
5．单击图层 2图层中的锁标记，取消锁定，然后单击工具箱中的文本工具，在此图层的适当位置输入文字。
至此，本例全部制作完毕。按Ctrl+Enter键即可观看遮罩效果。
实例5：风吹效果
【实例说明】本例制作文字的风吹效果，‘随风飘落’。在播放该动画时，会看到文字从左至右，由近及远、由实到虚的依次飘落，如同风吹一般。
1．新建一个文件，然后执行‘插入’?‘新建组件’命令。
2．在名称文本框中输入文字：随，并将其类型属性指定为‘图形’，再单击‘确定’按钮。
3．单击工具箱中的文本工具A，输入文字：随。选取文字，将文字定位到十字符号处。重复上述步骤，制作好其他几个文字组件。
4．单击场景 1标签，返回到场景中。然后执行‘窗口’?‘图库’命令，或者直接单击快速启动工具栏中的‘显示 图库’按钮，打开‘图库’窗口。
5．将制作好的文字按顺序分别拖放到相应的图层中。
6．选取所有的文字图形，然后单击工具栏上的‘排列’按钮，打开对话框。单击‘排列底部边缘’按钮，将文字底端对齐。单击‘调整水平间距’按钮，调整好文字图形的水平间距，然后单击‘确定’按钮。 7．接下来，开始制作文字的动画效果。分别在图层 1图层的第5帧和第15帧处插入一个关键帧，方法是选取相应的帧之后再按F6键即可。
8．选取第15帧，并将该帧内的文字向右上方移动一段距离。执行‘修改’?‘转换’ ?‘比例旋转’命令，打开对话框。在‘旋转’栏输入数值180，然后单击‘确定’按钮。将文字旋转180°。
9．单击快速启动工具栏上的‘显示 信息’按钮，打开信息面板。输入文字的X、Y坐标值，以便于在后面统一其他文字的高度。
10．单击快速启动工具栏上的‘显示 实例’按钮，打开‘实例’面板。单击效果‘标签’，从下拉列表中选择Alpha选项，并将其值设为0。
11．在第5帧上单击鼠标右键，从弹出的快捷菜单中选择‘建立动作变化’选项，在第5帧与第15帧之间产生一段‘动作’动画。
12．同理，按照上述操作步骤，制作其他几个文字的‘动作’动画。 至此，本实例全部制作完毕，按Ctrl+Enter键即可预览影片。
实例6：激光写字效果
【实例说明】在本例中，可看到一束激光进行写字的动画效果。如屏幕所示是本例的演示效果。通过本例的学习，你可以掌握如何在Flash中创建中空字效果以及将字符转换为运动轨迹的方法。 1．新建一个文件，然后执行‘修改’?‘影片属性’命令，将影片的背景设为黑色。
2．下面，我们开始制作一个写字用的激光棒。执行‘插入’?‘新建组件’命令，在出现的对话框中输入符号名称，并选择‘图形’单选项，再单击‘确定’按钮。
3．单击工具箱中的椭圆工具，绘制一个圆并以黄色填充。使用选取工具，拖拉出一束激光。然后将其端点定位到十字形符号处。这样，就完成了激光的绘制。
4．单击场景 1标签，返回到场景中。接下来，我们在场景中输入文字：WELCOME。选取文字，然后按Ctrl+B键，将文字打散。
5．接下来，单击工具箱中的墨水瓶工具，并指定其填充色及线条粗细，再用鼠标点击文字。完成后，按键盘上的Delete键，将文字内部的填色区域删除，这样，我们就得到了一个中空字效果。
6．下面，准备将文字转换为运动轨迹。单击时间轴左侧的‘添加引导图层’按钮，添加一个参照层。单击选取图层 1层中的第1帧并将其拖放到参照层上。
7．接着，利用缩放工具将文字进行放大。为了便于编辑运动轨迹，可以将视图放大。
8．单击选取工具箱中的橡皮擦工具，并选择一种擦除模式，将第字母W擦出一个缺口，使连线断开。 9．接下来，单击图层 1的第1帧，然后执行‘窗口’?‘图库’命令，打开‘图库’窗口。将激光棒拖到场景中，并将其端点拖放到字母W的第1个断点处。
10．单击图层 1的第10帧，再按F6键，插入一个关键帧。为了看到参照层，我们可在参照层的适当位置插入一个关键帧。单击选取图层 1的第10帧，然后锁定参照层，再将激光束拖到字母W的第2个断点处。
2
11．在图层 1的第1帧上单击鼠标右键，从弹出的快捷菜单中选择‘建立动作变化’命令，拖动时间轴上的红色标记，就可看到写字效果了。同样的，按照上述方法制作其他字母的写字效果。
12．值得注意的是，在制作字母O的写字效果时，我们需要制作两束激光。单击‘添加 图层’按钮，添加一个新层。然后将其拖到图层 1的下方。
13．单击选取第45帧，然后按F7键，插入一个空白帧。然后按照前面的方法，我们制作出字母O的内圈写字效果。
经过上面的操作，其实我们并没有得到真正的写字效果，只是完成了激光束运动的轨迹。下面，教你如何完成最后的制作过程。
14．单击‘添加图层’按钮，添加一个新层，然后将其拖放到参照层的上方。为了便于编辑，可以将视图恢复到原大小。
15．接下来，输入文字：WELCOME。注意，输入的文字一定要与前面输入的文字字型保持一致。选取文字，按Ctrl+B键，将文字打散。然后将文字放大，使其与原文字一般大小。
16．接着，用比图层 1中的文字更粗一些的线型来填充文字外框线。最后得到一个中空文字。选取该层，然后将文字下移，使它与参照层的运动轨迹重合。
17．将图层 11层的第1帧进行复制，并粘贴到后面的帧中。
18．下面，开始编辑真正的写字效果了。单击第1帧，然后用鼠标框选并删除其他的字母，只保留激光束所指向的线条。
提示：为了更方便选择要删除的字母及线条，可将其他层锁定。
19．接下来的工作，就是根据激光束的运动轨迹，将多余的线条删除。这需要有一定的耐心才行！ 至此，本例就全部制作完毕了。
实例7：鼠标跟随
【实例说明】在本例中，只要在屏幕上拖动鼠标即可看到一串带有金属质感的小球的动画效果。
1．新建一个文件，执行‘插入’?‘新建组件’命令，或按Ctrl+F8键，打开对话框。输入组件名称，并选择‘图形’单选项，再单击‘确定’按钮。
2．使用工具箱中的椭圆工具，绘制一个带有金属质感的球体。并将其定位到十字符号处。
3．再次执行‘插入’?‘新建组件’命令，添加一个按钮类型的组件，并将其命名“按钮”。在Hit帧插入一个空白帧。单击工具箱中的矩形工具，绘制一个同金属球一般大小的圆并以另外一种颜色填充。 4．按Ctrl+F8键，添加一个影片片段，并将其命名为“动画”，再单击‘确定’按钮。单击快速启动工具栏上的‘显示 图库’按钮，打开‘图库’面板，将“按钮”组件拖放到十字符号处。
5．单击第2帧，然后按F7键，插入一个空白帧，将ball组件拖放到十字符号处。单击第10帧，然后按F6键，插入一个关键帧，将该帧内的小球向下移动一段距离。
6．打开快速启动‘显示 信息’ 面板? 选择‘转换’标签，按演示输入数值，然后按‘复制并应用转换’按钮，将小球进行旋转变形。
7．单击选取第2帧，然后打开‘帧数’面板，在‘变化’下拉列表中选择‘动作’选项，在‘旋转’下拉列表中选择CW选项，并在‘次’文本框中输入数字2，即表示将小球沿顺时针方向旋转两次。
8．单击第20帧，然后按F6键，插入一个关键帧。删除该帧内的小球，然后从‘图库’窗口重新拖入一个ball组件到十字符号处。
9．打开‘效果’面板，将小球的Alpha值设为0。然后选取第10帧，在第10帧与第20帧之间建立一段‘动作’动画。
10．接下来，双击第1帧，打开‘帧动作’面板，单击按钮展开列表，然后双击‘停止’选项，为该帧加入帧行为，即让影片在一开始运行的时候就停在第1帧的位置。
11．单击选取第1帧内的按钮组件，然后按快速启动‘显示影片浏览器’按钮，单击‘对象动作’ ?双击‘鼠标事件’，选‘滚动播放’，再双击?‘转到’帧数处输入2，使鼠标移到该按钮上之后，就跳转到第2帧开始播放。
12．单击场景 1标签，返回到主场景。在场景的任一位置单击鼠标右键，从弹出的快捷菜单中选择‘影片属性’选项，打开如屏幕所示的对话框。按演示设置影片属性，然后单击‘确定’按钮。
13．打开‘图库’窗口，将“动画”组件拖入到场景中，然后将其缩放到适当大小。最后，在场景中复制无数个动画组件，并将它们紧密排列在一起。
3
至此，本例全部制作完毕。按Ctrl+Enter键可观看影片效果。
实例8：交互按钮（1）
【实例说明】在本例中，主要制作交互按钮的常见状态，即鼠标指针移入、按下按钮及松开按钮时可看到不同的按钮效果。
1．新建一个文件，执行‘插入’? ‘新建组件’命令。打开对话框。输入组件名称，并将其属性指定为‘按钮’，再单击‘确定’按钮。
2．此时，Flash会自动在按钮的‘向上’帧上插入一个空白帧。使用绘图工具，在编辑区绘制出按钮图形。 3．在‘经过’帧上单击鼠标右键，从弹出的快捷菜单中选择‘插件关键帧数’选项。单击工具箱中的油漆桶按钮，以红色填充按钮。
4．同样，在‘向下’帧上插入一个插件关键帧，然后用蓝色填充按钮。 5．单击插入‘图层按钮’，添加一个新层，然后输入文字：Click...。
6．向左拖动帧标记，将多余的过渡帧清除，然后在‘经过’帧按F6键，插入一个关键帧，将前面的Click文字改为‘经过’。在‘向下’帧按F6键，插入一个关键帧，将文字‘经过’改为‘向下’。 7．单击场景 1标签，返回到场景中。打开‘图库’窗口，将按钮组件拖放到场景的适当位置。
8．单击‘控制’菜单并选择‘启用简单按钮’选项。将鼠标指针移到按钮上，即可看到按钮会发生变化。至此，本例全部制作完毕。 实例9：交互按钮（2）
【实例说明】在本例中，为按钮加上鼠标单击事件并使它链接到指定的网址。当单击该按钮后，会在指定的窗口中打开所链接的网页。
1．承上例，在按钮对象上单击鼠标右键，打开快捷菜单。选择‘动作’选项。
2．此时，会打开‘显示动作’面板。单击按钮展开其列表选项。双击列表中的‘获得 URL’选项，然后在URL栏输入要链接的网址。
注意：输入网址时，一定要在前面输入：http://，否则在发布影片后，该按钮的链接会出现错误。
3．单击‘窗口’下拉按钮，指定URL所响应的窗口名称，如屏幕所示。我们也可以直接在’窗口’栏输入其他自定义的窗口名，如main，此窗口名称在后面的网页制作中会用到。
4．在场景的任一空白位置单击鼠标右键，从弹出的快捷菜单中选择‘影片属性’选项，在打开的‘影片属性’对话框中设置好影片的属性，再单击‘确定’按钮。
5．执行‘文件’?‘到出影片’命令，将该影片输出成SWF文件。然后，打开网页编辑工具，这里，我们以Macromedia Dreamweaver为例进行说明。启动Dreamweaver之后，建立一个目录类型的框架网页，然后在左边的框架网页中插入生成好的SWF文件。
（如frontpage2000，应选‘插入?高级?组件’选择导出的影片，在预览中一样可观察到。） 6．在‘帧数’面板中，将右边的框架命名为main。执行文件?另存为命令，将所有网页保存。 至此，本例制作完毕，当我们打开网页的主页时，就可测试按钮了。
实例10：交互按钮（3）
【实例说明】在本例中，将鼠标指针移到按钮上时，会看到一个动画效果。通过本例的学习，你可以掌握如何制作带动画效果的按钮。
1．承前例，在按钮上单击鼠标右键，从弹出的快捷菜单中选择‘编辑’命令。
2．单击选取图层 2，然后单击‘删除图层’按钮，删除该层。按Ctrl+F8键，添加一个影片片段，将其命令为Text，然后单击‘确定’按钮。
3．单击工具箱中的文本工具A，在编辑区输入文字：快来点我。选取文字，将其定位到十字符号处。然后执行‘插入’?‘转换成组件’命令，在弹出的对话框中选取‘图形’单选项，并将其命名为“按钮文字”。
4．制作出一段文字由小变大，再由大变小的文字动画。
注意，在上面的文字动画中，我们将首尾两个关键帧中的文字的Alpha值设为0。
5．单击时间轴右上角的‘编辑组件’按钮，从弹出的下拉列表中选择“交互按钮”，以打开按钮编辑窗口。
6．单击‘插入 图层’按钮，添加一个新层。在‘经过’帧插入一个空白帧，然后打开‘图库’窗口，
4
将Text影片片段拖到‘经过’图层中。
7．单击场景 1标签，返回到场景中，然后将“交互按钮”拖放到场景上。至此，本例全部制作完毕。按Ctrl+Enter键可观看影片。 实例11：交互按钮（4）
【实例说明】在本例中，单击鼠标按钮之后，可听到一个声音效果，通过本例的学习，你可以掌握如何向按钮添加声音。
1．新建一个文件，然后执行‘插入’?‘新建组件’命令，添加一个名为Circle的图形组件，并在该编辑区绘制一个图形。
2．执行‘插入’ ?‘新建组件’命令，添加一个影片片段Circle Animator。在此影片片段中，我们将第20帧的Circle替身的颜色效果按演示进行设置。这样，便得到了一个颜色变换的动画效果。
3．再次执行‘插入’?‘新建组件’命令，添加一个图形组件Ball。接着，新增一个按钮组件。注意，我们将Circle Animator组件放置在‘经过’帧。
4．执行‘窗口’?‘共享图库’?Sound（声音）命令，打开Flash 5自带的声音库窗口。选择一种声音，然后将其拖放到按钮组件的‘向下’帧。此时会在其上方出现一段波形标记。
5．单击场景 1标签，返回到场景中，将按钮从‘图库’窗口拖入到场景中。至此，本例全部制作完毕。
实例12：弹出式菜单
【实例说明】本例制作在影片中使用弹出式菜单不仅可以节省空间，还可以增加影片的趣味性，因此在Flash影片中弹出式菜单的使用频率很高。本实例学习如何用Flash 5制作弹出式菜单。
1．首先，将一幅按钮的图片放到舞台上，并将图层命名为pic。随后，单击‘插入 图层’按钮，为影片加入一个新的图层，将图层命名为menu，插入一个空白帧，再绘制一个矩形框作为菜单的背景。
2．执行‘插入’?‘新建组件’命令，插入一个名为‘遮蔽’的按钮组件。在按钮的Hit帧加入一个空白帧，并绘制一个矩形，在影片中这个矩形将作为一个隐形的按钮。
3．单击场景 1标签，返回到场景中。单击‘插入 图层’按钮，加入一个新的图层并将其命名为‘隐藏菜单’。执行‘窗口’?‘图库’命令，打开‘图库’窗口，然后将‘遮蔽’按钮拖放到场景中，使其覆盖在菜单的背景图案上。
4．接着，单击‘插入 图层’按钮，加入一个新的图层并命名为‘菜单变亮’。在本图层的第2~4帧制作出菜单项的选中状态，即绘制一个浅色的矩形框。
5．单击‘插入 图层’按钮，加入一个新的图层并命名‘菜单按钮’。打开‘图库’窗口，拖入3个‘遮蔽’按钮到菜单中，使其竖直排列在一起。
6．单击‘插入 图层’按钮，加入一个新的图层并命名‘菜单文本’。在该图层中，我们制作出菜单中的选项文字，并将文字拖放到菜单的适当位置。
7．下面，我们加入影片的最后一个图层‘遮蔽’，然后从‘图库’窗口拖入一个‘遮蔽’按钮，将其放在菜单按钮图片上。
8．接下来，开始为每个按钮加入‘动作’。单击选取‘遮蔽’图层的‘遮蔽’按钮，然后单击快速启动工具栏中的‘显示动作’按钮，加入鼠标单击后的跳转行为，‘帧动作’/基本动作/转到on(release){gotoAndplay(2);}该语句表示当单击此按钮后，会跳转到影片的第2帧，并停留在这个地方，即显示各菜单选项,在‘帧’处输入2，去掉‘转到并播放’前的勾。
9．接着，单击选取‘菜单文本’图层的第1帧，然后加入一个‘stop’指令，使影片一开始播放就暂时停留在第1帧。
10．单击选取‘菜单按钮’图层的第2帧，分别为该图层中的3个按钮加入动作, ‘帧动作’/基本动作/转到和播放on(rollOver){gotoAndplay(1/2/3/4);} 该语句表示当单击此按钮后，会跳转到影片的第1/2/3/4帧，并停留在这个地方，即显示各菜单选项,在‘帧’处输入1/2/3/4，去掉‘转到并播放’前的勾。。
上面各按钮的动作使它们响应鼠标的‘滚动经过’事件，并使影片跳转到对应的帧。
11．最后，我们为‘隐藏菜单’图层的隐形按钮加入on (rollout)事件，如‘帧动作’/基本动作/转到on(rollout){gotoAndplay(1);}。该语句表示当鼠标滑出按钮时，影片将跳到第1帧播放。
至此，本实例制作完毕，按Ctrl+Enter键，即可观看其效果。
实例13：滚动菜单
5