Flash从零学起完整版
Download as DOC, PDF0 likes392 views
本教程旨在为初学者提供易于理解的 Flash 动画入门指导，采用通俗易懂的语言和实例，帮助读者逐步掌握基本概念和操作技巧。文中介绍了动画的基本原理、帧的概念以及常用工具的使用方法，结合具体实例，读者只需简单跟随步骤即可完成动画制作。书中附赠的光盘包含了示例源文件，方便初学者进行实践。
Flash从零学起完整版
- 1. FLASH DONGHUA CONGLING XUEQI FLASH 动画从零学起 前言 目前，市场上关于 Flash 的教材有很多，但是对于一个对 Falsh 一无所知的初学者来说还是显 得深了一些，一些朋友可能就有过这样的感受，书中那些难懂的概念和实例让人看得头疼，总之一 句话就是：看不懂！话说的可能有点直了，但我确实经常听到一些朋友这样说，就在这种情况下作 者编写了此教程。作者把平时在教学过程中学生最容易碰到的问题都逐一讲解，语言通俗易懂，比喻 形象生动，再不好理解的东西通过打个很形象的比方一切都迎刃而解了，因而它不具有难度，用最 简单的例子让读者自己明白一些概念和原理，操作的每一步都配合了较大的画面，使读者一目了然。 书中的每个例子都不需要任何美术功底，只要按照步骤照葫芦画瓢就可以了。作者把每一个例子的源 文件以及相关图片素材都放在了赠送的光盘中供读者学习使用。书中并没有把所有的内容都逐一讲到 （因为那样会让人看得生厌），而是讲解最基本、最重要得东西。该书不是给那些 Flash 高手看的， 它唯一的作用就是作为台阶，将那些对 Flash 有兴趣但却又不知该如何下手的人领进入门，如果你 学完此书后能够说：我学了不少知识，我已经入门了。那么，作者已经很知足了！目录 第二章 1、 熟悉 Flash 界面。
- 2. 2、 动画的原理看下面几幅画面: 图 2-2 图 2-3 图 2-4 图 2-5 图 2-2 中飞机位于图片的最左边，图 2-3 中飞机位于图片的中间，图 2-4 中飞机位于图片的最右边。 当我们将这三幅画面依次按照一定速度播放的时候，给我们的视觉效果就是看上去感觉飞机在从左 向右飞行，如图 2-5 所示。动画就是由一系列近似的画面按照一定的顺序和速度进行播放而产生，它 是欺骗人视觉效果的一种把戏。 3、 帧/关键帧/空白关键帧：由动画的原理我们知道，动画就是画面的连续播放所产生的，电影 是每秒播放 24 幅画面，电视则每秒播放 25 幅画面，Flash 默认每秒播放 12 幅画面（可以修 改）。每一幅画面我们都称它为一个帧，记住：一个帧就是一幅画面（暂不管这个画面是真实 的还是虚幻的）！如图 2-6 所示：
- 3. 上面的每个小格子就是一个帧，每个格子都分别代表着一幅画面，播放时按照帧的先后顺序由左向 右进行。你也许会问：“上面帧怎么还不一样啊？”对了，正是因为它们不一样才有了帧、关键帧、空白 关键帧（也叫白色关键帧）这些名词。 空白关键帧：我们先看第一个小格子，它里面有一个白色的小圆圈，它就是空白关键帧，里面什么 内容都没有，一片空白。用鼠标单击一下该空白关键帧，结果我们在下面的场景里看到的是一片空白 区域如图 2-7 所示： 关键帧：第二个小格子里面是个实心的小黑点，它就是关键帧，里面有实际存在的内容，用鼠标单 击该关键帧（或用鼠标按住帧上面红色滑块向后拖动到该帧），我们看到了一个黑色的圆，如图 2- 8 所示： 看来，关键帧和空白关 键帧的区别就在于关键帧有实际的内容而空白关键帧没有。空白关键帧+内容（比如画个圆）=关键 帧 。 可 变 形 为 ： 空 白 关 键 帧 = 关 键 帧 - 里 面 所 有 内 容 。 读 者 不 妨 把 图 2-8 中 的 圆 删 除
- 4. （Ctrl+A，Delet），看它是不是变成了和它前面一样的空白关键帧？ 帧：关键帧后面的灰色部分都是普通帧，普通帧里面没有实际的内容，但是它却能将离它最近的关 键帧的内容显示出来。用鼠标点击第三帧，如图 2-9 所示。 看起来它似乎有内容，实际上这一帧是没有内容的，3、4、5 帧只不过是把前面离它最近的关键帧 （第二帧）的内容显示出来了而已，由此可见普通帧尽管没有实际内容但它却可以用来延续一幅画 面的存在时间。说明：图 2-9 的第五帧 代表普通帧的结束，另外还有一种叫过渡帧，暂时不用知道， 后面会结合具体实例讲。这几个概念在 Flash 制作中非常重要，使用的频率也最高，希望读者一定要 弄明白。移除帧与清除帧的区别：用鼠标对着帧点击鼠标右键，在弹出的菜单中有“移除帧”和“清除 帧”命令。移除帧就是删除帧，用来将帧连同帧上的内容（如果是关键帧的话）一起删除，而清除帧 则是只把帧上的内容清空，帧仍然存在。第三章 图形元件和移动渐变 按照正常习惯，此时应该讲工具的使用了，但是考虑到读者刚刚理解完上面关于帧的一些枯燥的概 念，我讲顺序做了调整。下面我们就放松一下来做一个小动画。 1、 制作矩形的变化启动 Flash 软件，鼠标单击第一帧，然后点击左边工具箱中的矩形工具 ， 边框选择没有颜色如图 2-6 所示，填充选择自己所喜欢的颜色如图 2-7 所示。
- 5. 在工作区按住鼠标左键拖动绘制矩形，如图 3-8 所示。 我们用选取工具 单击一下矩形，执行【插入】菜单下的【转换成元件】命令，将弹出一对话框，在 名称中输入“动作渐变”，选择【图形】如图 3-9 所示。然后确定。 此时画面应为图 3-10 所示。
- 6. 鼠标放在 25 帧处，点击右键，在 弹出的菜单中选择“插入关键帧”，如图 3-11。 用鼠标单击缩放工具 ，将 矩形调小，如图 3-12 所示。 鼠标点击 1 到 25 之间的任何 一帧（不能是最后一帧，所以 25 除外），然后选择下面的“移动”，如图 3-13。
- 7. 到此为止一个简单的动画就做成 了，按 Ctrl+回车进行预览。源文件的位置：光盘源文件移动渐变演示.fla 说明：1）图 3-11 中，在 25 帧处插入关键帧的意思是复制了前面和它最近的关键帧（此处为第 1 帧），所以此时 第 25 帧和第 1 帧完全一样：是关键帧，里面都右一个矩形，连同矩形的大小位置等都一样。 2）图 3-13 中，2 到 24 帧像普通帧一样看似有内容，其实没有，它们是从第 1 帧到 25 帧的一个过渡，所以叫做过 渡帧。3）以前每次讲这个例子的时候，学生总会问：“图 3-10 为什么要转换成图形元件？”这个问题后面会讲到， 暂时只需要记住当转换成图形元件后，下面要选择“移动”，就可以了。 4）在绘制矩形时我们选择边框为无色，这并不是说一定不能要边框，因为一旦要了边框在将矩形转换成图形元件 的时候就必须把它和它的边框一起转换，而初学者一般都容易把边框给漏掉。所以，如果要了边框，边框和填充都 必须都要选中后再一起转换为图形元件，具体做法是选择箭头工具用鼠标点击一下填充部分，然后按住 Shift 键不 放双击边框即可（按住 Shift 代表可以选择多个，双击边框表示把边框给选中）。读者可以试试有边框的情况。 5）变化的快慢可以控制，Flash 默认为每秒播放 12 帧，所以可以计算出应该在什么地方插入关键帧。 如果你做成功的话，相信你对 Flash 已经有了一定的兴趣，如果你觉得上述例子太麻烦而没有做成功的话，也不 要紧，因为我们还没有讲工具的使用，下面我们举个更简单的来加以巩固。 二、制作照片的出现效果 1．启动 Flash 软件，打开【文件】下拉菜单，选择【导入】命令，在弹出的 对话框中选择你的一张照片，如图 3-14 所示。
- 8. 2．用选取工具 单击图片，然后按 F8，出现了图 3-15 所示的对话框。 然后单击确定按钮。如图 3-16 所示。 将鼠标放在 20 帧处，点击鼠标右键，选择【插入关键帧】命令，将出现图 3-17。
- 9. 用鼠标单击第 1 帧，然后单击 按钮， 图片周围出现 8 个控制点，我们用鼠标拖动右下角的控制点，将图片缩小。如图 3-18 所示。 用鼠标点第 1 帧，在下面属性栏选择移 动，如图 3-19 所示。 此时就可以 Ctrl+回车进行预览了。我们 看到了一张图片由小变大的效果，下面我们接着做让这张照片变大之后再渐渐向右上角消失的效果。在 40 帧处插 入关键帧，移动图片到右上角，如图 3-20 所示。
- 10. 用鼠标选中图片，在属性栏调 整透明度，如图 3-21 所示。 用鼠标点击 20 到 40 之间任 何一帧，选择属性栏上面的移动，其结果如图 3-22 所示。 好了，此时再按 Ctrl+回车试试。 源文件的位置：光盘源文件我的照片.fla 通过以上两个例子，我们已经感觉到 Flash 功能的强大，只需要给一个 起始状态和一个结束状态，中间的那些状态都交给 Flash 去做。
- 11. 第4章 工具简介 1、箭头工具 箭头工具主要用来选取对象，以变对该对象进行操作如：删除，移动等。如图 4-1，鼠标单击选择该 对象后，可用 Delet 删除，图 4-2 用鼠标按住不松开，然后拖动到所需要的位置。 另外它还具有切割和变形的功能。当我们用工具箱中的工具绘制出圆、矩形、线条等形状时，用鼠标可 以将他们切割。按住鼠标拖动，将不需要的部分选中，如图 4-3 所示。 当鼠标接近我们绘制的图形时，会出现图 4-4，这时可按住鼠标拖动来改变它的外形，如图 4-5 所示。
- 12. 重新绘制一个矩形，当按住 Ctrl 键拖看有什么变化，撤消（Ctrl+Z）后再次按住 Ctrl 键拖看又有什 么不同，请读者朋友试一试。 2、次选取工具它用来修改由铅笔或钢笔所绘制的线条。当用次工具选取所绘曲线时上面会出现一 些节点，如图 4-6 所示，当鼠标点击节点时，节点上会有控制柄出现，如图 4-7，拖动控制柄上的点 便可修改线条的形状。 3、直线工具使用直线工具用来绘制从起点到终点的直线，在按下鼠标左键进行拖动时如果按住了 Shift 键，则可绘制水平、垂直或以 45 度角度增加的直线。4、套索工具套索工具用来选取不规则的 区域以便对所选部分进行操作，如图 4-8 所示。5、钢笔工具选取钢笔工具，用鼠标左键单击起点， 然后移动到下一个位置，按住鼠标左键不放拖出所需的线条，然后再用同样的办法绘出到下一点的 线条，双击鼠标代表绘制结束。如果绘制不满意，可用次选工具进行调整。如图 4-9 所示。 6、文本工具文本工具是用来输入文字信息。选择文本工具，再工作区按住鼠标拖出文本框，输入 文字，如图 4-10 所示。7、椭圆工具用来绘制椭圆，在绘制过程中按住 Shift 键可绘制正圆，如图 4-11 所示。
- 13. 8、矩形工具用来绘制矩形，同椭圆工具一样在绘制过程中按住 Shift 键可绘制正方形。 9、铅笔工具它可以绘制任何形状的曲线，点击铅笔工具后，在工具箱下面有个图标 ，单击后 可选择“平滑”绘出的线条比较平滑。按住 Shift 键可绘制水平方向或垂直方向的直线。 10、画笔工具画笔工具也叫刷子工具，由此可见它用来“刷”一些具有刷子效果的曲线，如图 4-11。 工具箱下面可以调整刷子的大小和形状。 11、缩放工具顾名思义，缩放工具用来改变对象的大小情况，包括长、宽、旋转、倾斜等。 下图中的小白点代表旋转的中心点，用鼠标可以改变其位置。 图 4-12 改变长 图 4-13 改变宽 图 4-14 旋转 图 4-15 倾斜 12、填充变形工具该工具用来对填充的方式进行调整，如图 4-16 所示。对该图中的改变填充的控制点进 行调整，分别得到了图 4-17、图 4-18、图 4-19。
- 14. 13、墨水瓶工具给已绘制好的几何图形添加边框或修改已有边框的颜色、粗细等属性。14、颜料桶工具 颜料桶工具也叫油漆桶工具，用来对封闭图形的内部进行填充或修改。 15、点滴器使用滴管工具可以从场景中选择线条、文本和填充的样式，然后创建或修改相应的对象。从场景中导 入一张图片，执行【修改】下的【分解组件】命令将图片打散。此时用点滴器工具点击一下该照片，然后用椭圆工具去 画椭圆我们发现我们导入的图片作为了椭圆的填充，如图 4-20 所示。 用填充变形工具进行修改，如图 4-21 所示。 源文件的位置：光盘源文件填充演示.fla 说明：导入的图片只有打散 才可以使用点滴器工具。16、橡皮擦使用橡皮擦工具可以擦除当前场景中的对象，当选择橡皮擦后，工具箱下 面 还 有 擦 除 模 式 ， 各 擦 除 模 式 效 果 如 图 4-22 所 示 。 水龙头是用来擦除整块颜色的。 17、手形工具手形工具可以将文档窗口中的场景连同对象一起移动。选择手形工具，在场景中按住鼠标左键拖 动看有什么变化。18、放大镜选择放大镜工具，用鼠标在场景中点击左键，发现场景以及里面的对象放大了， 如果想缩小，按住 Alt 键的同时单击鼠标左键。按住鼠标左键拖动将需要放大的部分匡住，然后松开鼠标即可。 19、笔触色按钮笔触色按钮用来改变线条或所绘几何图形边框的颜色。20、填充色按钮用来改变填充的 颜色。
- 15. 第5章 形状渐变 在第三章学习了图形元件，知道了图形元件需要用动作渐变，那么如果不转换成图形元件又是什么情况呢？ 启动 Flash 软件，用矩形工具在场景中绘制一矩形，如图 5-1 所示。 然后在 25 帧的地方鼠标右键插入 关键帧，用缩放工具调整矩形的大小，如图 5-2 所示。 鼠标单击 1 到 25 之间单击任何一 帧，在属性栏选择“形状”（因为该矩形没有转换成图形元件，所以它还是形状），如图 5-3 所示。 按 Ctrl+回车进行预览。 源文件的位置：光盘源文件形状渐变演示一.fla 结果看到和将矩形转换成图形元件一样的效果，既然如此，那么 转不转换成图形元件到底有什么区别呢？转换成图形元件需要用“移动”来创建动画的过渡，而所绘制的形状在不转 换成图形元件的情况下，需要用“形状”来创建动画的过渡，二者不可换用。如果将图 5-3 的“形状”改为移动，1 到 25 帧之间出现了虚线，这说明问题出现了，如图 5-4 所示。图形元件可以改变其透明度（应该是叫不透明度），所绘 形状则不能。图形元件在场景中不能改变其外形，只能在编辑改图形元件时才可以，而所绘形状可以方便地改变其
- 16. 外形。为了更好的理解这一点，读者用鼠标将图 5-2 中第 25 帧这一帧里面矩形的形状调整一下如图 5-5 所示。甚至 可 以 将 这 一 帧 的 内 容 删 除 重 新 绘 制 新 的 形 状 ， 读 者 不 妨 试 一 试 。 而 这 些 是 图 形 元 件 无 法 办 到 的 。 源文件的位置：光盘源文件形状 渐变演示二.fla 下面我们利用形状渐变来制作一个弹跳的小球。启动 Flash 软件，选择椭圆工具，不要边框，填充方 式为径向填充，绘制正圆，如图 5-6 所示。 用填充变形工具改变填充的中 心点，入图 5-7 所示。
- 17. 在 15 帧处插入关键帧，并改变 小球的位置，如图 5-8 所示。 鼠标单击 1 到 25 之间任何一帧 在属性栏选择“形状”，将简调为“-100”，如图 5-9 所示。 分别在 16 帧和 17 帧处插入关键帧，如图 5-10 所示。
- 18. 用变形工具将 16 帧的小球高度变小，如图 5-11 所示。 对着第 1 帧点击鼠标右键，选择“拷贝帧”， 如图 5-12 所示。 在 31 帧处点击鼠标右键选择“粘贴帧”，如 图 5-13 所示。
- 19. 鼠标单击 17 到 31 之间任何一帧，在属性 栏选择“形状”，将简调为“100”，如图 5-14 所示。 按 Ctrl+回车进行预览。说明： （1） 改变 17 帧小球外形的原因是因为当小球与地面发生碰撞时小球会变瘪。 （2） 调整“简”的作用是让小球加速还是减速。当简为负值时，小球运动速度越来越快；当简为正值时，小球运动 速度越来越慢。最后一帧拷贝第一帧是因为小球弹起后的位置与第一帧小球的位置几乎相同。源文件的位置： 光盘源文件库演示.fla 通过前几章的学习你应该知道了图形元件、形状、移动渐变以及形状渐变（就是改变 其外形）之间的关系，并能做出简单的动画效果。库和影片剪辑 第一节 库 我们知道仓库是用来存放物品的，一旦需要时就要从仓库去提货。Flash 里面的库也是如此，它不仅为我们所做的 “物品”提供了存放的空间，而且一旦“物品”放进库后，这些“物品”就可以被重复利用。启动 Flash 软件，在里面绘制 一个圆，鼠标选中后按 F8 键把它转换成图形元件，名称为“圆”，如图 6-1 所示。 此时，物品（你所绘制的这个圆）就自动存放 到了仓库中（库）。打开【窗口】下面的【库】，就可以看到你所绘的圆。如图 6-2 所示。
- 20. 图 6-2 中的垃圾桶示用来删除你在库中存放的“物品”。打开你以前保存的文件，按 F11 键调出库窗口，你绘发现你所转换成图形元件的矩形、图片以及没有转换成元件的图片都被放进了库中。那么， 库中到底能存放那些“物品”，又是怎样被重复利用的呢？库中可以存放三大元件（图形元件以及接下来学的影片剪 辑元件和按钮元件）、位图（刚导入的图片）以及导入的声音。在场景中如果需要再次用到它们，就用鼠标直接把 它们从库中拖到场景中即可，如图 6-3 所示。 当用鼠标双击库中的元件时可以对 它进行编辑，比如双击图 6-3 中的圆元件，修改它的颜色，如图 6-4 所示。回到场景后你回发现里面所有的圆的颜 色都变成了你所修改的颜色，这是因为它们在库中都是同一个元件。源文件的位置：光盘源文件库演示.fla 文件之间还可以共享库。当你在文 件一中辛辛苦苦地画了一架飞机，把它保存为了图形元件，结果在你在另一个文件二的制作中也要用到它，是不
- 21. 是要重新去画呢？不需要，把两个文件都打开，F11 调出库，你回发现它们之间可以公用，将它拖到文件二中就可 以了，与此同时该图形元件（飞机）已经复制了一份放进了文件二的库中。第二节 影片剪辑 启动 Flash 软件，执行【插入】菜单下的【新建元件】命令，在打开的对话中输入名称为“火焰”，选择“影片剪辑”如图 6-5。 点击 按钮。选择椭圆工具，边 框选择无色，在调色板面板中选择填充为“径向”（就是从中心向四周填充），如图 6-6 所示。用鼠标点击左边的滑 块（标记 1）图 6-7 所示，然后用鼠标点颜色选取按钮选择黄色，同样的方法将右边的滑块（标记 2）设为红色。 绘制椭圆，用箭头工具将外形修改为火焰形状，用改变填充工具修改填充，如图 6-8。 在第 5 帧处插入关键帧（别忘了， 方法是右击鼠标），用箭头工具改变火焰的形状，然后鼠标放在 1 到 5 帧中间，在属性栏选择创建动画方式为“形 状”，直接敲回车进行预览，看火焰是否能正常摆动。如果正常，就用同样的方法依次在第 15 帧和第 20 帧处创建 关键帧，如图 6-9 所示。
- 22. 其实，我们以上所做的努力都是 在给演员（火焰这个影片剪辑）化装，化好装后演员就可以蹬上舞台（场景）进行表演了。回到场景，按 F11 打开 库，将火焰拖到场景中，如图 6-10。 按 Ctrl+回车测试一下影片，一 个动态的火焰就出现在我们眼前了。源文件的位置：光盘源文件火焰.fla 读者可能感觉很奇怪：场景里面只有一个 帧，火焰怎么会动呢？这正是影片剪辑的魅力所在。我们在平时看到的 Flash 中，有时会看到一朵白云在天空不停 第在哪儿循环飘来飘去，它就是影片剪辑，凡是局部在循环运动的我们都可以把它做成影片剪辑。一个影片剪辑就 是一个小电影。我们先暂停一下，来讲一下“层”的含义，这是下面将要用到的。层是透明的，为了更好的理解它的含 义我们可以把它想象成玻璃，如果在第一块玻璃上写上数字“1”，第二块玻璃上面写上数字“2”，第三块玻璃上面写 上数字“3”，当我们把这三块玻璃叠放在一起时，我们不是单独看到了哪一层的数字而是“123”全部显示出来，如图 6-11 所示。因为玻璃是透明的，所以也就不存在上面会遮住下面的问题。 三块玻璃就是三个层，透明而互不干扰，上
- 23. 面还可以继续添加层。双击图层一可以对它进行命名，此处取名为“火焰”如图 6-12，回车即可。 图 6-12 图 6-13 点击新建图层按钮就增加了一个新图层，取名为“蜡烛体”如图 6-13 所示。然后我们就在这一层上面绘制蜡烛体。选 择箭头工具，修改属性栏上的背景色为深绿色。用矩形工具绘制一白色矩形，选择墨水瓶工具，调整属性栏上面线 条的颜色、粗细和类别，然后然后点击白色矩形，这样就给白色矩形添加了一个白色粗糙的边框，如图 6-14。 然后再新建一层，取名为“蜡烛芯”。绘制一 黑色小矩形，用墨水瓶添加黑色粗糙的边框，然后将这个矩形和边框一起转换成图形元件并调整其透明度，如图 6-15 所示。 此时，我们发现蜡烛芯把蜡烛体挡住了， 看上去不太真实，所以我们需要将蜡烛芯向下移一层。用鼠标按住图层进行拖动就可以方便的改变图层之间的叠放 顺序，如图 6-16 所示。
- 24. 好了，到此为止就做好了， 按 Ctrl+回车看 一下。如果觉得蜡烛火焰做的不理想的话，可重新编辑它，方法是直接双击蜡烛火焰或按 F11 在库里面双击“火焰” 影片剪辑。如果还想对它进行美化的话，可以给它添加蜡烛油，如图 6-17 所示。 源文件的位置：光盘源文件蜡烛的制作.fla 通过上面这个例子的学习，你应该对影片剪辑有所了解，并理解了层 的含义。呵呵！是不是有点成就感了？下面我再讲个打字效果的例子以加深对影片剪辑的理解。在做之前我们先分 析一下：首先光标在界面上不停的闪动，它是一个细小线段出现和消失的不断循环，由此想到可以把它做成一个 影片剪辑；其次，开始光标的不停闪动在等待着文字的出现，一旦文字出现，光标应该立即移到刚出现文字的前 面（右侧），继续等待下一个文字的出现，当再有文字出现时，光标又立即移动到这个文字的前面，所以，任何 时候光标总是出现在文字前面。由此我们想到用两个层来控制光标和文字。启动 Flash 软件，新建两层，分别命名 为文字和光标，如图 6-18 所示。 打开【插 入】菜单，执行【新建元件】命令，名称为“光标”，选择影片剪辑。用直线工具绘制一条垂直方向的黑色小线段作为光
- 25. 标，如图 6-19 所示。 在第 3 帧的 地方鼠标右键选择“插入白色关键帧”，这样第 1 帧和第 2 帧都可以看光标，因为第 2 帧变成了普通帧，它延续了第 1 帧的时间。在第四帧处插入帧，就使得前两帧光标可见后两帧光标消失，如图 6-20。 回到场景，把光标从库中拖到场 景中，如图 6-21 所示。按 Ctrl+回车键进行预览，是不是已经有个光标在画面上闪动？ 在光标层和文字层的第 5 帧分别 入关键帧，在文字层第五帧输入文字“你”，用箭头工具选中第 5 帧的光标，用方向键移动到文字前面，如图 6-22 所
- 26. 示。 在光标层和文字层的第 10 帧分 别入关键帧，在文字层第 10 帧输入文字“现”，用箭头工具选中第 10 帧的光标，用方向键移动到文字前面，如图 6- 23 所示。 同样的办法多写几个字，如图 6- 24 所示，这样以来光标总在文字的前面闪动。按 Ctrl +回车预览一下。
- 27. 源文件的位置：光盘源文件打 字效果 .fla【插入】下面的【新建元件】和【转换成元件】实质上一样，只是操作的先后顺序不同，最终结果是一样的， 而且都放在库中。通过这个例子，相信你对影片剪辑有了更进一步的了解。第七章 按钮 大家平时上网看 Flash 的时候，往往遇到上面写有“Play”，当我们用鼠标点击一下就可以观看影片了， 看完影片时会出现一个“Replay”,点击后可以再次观看影片，而且鼠标放上去的时候甚至会出现不同 的状态，比如：变色、移动一下、有声音等现象发生，这里的“Play”和“Replay”就是所谓的按钮。通过 以前的例子，你可能已经感觉到在预览时它将会自动循环播放而无法控制，按钮主要就是用来对所 做影片进行控制。第一节 制作 Play 和 Replay 按钮 启动 Flash 软件，执行【插入】菜单下的【新建元件】命令，命名为“Play”，选择“按钮”，如图 7-1 所示。 点击 按钮，如图 7-2 所示。
- 28. 图 7-2 已经显示了按钮的几种状 态，UP 是当鼠标没有接触按钮时的状态，鼠标经过是当鼠标放上去时所呈现的状态，Down 就是当鼠标按下时所 呈现的状态，反应区是给按钮设置一个反应区域或者说给它框定一个范围，当鼠标放在这个范围内的任何地方按 钮都会做出反应。用文本工具在第 1 帧（Up 帧）写入“Play”，将颜色调整为黑色，如图 7-3 所示。 在第 2 帧（鼠标经过帧）插 入关键帧，修改“Play”的颜色为红色并将它向左和向上移动一点（最好用方向键控制），然后按一 下如图 7-4 所示。
- 29. 在第 3 帧（Down 帧）插入 关键帧，再将“Play”向右和向下移动一点，如图 7-5 所示。 在第 4 帧（反应区）"再插入 关键帧，用矩形工具绘一矩形作为反应区域，用该矩形将“Play”覆盖，如图 7-5 所示。
- 30. 回到场景，此时我们制作的 “Play”按钮已经放进了库中，按 F11 打开库，把它拖到场景中，如图 7-6 所示。 到此为止这个“Play”按钮就做 好了，按 Ctrl+回车进行预览，把鼠标放上去点击一下看看。现在我们创建一个小动画来让“Play”按钮 发挥作用。在第 2 帧处插入白色关键帧（空白关键帧），执行【文件】菜单下的【导入】命令，在打开的 对话框中选择一张图片，如图 7-7 所示。
- 31. 将导入的图片转换成图形元 件，在第 20 帧处插入关键帧，点缩放工具，选择工具箱下面的等比缩放按钮 ，将图片调小，如 图 7-8 所示。 用箭头工具点击 2 到 20 帧之 间的任何一帧，在属性栏选择“移动”和顺时针旋转 1 次，如图 7-9 所示。
- 32. 不妨先预览一下,我们发现整 个过程的动画是做好了，但是此时影片仍然处于不可控制状态，现在我们就来控制影片。当打开 Flash 时，第一帧应该停止下来等待用户去点击“Play”按钮，所以要给第一帧添加一个 stop 动作。打 开【窗口】菜单，选择【动作】命令，就打开了帧动作控制面板，如图 7-10 所示。 用鼠标单击“帧动作”将帧动作面板展开， 单击“属性”将属性面板折叠，如图 7-11 所示。
- 33. 用鼠标单击第一帧，单击“Action”，然后单击“MoveControl”，最后双击“Stop”，如图 7-12 所示。 此时再预览一下，我们发现第一帧已经停止下来。接下来我们再给按钮添加动作，鼠标单击一下按钮 在动作面板中双击“on”，接着双击“goto”，在右边的帧处输入数字“2”，如图 7-13 所示，这样我们就 给“Play”按钮添加了动作。这个过程的意思是：当我们点击鼠标按钮释放后，画面将转到第 2 帧，并 从第 2 帧开始播放。这样，影片就得到了我们的控制。预览一下，点击一下“Play”按钮试试。
- 34. 源文件的位置：光盘源文件Play 按钮演示 .fla 同样的办法，我们再来做一个“Replay”按钮（参照 Play 按 钮的制作），新建一图层，命名为“Replay”，在 20 帧处插入一空白关键帧，把库打开，将“Replay” 按 钮 拖 到 场 景 中 ， 如 图 7-14 所 示 。
- 35. 打开动作面板，鼠标点击第 20 帧（图层 1 或 Replay 层都可以），添加“stop”动作，如图 7-15 所示。 鼠标选中“Replay”按钮，给它 添加 on 和 goto 动作，右边帧处输入数字“2”，如图 7-16 所示。再预览一下看看“Replay”按钮是否也 发挥了作用。
- 36. 源文件的位置：光盘源文 件Replay 按钮演示 .fla 说明： 1) 大家经常不知道什么时候给帧添加动作，什么时候给按钮添加动作，因为我们要让第 1 帧停止下 来，所以这时要给这一帧添加动作，我们要用鼠标点击按钮让它开始播放，所以这时就要给按钮 添加动作。 2) 大家还容易犯的一点错误一点错误就是不能正确地添加动作，心里想着给按钮添加结果却添加到 了帧上。正确地做法是：当确定给帧添加动作时，就用鼠标点击相应的帧，然后选择动作面板中 的动作，当确定给按钮添加动作时，用鼠标点击一下该按钮，然后选择动作面板中的动作。 3) 当帧被添加动作后，帧的上面会有一个字母“a”一样的标志 。 4) 养成给按钮添加反应区域的习惯。对于用文本制作按钮来说，反应区域就必不可少，否则，只有 当鼠标接近文字有颜色的地方按钮才会有反应。！第二节 制作抓图游戏 上一节后，我们再来做个小游戏，对按钮进行练习。启动 Flash 软件，导入一张图片并将它转换成按 钮，此按钮不需要编辑，如图 7-17 所示。
- 37. 在第 2 帧处分别插入关键帧并调整图片按钮到如图 7-18 所示的位置。在第 3 帧处分别插入关键帧并 调整图片按钮到如图 7-19 所示的位置。
- 38. 我们想做的效果是无论鼠标如何移动都碰不 到这个娃娃，我们思想是先让第一帧停止下来，当我们的鼠标一旦接触到娃娃按钮的时候画面立即转到第 2 帧并 停止下来，由于第 2 帧图片的位置和第 1 帧图片的位置不同，所以给我们的视觉效果就是娃娃图片跑到右边去了。 当鼠标接触到第 2 帧上的娃娃按钮时，画面转到并停止在第 3 帧，当鼠标再次接触到第 3 帧上的娃娃按钮，画面转 到并停止在第 1 帧。给第 1 帧添加“stop”动作，给第 1 帧上的娃娃按钮添加“on”动作，右边事件中将“释放” 取消，选 择“指针经过”，如图 7-20 所示。 再给第 1 帧的娃娃按钮添加“goto”动作，右边选择“转到并停止”，帧处输入数字“2”，如图 7-21 所示。
- 39. 给第 2 帧添加“stop”动作，给第 2 帧上的娃娃按钮添加“on”动作，右边事件中将“释放” 取消，选择“指 针经过”，如图 7-22 所示。 再给第 2 帧的娃娃按钮
- 40. 添加“goto”动作，右边选择“转到并停止”，帧处输入数字“3”，如图 7-23 所示。 给第 3 帧添加“stop”动作， 给第 3 帧上的娃娃按钮添加“on”动作，右边事件中将“释放” 取消，选择“指针经过”，如图 7-24 所示。 再给第 3 帧的娃娃按钮 添加“goto”动作，此时右边是选择“转到并停止”还是选择“转到并播放”已经无所谓了，因为我们最开 始就让第 1 帧“stop”了，帧处输入数字“1”，如图 7-25 所示。
- 41. 好了，预览以下，看看 你能不能把鼠标放到娃娃上面。说明：读者可能会想到如果让每个帧上的按钮不是选择“转到并停止” 而是“转到并播放”然后给每个帧添加 stop 动作是否可以呢？答案示肯定的，读者不妨试试。 源文件的位置：光盘源文件抓图游戏.fla 通过这一章的学习相信你对按钮有了一个深刻的认识。 第八章 引导线在前几章的学习中我们所做的动画中元件在相邻两个关键帧之间是沿 着直线运动，然而我们在一些 Flash 中经常看到一只小鸟在天空任意翱翔，还有一朵花瓣或一片树 叶随风飘落，它们的运行轨迹并非直线而是曲线。事实上，不管是小鸟的飞行还是花瓣的飘落它们都 是按照我们事先做好了的曲线在运动，事先做好了的这种能够引导它们运动的曲线我们把它称为引 导线。第一节 引导基础知识启动 Flash 软件，绘制一个不要边框的圆，将它转换成图形元 件，如图 8-1 所示。
- 42. 在 25 帧处插入关键帧，将图形元件移 动到右边并创建动画，如图 8-2 所示。 这就是我们最初学习的图形元件和移动 渐变，其预览效果是这个圆从左边直线移动到了右边。下面我们来制作引导线让这个圆从左边曲线移 动到右边。点击“添加引导层” 按钮，如图 8-3 所示。
- 43. 接着我们在新建的引导层上面用铅笔工 具绘制引导线，并调整图层 1 上两关键帧中圆的位置，让图形元件的中心点分别和引导线的起点和 终点对齐，如图 8-4 所示。 现在预览一 下，我们发现此时圆已经不在沿直线运动，而是沿着我们绘制的曲线在运动。源文件的位置：光盘 源文件引导线 .fla 明白了引导线的原理，我们现在就来制作一片树叶飘落的效果。启动 Flash 软件, 用钢笔工具在场景里绘制一片树叶并将它转换成图形元件如图 8-5 所示。
- 44. 在第 50 帧处插入关键帧，将树叶放到 落地时的位置，创建动画并使其在下落时顺时针旋转一次，如图 8-6 所示。 给图层 1 添加引导 层，用铅笔工具绘制出引导线并让树叶在起点和终点时的中心分别和引导线的起点和终点对齐，如 图 8-7 所示。
- 45. 预览一下，一片树叶就飘落下来了。源文件的位置：光盘源文件树叶飘落.fla 第二节 用笔描写字的轮廓 通过上一节的学习，我们知道了图形元件可以沿着引导线从一端运动到另一端。如果我们需要图形元件（比如飞 机）做环形运动，那用什么做引导线呢，我们想到了椭圆工具。启动 Flash 软件，绘制一个如图 8-8 所示的图形并 转换成图形元件，在 25 帧处插入关键帧，然后创建动画，如图 8-8 所示。 给图层 1 添加引导层，在引导层上绘制椭圆， 如图 8-9 所示。 我们现在遇到了一个问题：椭圆示封闭的区 域，图形元件的起点和终点和谁对齐呢？聪明的读者可能想到了用橡皮擦擦出一个缺口的办法，这正是我们的答 案！用橡皮擦将椭圆擦出一个缺口，让图层 1 两关键帧上图形元件的中心分别和椭圆的两头对齐，如图 8-10 所示。
- 46. 预览一下，看到飞机已经围绕椭圆在运动了， 只是飞机头的方向好象没有改变，不要紧，鼠标点击一下图层 1 上 1 到 25 之间任何一帧，在属性栏选择“使路径适 应”问题就解决了，如图 8-11 所示。此时，再预览一下看看。 源文件的位置：光盘源文件环形引 导.fla 这个例子告诉我们引导线不一定是铅笔画出来的，只要是线条都可以。有了这个例子做基础， 下面我们来做一个用笔绘制一个字的轮廓效果。启动 Flash 软件，将图层 1 改名为“背景 F”用文本工 具写一个大写字母“F”，将文本属性的字体设置为 ArialBlack，字体大小为 150（右边的滑块最多只 能调到 96，此时可用键盘输入）如图 8-12 所示。
- 47. 接下来我们来获取 F 的边缘。选中 F 执行 【修改】菜单下的【分解组件】将 F 打散，此时 F 处于选中状态，如图 8-13 所示。 用箭头工具点击 F 以外的地方以取消选 择，如图 8-14 所示。 将 F 打散后它已经不再是文本而是变成 了形状，此时我们就可以用墨水瓶工具给它添加边框了。选择墨水瓶工具，在属性栏设置好属性后点 击一下 F，我们看到已经给 F 添加上了一个边框，如图 8-15 所示。
- 48. 用箭头工具选中 F 将它删除，这样我们 就获得了 F 的轮廓，如图 8-16 所示。 将用橡皮擦将 F 擦出一个缺口，如图 8- 17 所示。
- 49. 在 2 到 25 帧的每一帧都插入关键帧（按 F6 可以快速插入），如图 8-18 所示。 新建一图层命名为“画笔”，用工具箱中 的工具在第一帧绘制一笔状物作为画笔并转换成图形元件，如图 8-19 所示。
- 50. 点击一下“编辑元件”按钮可以进行选择 要编辑的元件，现在这里只有画笔这个元件，我们对它进行编辑，把画笔的笔尖对着该元件的中心 点，如图 8-20 所示。 回到场景，在 25 帧处插入关键帧并创建动画，如图 8-21 所示。 我们要想办法笔能够围绕 F 描一圈，这 时我们想到给画笔添加一个引导层，让 F 的轮廓这个引导线去引导它。添加引导层，鼠标放在背景 F 层的第一帧点击鼠标右键，在弹出的菜单中选择“拷贝帧”，然后在引导层的第一帧点击鼠标右键， 在弹出菜单中选择“粘贴帧”，如图 8-22 所示。
- 51. 这时引导层第一帧的 F 和背景 F 层第一 帧的 F 就完全重叠在一起，为在在操作时不会让背景 F 层受到影响，我们把我们把背景 F 层隐藏并 锁住，如图 8-23，用鼠标单击图中的标志处即可实现图层的隐藏显示、锁开。 此时我们看到的 F 就是引导线，因为背 景 F 层已经隐藏了。现在调整画笔的位置让它在画笔层的第 1 帧和第 25 帧的中心点（笔尖），分别 和引导线 F 的两端点对齐，如图 8-24 所示。预览一下，看画笔能否围绕 F 描一圈。
- 52. 引导效果一旦做好就将引导层锁住并隐 藏，此时将打开背景 F 层的锁打开并让它显示，如图 8-25。 鼠标放在背景 F 层的第 1 帧，由于笔刚 开始写时画面上还没有内容，所以用橡皮擦将 F 全部擦除，如图 8-26 所示。
- 53. 然后鼠标放到背景 F 层的第 2 帧，将画 笔后面部分擦处，如图 8-27 所示。 再将鼠标放在第 3 帧，继续擦除，如图 8-28 所示。
- 54. 按照同样的方法，对剩下的每一帧分别 进行操作直到最后一帧，如图 8-29 所示。 到此为止就做好了，预览一下看看。 源文件的位置：光盘源文件环形引导.fla 我们来分析一下这个过程。一共有三个层，画笔层是让画笔 运动，引导层是让引导线去引导画笔如何去运动，这两层最终产生的效果是让画笔能够围绕 F 描一 圈。我们再来看背景 F 层，它上面的 25 帧全部都是关键帧，也就是说这 25 帧上面共有 25 个 F，除 最后一帧外的每一帧我们都用橡皮擦擦过，我们总是让每一帧未擦除的部分和画笔的运动保持同步， 这样画笔走到哪里哪里就有线条出现，给我们视觉上的效果就是感觉线条是用笔画出来的，其实， 只不是画笔和线条保持了同步而已。由此可以验证我前面的那句话：动画是欺骗人视觉效果的一种把 戏。另外，我们将背景 F 层第一帧的 F 擦出一个缺口的原因有两个：一是为了引导层，因为引导线 F 是从这里拷贝过去的；二是为了后来擦除的方便，因为后来的 24 帧插入的都是关键帧，如果没有这 个缺口，那么我们在以后擦除每个 F 时就不能保证每帧写出 F 部分的起点是对齐的，这是一个小技
- 55. 巧。思考一下，在这种情况下怎样使得 F 在写完之后看不见缺口？ 说明：引导线可以是铅笔或钢笔绘制也可以是圆或矩形工具绘制的线条。 1） 引导线是不可见的。 2） 在添加引导层时先把被引导的层上的动画做好。 3） 被引导的对象只能是元件（图形元件、按钮元件、影片剪辑元件）。 4） 引导线引导的是元件的中心，这就是为什么要编辑画笔，否则就变成笔杆在写字了。 5） 引导效果一旦做好就把它锁住以防遭到破坏。第十章 遮罩 第一节 遮罩的原理 遮罩（遮蔽）和前一章所讲的引导类似，通过两个层的相互作用而产生一种特殊的效果。我们通过下 面的实例来说明这一点。启动 Flash 软件，在属性栏将背景色设置成深绿色，如图 10-1 所示。 将图层 1 命名为“文字”，用文本工具输 入文字并调整颜色为黑色，如图 10-2 所示。
- 56. 新建一图层命名为“圆”，绘制一没有边 框的圆，颜色为白色，将圆放在和文字同样的高度，此时圆将文字层上的文字给挡住了，如图 10-3 所示。 对这圆层点击鼠标右键，弹出右键菜单， 如图 10-4 所示。
- 57. 选择“遮蔽”将出现 10-5 所示的画面。 此时我们只看到了两个字，而且还不完 整，我们来分析一下为什么会出现这种现象。你可以这样来想象，文字的上方蒙了一张带有孔的纸， 这个空就是白色的圆，如果没有这个孔的话，你将什么都看不见，因为文字全部被纸所挡住了，正 是因为有了这个孔才让你看到了下面的黑色文字，所以你只能看到一部分。好好理解这段话，非常关 键！ 源文件的位置：光盘源文件遮罩演示一.fla 接下来，我们将文字层和圆层上下位置互换，看又会出 现什么情况。将鼠标对着圆这一层点击鼠标右键在弹出菜单中将“遮罩”取消，然后将文字层拖到圆的
- 58. 上方，如图 10-6 所示。 此时鼠标对着文 字层单击鼠标右键，在弹出菜单中选择“遮罩”，出现如图 10-7 所示的画面。源文件的位置：光盘源 文件遮罩演示二.fla 我们看到的效果和前一次（图 10-5）的 效果非常相似，不同的是文字颜色由黑色变成了现在的白色。这又是怎么回事呢？还是用刚才的那种 思想来解释，你想象着下面放着一个白色的圆，上面蒙着一张带有一些孔的纸，这些孔就是文字 （指文字上有颜色的部分），透过这些文字孔我们看到了下面圆上的部分，由于孔是文字的形状， 所以我们看到的圆的部分组成的仍然是文字，而圆的颜色是白色，因此看到的效果就是白色的文字。 源文件的位置：光盘源文件遮罩演示二.fla 其实，我们还可以通过让圆移动来实现手电光照射效果。 将遮罩效果取消，将圆层上的锁打开（这是做遮罩效果时自动锁住的），在 25 帧处插入关键帧，将
- 59. 圆的位置移到右边，创建动画（别忘了把鼠标放在第 1 帧到第 25 帧之间而且选择的是“形状”而不是 “移动”），如图 10-8 所示。 预览一下，我们就看到了一束手电光从 文字的左边移动到了右边。源文件的位置：光盘源文件遮罩演示三.fla 如果你想做的更像的话，在绘 制圆的时候将填充方式设置为 “径向填充”并修改右边调色板中的属性，可以实现灯光周围模糊的效 果，如图 10-9 所示。这里作者不在讲述，将源文件提供出来供读者参考，源文件的位置：光盘源文 件遮罩演示四.fla 第二节 制作光的扫描效果 启动 Flash 软件，在属性栏设置背景色为深绿色，将图层 1 命名为“背景”，选择椭圆工具，设置边框 颜色为红色，填充色为无色，绘制一椭圆，如图 10-10 所示。
- 60. 用箭头工具选中该椭圆，执行【修改】菜单下面【外形】下的【转换行成填充】命令，这样就把线条变成 了填充，如图 10-11 所示。 接着再执行 【修改】菜单下面【外形】下的【扩展填充】命令，在打开的窗口中距离输入 15，方向选择“扩散”，如图 10-12 所示。 点击 按钮后的界面如图 10-13 所示。
- 61. 用缩放工具调整椭圆的位置，如图 10- 14 所示。 选择箭头工具，在椭圆被选中的情况下， 按住 Ctrl 或 Alt 键的同时用鼠标拖动椭圆到另一个地方，先松开鼠标再松开键盘，这样就把椭圆复制 了一份，如图 10-15 所示。
- 62. 紧接着执行【修改】菜单下面【转换】下的 【水平翻转】命令，将复制的椭圆做了水平翻转，如图 10-16 所示。 调整椭圆的位置到如图 10-17 所示的位 置后取消选择（用鼠标单击场景中的空白区域），这样两个椭圆就融合在了一起，如图 10-17 所示。 选择画笔工具，设置填充色为红色，调
- 63. 整画笔的大小和形状，在两椭圆中间画一个“T”（按住 Shift 画的比较直），如图 10-18 所示。 新建一图层命名为“光”，如图 10-19 所 示。 选择矩形工具，将边框设置为无色， 然后在调色板中选择填充方式为线性，如图 10-20 所示。鼠标放在两个滑块之间, 当鼠标出现如图 10-21 所示的状态时点击一下鼠标左键，这样就增加了一个滑块，如图 10-22 所示。
- 64. 图 10-20 图 10-21 图 10-22 图 10-23 用鼠标点击一下左边滑块，选择滑块颜色为白色并将颜色 的不透明度调为 0，如图 10-23 所示。选择中间滑块，将颜色调整为白色，如图 10-24 所示。选择右 边滑块，此时滑块颜色已经是白色了，所以只需将不透明度调为 0 即可，如图 10-25 所示。 在 光 层 的 第 1 帧 绘 制 一 长 矩 形 ， 如 图 10-26 所 示 。
- 65. 将绘制的矩形转换成图形元件并调整其 位置，如图 10-27 所示。 在背景层第 20 帧处点鼠标右键选择“插入帧”，然后在光层的第 20 帧处插入关键帧，将光这个图形元件移动到右上 边，创建动画如图 10-28 所示。 再新建一层命名为“遮罩”，将背景层的
- 66. 第 1 帧拷贝到遮罩层的第 1 帧，具体操作方法再讲一遍：就是用鼠标对着背景层第 1 帧点击鼠标右 键选择“拷贝帧”，然后鼠标对着遮罩层第一帧点击鼠标右键选择“粘贴帧”即可，此时已经自动延续到 第 20 帧。如图 10-29 所示。 用鼠标对着遮罩层点击右键，在弹出菜 单中选择“遮蔽”后，如图 10-30 所示。 预览一下看看效果。 源文件的位置：光盘源文件光的扫描.fla 我们来回顾一下整个过程看为什么会出现这样的效果。一共 有三个图层。背景层的第 1 帧是我们绘制的图形作为背景，在 20 帧处插入帧的作用是让第一个帧的 画面延续到 20 帧处，所以此时没有必要插入关键帧。光层就是图形元件光从一边移动到了另外一边。 由于遮罩层当时是拷贝的背景层上面的帧，所以遮罩层和背景层完全相同，也是我们绘制的图形， 这样以来，光就被夹在了两个图形之间。遮罩层和光层这两个层产生的最终效果是我们看到一道光， 它并不是整个图形元件光，而只是它的一部分，回想一下遮罩的原理就不难明白这一点。试想，如果
- 67. 没有背景层作为背景，那么我们看到的只不过是一道光而已，正是因为有了背景层才出现了图 10- 30 所示的效果。说明： 1） 用来做遮罩的可以是我们绘制的形状（如第一节中的圆，第二节中画笔绘制的 T）也可以是图形 元件（如第二节中的光），还可以是影片剪辑（后面章节中的水波效果）。 2） 不加处理的线条不能做遮罩，所以第二节绘制的椭圆必须转换行成填充使线条变为填充。 3 ） 遮 罩 的 效 果 和 被 遮 罩 物 的 颜 色 有 关 而 和 遮 罩 物 的 颜 色 无 关 。 第 十 一 章 Action 其实，Action 在按钮那一节我们已经接触到了，给按钮添加 on、goto，stop 等都是 Action。其实，它 的功能远不止这些，下面我们仍然用实例来了解一下它。 第一节 假鼠标的制作 我们来制作一个比较大的假鼠标，让它能像真实鼠标一样随着我们的鼠标移动。这分为两个过程：首 先要让我们真实的鼠标隐藏起来，然后要让我们绘制的假鼠标能够跟着我们真实的鼠标移动。启动 Flash 软件，用直线工具绘制一鼠标并将其填充为白色，并整体转换成影片剪辑，如图 11-1 所示。 鼠标双击影片剪辑对它进行编辑，调整 假鼠标的位置让它的尖端和影片剪辑的中心对齐，如图 11-2 所示。因为只有这样假鼠标的尖端和我 们隐藏的真鼠标的尖端才算对齐，假鼠标在移动或点击的时候才符合我们正常的习惯，否则就变假 鼠标的中心在跟着真实的鼠标运动。
- 68. 回到场景，选中影片剪辑并在属性览输 入 shubiao（不能用数字开头，最好全部是英文）,如图 11-3 所示。 执行【窗口】下的【动作】命令将动作面板 打开。现在我们来给帧添加动作，鼠标单击第 1 帧，依次打开 ObjectsMovieMouseMethods,然后 双击 hide，如图 11-4 所示。
- 69. 此时先预览一下看看，我们发现真实的 鼠标不见了。下面我们来做让假鼠标跟着我们真实的鼠标一起移动。因为示要给帧添加动作，所以鼠 标还是要先点击一下第一帧，然后依次打开 ActionMovie Clip Control,双击 startDrag，如图 11-5 所 示。 把光标放在目标里，然后点击 ，将打 开如图 11-6 所示的对话框。 这时我们看到了 刚才给影片剪辑输入的名字（shubiao）,选择它然后单击“确定”按钮。然后我们选择“锁定鼠标到中 央”，如图 11-7 所示。
- 70. 好了，此时我们预览一下就可以看到我 们自己制作的鼠标就像真实鼠标一样的效果了。源文件的位置：光盘源文件假鼠标的制作.fla 第二节 计算器的制作 这一节我们制作一个计算器，能够进行简单的加减乘除计算。启动 Flash 软件，用文本工具在场景绘 制一文本框，然后调整在属性栏调整文本类型为输入文件，选择显示文本域的边框，并将变量命名 为 boy，如图 11-8 所示。 在绘制一个相 同 的 文 本 ， 变 量 名 为 girl ， 如 图 11-9 所 示 。
- 71. 用文本工具绘制第三个文本，然后在属 栏选择动态文本，变量名为 baby，如图 11-10 所示。 用画笔画出“+”和“=”，并制作一“计算”按 钮（别忘了给按钮添加反应区域），如图 11-11 所示。
- 72. 现在来给按钮添加动作，选择按钮，打 开动作面板，按照图 11-12 所示的方法将模式调整为专家模式，然后输入动作: on(release) {baby=Number(boy)+Number(girl);}如图 11-13 所示。 预览一下，输入两个数字看能否计算
- 73. 出正确结果。源文件的位置：光盘源文件计算器.fla 说明： 1） 前两个文本属性为输入文件，是因为我们需要输入计算的数字，第三个文本的内容会随着前两 个文本的内容的不同而不同，是动态的，所以它的属性选择的是动态文本。 2） 当三文本绘制完毕后要重新检查每个文本的属性是否正确。最容易犯的错误是在第二个文本绘制 完毕后，在没有取消选择的情况下先将文本属性改为动态文本然后绘制第三个文本，这样做会产 生一个错误就是由于第二个文本刚绘制完毕还处于选中状态，所以如果这时将文本属性选择为动 态文本的话，第二个文本的原来属性就被你不经意修改了。 3）因为只有当我们点击按钮时才开始计算，所以动作是添加在按钮上面的。 4)如果要制作减、乘、除计算的话只需要将动作 on(release){baby=Number(boy)+Number(girl);}中的 “+”修改成相应的运算符号即可。第三节 Loading 的制作 大家在上网的时候一定看到过这样的一种现象，在打开一个 Flash 的时候可能由于网速太慢或者文 件太大并不能立即去播放，而是有一个等待的过程，此时有一个矩形长条由左向右延伸，并有百分 数提示我们已经下载了好多，让浏览者有一个等待的过程。这就是所谓的 Loading，如图 11-14 所示。 Loading 的制作方法有很多，我们讲解其中的一种。 启动 Flash 软件，绘制一边框为黑色填充为红色的矩形， 如图 11-15 所示。 选中红色填充部分（可
- 74. 借助放大镜工具），将它转换成影片剪辑并在属性栏输入 jindutiao，如图 11-16 所示。 鼠标双击影片剪辑，调整矩形的位置让 它的起点和影片剪辑的中心点对齐，如图 11-17 所示。 回到场景后的界面如图 11-18 所示。 此时再将影片剪辑调整到原来的位置，
- 75. 如图 11-19 所示。 用文本工具绘制一文本，修改属性栏上 文本类型为动态文本，变量名为 baifenbi，如图 11-20 所示。 在第 2 帧处插入关键帧，在第 3 帧处插 入空白关键帧并制作一 Play 按钮，如图 11-21 所示。
- 76. 打开动作面板，将模式调整为专家模式， 给第 1 帧添加如下动作： total = _root.getBytesTotal(); loaded = _root.getBytesLoaded(); baifenshu = int((loaded/total)*100); baifenbi = baifenshu+"%"; setProperty("jindutiao", _xscale, baifenshu);如图 11-22 所示。 给第 2 帧添加如下动作： if (baifenshu == 100) {gotoAndPlay(3); } else {gotoAndPlay(1);}如图 11-23 所示。
- 77. 给第 3 帧添加 stop 动作，如图 11-24 所 示。其实此时 Loading 已经制作好了，按两次 Ctrl+回车进行测试，因为此时 Flash 没有任何内容， 所以速度太快而无法看清楚。下面我们给它添加内容，在第 4 帧处插入空白关键帧，导入一张图片并 将它转换成图形元件，在 25 帧处插入关键帧，调整图片大小并创建动画，如图 11-25 所示。 将动作面板模式调整为标准模式，第 3 帧的按钮添加如图 11-26 所示的动作。
- 78. 到此为止一个完整的 Loading 就制作好了，按两次 Ctrl+回车看一下效果怎么样。源文件的位置：光盘源文件loading 的制 作.fla 我们来分析一下整个过程，其实 Loading 一共只有 3 帧，第 4 帧到第 25 帧是我们制作的动画， 如果没有它 Loading 的播放速度就会太快而看步清楚。我们现在来看最关键的前 3 帧的作用。第 1 帧 的作用就是首先测处改 Flash 文件的大小，然后把内容下载到本地电脑并计算已下载的内容占文件 大小的百分数，我们知道动画是由前向后播放的，所以当下载一部分后就转向第 2 帧，而第 2 帧的 作用就是根据下载的百分数（我们这里指的是百分号前面的数值）是否达到 100 来判断是否下载完 毕，如果判断的结果是没有下载完毕，那么此时将转回第 1 帧继续下载，然后再到第 2 帧去判断， 如此循环，直到第 2 帧判断的结果是确定已经下载完毕，那么此时将立即转到并播放第 3 帧，而我 们给第 3 帧添加了 stop 动作，所以就停留在了第 3 帧，等待用户去点击上面的 Play 按钮去播放，这 就是整个过程。明白了它的原理之后就知道了它为什么能够根据计算机及网络速度的快慢而能准确的 判断出是否下载完毕。说明： 1)如果第 3 帧不添加 stop 动作而将第 2 帧动作的 gotoAndPlay (3);改为 gotoAndStop (3);也是可以 的。2) 如果不编辑影片剪辑那么就是矩形的中心和影片剪辑中心对齐，最终 Loading 的出现效果将 是从中间向两端扩展。3）首次按 Ctrl+回车的作用是预览影片，再次按下时是对所做的 Loading 进行 模拟。通过这一章的学习相信你对 Action 应该有了一个初步认识，如果有兴趣的话可以专门去学 Action。第十二章 声音声音在 Flash 里面扮演着十分重要的角色。优美的音乐和特 殊的音效能够给人带来意想不到的效果。第十三章 综合实例讲解 本章主要是对前面所学知识进行综合练习，通过本章学习使你对所学知识有更深的了解。
- 79. 第1节 字母飘散效果启动 Flash 软件，用文本工具输入 I love you，在属性栏选择文本类 型为静态文本并调整字母之间的距离，如图 13-1 所示。 执行【修改】菜单下的【分解 组件】命令将字母拆散，如图 13-2 所示。 再次执行【修改】菜单下的【分解组件】命 令将每个字母打散，如图 13-3 所示。 将每个字母分散到到不同的图层上，当
- 80. 然我们这里不需要一层一层地新建，执行【修改】菜单下的【分配到层】命令，如图 13-4 命令。 这时我们看到已经已经新建了许多图层 并将图层 1 上面的字母取出来放在了不同的层上面，此时图层 1 已经成为空白。选择图层 1 后点击鼠 标右键，在弹出的菜单中将它删除或者直接点击图 13-4 所示的垃圾桶工具来删除。将每个图层上的 字母都转换成图形元件并在 25 帧处分别插入关键帧，如图 13-5 所示。 分别调整最后一帧图形元件 的位置并创建动画,创建动画时将个别字母在移动过程中让它旋转（在属性栏设置），如图 13-6 所 示。
- 81. 预览一下我们看到文字像氢 气球般飘散走了。源文件的位置：光盘源文件文字飘散.fla 说明： 1）我们第一次执行“分解组件”命令的作用是将字母拆散开，第二次执行“分解组件”的作用是将每个 字母由文字状态变成形状。因为如果我们使用了特殊字体（比如我们自己安装的字体），而其它电脑 没有安装这种字体的话就会被宋体或其它字体所替代，所以为了保证每台电脑都能正常显示出我们 需要效果的话，就必须将文字打散使其以形状的方式显示。如果使用的是宋体等常用字体的话就不需 要这样做，因为每个系统在安装时都带有常用字体。 第2节 文字摆动出现效果 用和第一节一样的方法我们再来制作一种文字摆动出现效果。启动 Flash 软件，和上一节步骤一样， 用文本工具输入 FLASH，执行一次“分解组件”命令（当然再执行一次将它彻底打散也可以），把它 们分配到每个层后将每个字母都转换成图形元件，如图 13-7 所示。
- 82. 在 F 层第 10 帧处和第 15 帧处插入关键 帧，如图 13-9 所示。 调整第 1 帧 F 的位 置并让它完全透明，如图 13-10 所示。
- 83. 调整第 2 帧 F 的位置，把不透明度设置 为 80%，如图 13-11 所示。 分别在 1 到 10 帧之间和 10 到 15 帧之间创建动画，如图 13-12 所示。
- 84. 用相同的方法把剩下的几个字母做完， 如图 13-13 所示。 可以事先预览一下，此 时看到文字是同时出现的，我们想要的效果是让前一个字母在完全出现之前下一个字母开始出现， 也就是说让它们出现的顺序发生错位。用鼠标拖动的方法将 L 层上所有帧都选中后松开鼠标，然后用 鼠标按住整体向后移动使它与前面一层发生 5 帧的错位，如图 13-14 所示。 同样的方法做完下面三层， 如图 13-15 所示。
- 85. 此时我们预览一下我们就会 发现一个问题，还没有等到后面的字母出现完前面已经出现的字母就先后消失了。为了解决这个问题 我们插入能够延续画面停留时间的帧，这样每个字母出现之后就会等到最后一个字母的出现，如图 13-16 所示。 此时就做好了，预览一下看 看。点击编辑元件按钮修改字母的颜色，如图 13-17 所示。 源文件的位置：光盘源文件文字摆动 出现.fla 说明： 第3节 情书开启效果 我们在前面制作了 Play 按钮，当鼠标放上去后按钮呈现出另外一种状态，点击后就开始播放。现在 我们来绘制一个信封并把它转换成按钮，当鼠标放上去时信封呈现出被打开状态并有文字飞出。 启动 Flash 软件，将背景色设置成深绿色，执行【插入】菜单下的【新建元件】命令，在打开的窗口中
- 86. 输 入 名 称 为 “ 情 书 来 了 ” 并 选 择 按 钮 ， 如 图 13-18 所 示 。 用文本工具输入“情书来了”，调整字体颜 色为红色，如图 13-19 所示。 在第 10 帧处插入关键帧并调整文字的位 置，鼠标点击 1 到 10 之间的某一帧，在属性栏选择移动，如图 13-20 所示。 回到场景，用绘图工具绘制一信封，如
- 87. 图 13-21 所示。 将信封转换成按钮，并编 辑此按钮如图 13-22 所示。 在鼠标经过状态处插入关键帧，并用绘 图工具将信封增添一部分，如图 13-23 所示。 新建一层，在鼠标经过状态插入空白关 键帧，如图 13-24 所示。
- 88. 此时把库打开，把刚才制作的影片剪辑 “情书来了”拖出来放在信封开口处，如图 13-25 所示。 回到场景，Ctrl+回车后把鼠标放到信封 上看一下效果。源文件的位置：光盘源文件情书开启.fla 我们现在来分析一下为什么会出现这种效果。 我们首先是制作了了“情书来了”这个影片剪辑，然后绘制了一信封按钮，该按钮在第一层有两种状 态，up 状态信封在关闭着，鼠标经过状态我们绘制了信封被打开的效果， Down 状态我们没有做就 默认为和鼠标经过一样的状态，反应区在没有添加的情况下默认为信封 的面积。然后我们 新建了层 2 给鼠标经过状态添加了影片剪辑动画的效果，这样以来，当我们鼠标放上去的时候就会 有两种效果出现即信封被打开的同时影片剪辑开始播放，于是就出现了你所看到的效果。说明： 1） 当你把鼠标放上去后如果不想让影片剪辑循环播放的话可以通过给影片剪辑最后一帧添加 stop 动作来实现。
- 89. 2） 如果点击信封后想让它播放后面内容的话，只需要给信封按钮添加动作就可以了。 3） 该例是利用了按钮和影片剪辑的巧妙结合。鼠标幻影 下面我们来做一种当鼠标在画面上移动时会有幻影文字效果。启动 Flash 软件，将图层 1 命名为 “背景”并导入一张图片，如图 a-1 所示。 执行【插入】|【新建元件】命令新建一影片剪 辑，命名为“幻影字体”，点击“确定”后在第 2 帧处插入空白关键帧并用文本工具输入“ying”,如图 a-2 所示 把输入的文本转换成图形元件，在第 13 帧 处插入关键帧，如图 a-3 所示。
- 90. 用缩放工具将图形元件调大并在属性栏将 其不透明度设置为 0，然后创建动画如图 a-4 所示。 执行【插入】|【新建元件】命令新建一按钮， 命名为“鼠标划过”，用矩形工具绘制一无边框的矩形，如图 a-5 所示。 在反映区插入关键帧，如图 a-6 所示。
- 91. 编辑“幻影字体”影片剪辑，点击一下如图 a-7 所示的“绘图纸外观”按钮使第 2 帧内容显示出来。 打开库，把“鼠标划过”按钮拖放到第 1 帧 并调整其大小使它和第 2 帧的图形元件大小相当，如图 a-8 所示。 按 F9 打开动作面板，给第 1 帧添加 stop 动作，然后给按钮添加 on 动作并修改事件如图 a-9 所示。
- 92. 接着再给按钮添加 goto 语 句并调整相应参数，如图 a-10 所示。 回到场景，新建一图层命 名为“幻影文字”，把“幻影字体”影片剪辑从库中拖放到场景中，如图 a-11 所示。
- 93. 然后按住 Ctrl 键用鼠标拖的方式把该影片 剪辑复制一份使其变成两个，然后使用相同的方法复制两个成四个，依次类推布满整个画面，如图 a-12 所示。 编辑按钮，将按钮第 1 帧内容清空，如图 a-13 所示。 好了，回到场景预览一下，把鼠标放上去 移动一下看看效果如何源文件的位置：光盘源文件鼠标幻影文字.fla 有兴趣的同学还可以给它添加
- 94. 背景音乐。新建一影片剪辑命名为“音乐”，如图 a-14 所示。 导入声音，把声音从库中拖到场景中，在 第 1 帧后面某处插入帧将声音延续完，如图 a-15 所示。 回到场景，新建一图层命名为“背景音乐”， 把“音乐”影片剪辑从库中拖到场景中，如图 a-16 所示。 此时再预览一下看看。 源文件的位置：光盘源文件带有声音的鼠标幻影文字.fla 回顾一下整个过程，一共有三个层，背景 层上面只有一张照片，幻影文字层放的是我们制作的影片剪辑，该影片剪辑第 1 帧是按钮，2 到 13 帧是文字由变大并消失的效果，给按钮添加了当鼠标从按钮上划过时就会转到第 2 帧并从第 2 帧开
- 95. 始播放这样一个动作。整个场景就布满了这样的影片剪辑，由于我们后来删除了按钮的 UP 状态，所 以预览时在场景也就看不到影片剪辑的颜色（按钮 UP 状态的颜色）。背景音乐层我们放置了一带有 音乐的影片剪辑。说明：1）通常情况下，Flash 在舞台中一次显示动画序列的一个帧。为了帮助您定位和编辑逐 帧动画，您可以在舞台中一次查看两个或多个帧。播放头下面的帧用全彩色显示，但是其余的帧是暗淡的（如“ying 元件”），看起来就好像每个帧是画在一张半透明的绘图纸上，而且这些绘图纸相互层叠在一起。无法编辑暗淡的帧。 2 也可以直接将声音放进背景音乐层而不用影片剪辑，但是背景层和幻影文字层都要过渡到和背景 音乐层相同的帧，其最终效果和前面是一样的。3)这种效果和“情书开启” 效果非常相似，试着用制作“情书开 启”的方法来制作和本例一样的效果。第四节 水波扩散效果 当我们在欣赏 Flash 动画时有时会看到一滴水滴进水里后会有水波向四周扩散，这常常令我们羡慕不 已。下面我们就一起来制作水波扩散效果。启动 Flash 软件，执行【插入】菜单下的【新建元件】命令，在 打开的窗口中命名为“水波”并选择影片剪辑，然后用椭圆工具绘制一没有填充的椭圆，粗细为 2，如 图 13-26 所示。 用鼠标选中椭圆，后按住 Ctrl 键的同时用 鼠标拖动选中状态的椭圆将其复制一份并用缩放工具调整其大小，如图 13-27 所示。
- 96. 同样的办法多做几个，如图 13-28 所示。 将所有椭圆一起选中（可以用 Ctrl+A）， 执行【修改】下面的【外形】下的【转换行成填充】命令，接着按 F8 把它转换成图形元件，在 30 帧处插 入关键帧，并用缩放工具将它调大，在调整时最好使用工具箱下的比例缩放按钮 ，在 1 到 25 帧 之间创建动画，如图 13-29 所示。
- 97. 回到场景，将图层一命名为“背景”，点击 属性栏上的影片属性按钮，如图 13-30 所示。 在打开的窗口中输入设置场景宽为 350px，高为 220px，如图 13-31 所示。 点击“确 定”按钮后后导入一张图片，如图 13-32 所示。
- 98. 新建一图层命名为“图片”，拷贝背景层的 第 1 帧粘贴到图片层的第 1 帧，如图 13-33 所示。 然后再新建一图层，命名为“水波”，打开 库将影片剪辑“水波”拖到场景中，如图 13-34 所示。 让水波层遮罩图片层，如图 13-35 所示。
- 99. 此时预览一下，我们发现并没有看到我们所期望的水波效果。不要着急，鼠标选中背景层的图片，用 方向键控制其向右和向下分别移动 2 个像素（按一下方向键移动的就是 1 个像素）。到此为止就做好 了，再次预览就可以看到水波效果了。源文件的位置：光盘源文件水波扩散.fla 我们现在来分析一下产生这种效果的原因。一共有三个层，下面两层完全一样，因为我们当时是拷贝 背景层的帧粘贴到图片层的，水波层放的是影片剪辑。水波层和图片层经过遮罩后所产生的效果是和 绘制的几个椭圆一样，不过它们是图片层上的图片，由于影片剪辑在不断扩大，因而遮罩所产生的 图片层上的椭圆（以下简称“图片椭圆”）也在不断扩大，如果你将背景层删除就可以预览到这种效 果，图片构成的这种不断扩大的椭圆不管怎么扩大到哪里都有背景层在恰好衬托着（因为图片层和 背景层上的图片位置完全一样），所以此时你并看不到效果。当我们让背景层和图片层上的图片发生 错位后，背景上的图片与遮罩产生并不断扩大的图片椭圆就不再那么吻合了，随着图片椭圆的不断 扩大，我们就看到了因发生错位而产生的偏差在不断扩大，这就是我们视觉上感觉到的水波。说明： 1） 绘制的椭圆必须转换成填充。 2） 我们看到的水波并不是绘制的椭圆而是遮罩产生的不断扩大的图片椭圆和背景层上的图片发生错 位而产生的。鼠标控制灯光 这个过程的制作和上一章假鼠标的制作几乎一样，只是它与遮罩效果相结合而产生了一种特殊的效 果。启动 Flash 软件，把背景色设置为黑色，将图层一命名为“文字”，并使用文本工具在场景里面输 入 一 些 文 字 作 背 景 ， 文 字 颜 色 设 为 白 色 ， 如 图 a 所 示 。
- 100. 新建一图层命名为“圆”，用圆工具绘制 一没有边框的圆并转换成影片剪辑，并在属性栏输入 light，如图 b 所示。 把动作面板打开，给圆这一层第 1 帧添 加动作：ObjectsMovieMouseMethodshide ，ActionMovie Clip ControlstartDrag，如图 c 所示。 然后用圆层来作遮罩，如图 d 所示。