Flash动画设计教程.pdf

《Flash动画设计教程.pdf》由会员分享，可在线阅读，更多相关《Flash动画设计教程.pdf（62页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第 1 章 Flash 综述 Flash 是美国 Macromedia 公司出品的一款集动画设计、游戏、Web 网站开发等功能于一身的优秀软件。Flash 开拓了多媒体制作与网页设计的新领域，给用户更多的想象空间和技术支持，用户可以结合个人的创意制作出有声有色的动画作品、交互游戏及互动性网站作品。1.1 Flash 的发展 Flash 最初的设计者是乔纳森盖伊（Jonathan Gay）。乔纳森盖伊是一位相当有天分的程序员，在高中时代他就设计出了同步声音和平滑图像的游戏空降兵，之后又设计出了另一款游戏黑暗城堡。在这些游戏的开发过程中，他积累了丰富的声音和图像处理经验，这为他日后设计 Flash

2、 软件打下了坚实的基础。1993 年乔纳森 盖伊成立了 Future Wave 软件公司，致力于图像方面的研究工作。本书以 Flash 8 简体中文版为工作环境，系统地讲解 Flash 软件知识，重点讲解 Flash动画的制作技巧和方法，让您尽情体验 Flash 8 的精彩。1.2 Flash 动画特点 Flash 动画是一种交互式的矢量动画，能够在低文件数据传输率下实现高质量的动画效果。除此之外，相对于其他动画而言，Flash 动画还具有以下显著特点：（1）矢量图形：通过 Flash 8 提供的绘图工具箱，可以方便地绘制任意形状的线条、色块和文字，可以方便地实现矢量线条向矢量色块的转换，对矢

3、量色块的加粗、柔化等，同时还可以任意调整图形或色块的颜色。（2）交互式动画：一般的动画制作软件只能制作标准的顺序动画，如 3ds max 等，此类动画只能连续播放，而 Flash 8 借助 ActionScript 的强大功能，不仅可以制作出各种精彩的顺序动画，还可以制作出复杂的交互式动画，以便用户对动画进行控制。交互式动画是Flash 的一个重要特点，它有效地扩展了动画的应用领域。（3）流式播放技术：Flash 动画采用流式播放形式，用户在观看动画时，可以不用等到动画文件全部下载完毕即可开始观看。这样就实现了动画的快速显示，减少了用户的等待时间。（4）高质量的图像：矢量图可以真正无限放大，能

4、够始终显示全部图像，并且不会因为放大而降低图像的显示质量。对于一般的位图，放大到一定倍数时，就会看到图像边缘的一个个锯齿状的色块。Flash 动画设计教程 2（5）多种多样的文件格式：在 Flash 8 中可以导入多种类型的文件格式，如图形、图像、声音和视频文件等，这使动画能够灵活地适应各个领域的需要。（6）文件的数据量小：网络速度即网络数据的传输速度，它是网页文件的一种重要限制，是网络中最重要的一项指标。所以，如何将内容丰富的网页在网络上快速传输，即减少网络文件的数据量一直是人们关注的问题。Flash 以它较小的数据量占据了网络领域的一席之地。因为 Flash 是基于矢量图的，它只需少量的矢

5、量数据就可以描述一个相当复杂的对象，与位图相比，数据量大大降低，只有几千分之一。这样，Flash 就有效地解决了多媒体与大数据量的矛盾，成为网络上非常流行的软件。（7）插件工作方式：虽然必须安装 Adobe Flash Player 插件后才能使用浏览器播放Flash 动画，但是相对于其他动画的播放方式来说已经相当简单了。此插件是一个免费的共享软件，在许多网站上都可以找到。如果没有此插件，可以从 Adobe 公司的网站（）下载。Flash 也并不是十全十美，比如它不直接支持 3D。随着用户的制作水准越来越高，对影片的质量要求也越来越高，有时会希望做一些 3D 的物件来增强视觉效果，而这是 Fl

6、ash 的弱项，必须通过第三方的工具来建立 3D 模型，然后再由 Flash 来引入。1.3 Flash 8 的工作环境 安装了 Flash 8 简体中版软件后，在 Windows 系统的“开始”|“程序”菜单中就会出现一个 Macromedia 程序组，单击其中的 Macromedia Flash 8 就会启动 Flash 8 软件，进入Flash 8 的工作环境。第 1 章 Flash 综述 3 1.3.1 Flash 8 工作环境简介 1开始页 图 1-1 Flash 8 开始页 2工作窗口 标题栏 菜单栏 主工具栏 工具箱 舞台 文档选项卡 编辑栏 时间轴面板 属性面板 编辑区 Fla

7、sh 动画设计教程 4 图 1-2 Flash 8 的工作窗口 Flash 8 的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、编辑区和舞台、工具箱以及各种面板组成。1.3.2 主工具栏 在 Flash 8 中，可以通过执行“窗口”|“工具栏”|“主工具栏”命令，将主工具栏显示或关闭。如果主工具栏的位置影响到操作，则可以通过拖动的方法将其移动到屏幕的其他位置，也可以将其浮动于界面之上，如图 1-3 所示。新建 打开 保存 打印 剪切 复制 粘贴 撤消 重复 吸附 柔化 尖镜 旋转 缩放 布局 图 1-3 主工具栏 1.3.3 工具箱 Flash 8 的工具箱如图 1-4 所示

8、。使用工具箱中的工具，可以绘制、涂色、选择和修改图形，并可以更改舞台的视图，它分为 4 个区域：工具区域：包含绘画、涂色和选择工具。选中其中的某个工具按钮，就激活了相应的操作功能。查看区域：包含“手形工具”按钮和“缩放工具”按钮，都是用来查看对象的。颜色区域：包含“笔触颜色”按钮和“填充颜色”按钮，用于修改线条颜色和区域的填充颜色。选项区域：显示选定工具的各种属性选项，这些属性选项会影响工具的涂色或编辑操作。第 1 章 Flash 综述 5 选择工具填充颜色部分选取工具任意变形工具直线工具钢笔工具椭圆工具铅笔工具墨水瓶工具滴管工具手形工具笔触颜色黑白没有颜色紧贴至对象平滑伸直交换颜色缩放工具填

9、充变形工具套索工具文本工具矩形工具刷子工具颜料桶工具橡皮擦工具 图 1-4 Flash 8 的工具箱 1.3.4 舞台 舞台是放置动画内容的矩形区域，这些动画内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑，诸如此类。图 1-6 舞台 舞台 编辑区 编辑元件 编辑场景 Flash 动画设计教程 6 1.3.5 面板 1面板的基本操作 2“帮助”面板“帮助”面板对 Flash 的所有创作功能和 ActionScript 语言进行了详尽的说明。可以随时按 F1 功能键将“帮助”面板打开，如图 1-8 所示。利用该面板，可以对软件的使用或动作脚本语言进行查询。图 1-8 “帮助”面板 3“时

10、间轴”面板 “时间轴”面板如图 1-9 所示，它是用来管理不同场景中的图层和处理帧的。图层文件夹 引导图层 图层名称 隐藏显示图层 锁定图层 轮廓显示图层 空白关键帧 播放头 关键帧 帧视图按钮 添加图层 添加引导层 添加图层文件夹 删除图层 帧居中按钮 绘图纸按钮 当前帧数 帧频 运行时间 第 1 章 Flash 综述 7 图 1-9 “时间轴“面板 4“属性”面板“属性”面板位于编辑区的下方，它会随选择对象的不同而不同。当对 Flash 文档进行编辑时，“属性”面板中出现有关文档的属性，如图 1-10 所示。图 1-10 文档属性面板 5“动作”面板“动作”面板可以创建和编辑对象或帧的 A

11、ctionScript 代码，主要由动作工具箱、脚本导航器和脚本窗格组成，如图 1-11 所示。关于此面板的详细应用，会在后面的章节中具体讲解。动作工具箱 脚本导航器 脚本窗格 图 1-11 “动作”面板 6“滤镜”面板 Flash 8 新增了滤镜功能，从而大大增强了其设计方面的能力。这项新特性对 Flash 动画的制作产生了巨大影响。它几乎颠覆了长期以来“Flash 设计能力欠缺”的固有偏见，使人不得不对其刮目相看。默认情况下，“滤镜”面板和“属性”面板、“参数”面板组成一个面板组，如图 1-12 所示。Flash 动画设计教程 8 图 1-12 “滤镜”面板 7“对齐”面板“对齐”面板如图

12、 1-13 所示。使用“对齐”面板，可以对编辑区中多个对象进行排列、分布、匹配大小、调整间隔等操作，使布局整齐美观。图 1-13 “对齐”面板 8“信息”面板 利用“信息”面板（如图 1-14 所示）可以查看选定对象的大小、位置、颜色和鼠标指针的信息。图 1-14 “信息”面板 9“变形”面板“变形”面板可以对选定对象执行缩放、旋转、倾斜和创建副本的操作。第 1 章 Flash 综述 9 图 1-15 “变形”面板 10“混色器”面板 打开 Flash 8 的“混色器”面板，会发现界面比以前有了改变，如图 1-16 所示。图 1-16 “混色器”面板 11“库”面板“库”面板如图 1-18 所

13、示。该面板存储为了在 Flash 文档中使用而创建或导入的媒体资源，还可以包含已添加到文档中的组件。复制并应用变形 重置 交换笔触和填充 颜色空间 亮度控件 颜色代码 颜色范例 面板折叠按钮 笔触颜色 填充颜色 默认笔触和填充 没有颜色 颜色值 Alpha 值 Flash 动画设计教程 10 图 1-17 自定义渐变填充 图 1-18 “库”面板 12“行为”面板“行为”面板如图 1-19 所示。利用该面板，无需自己编写代码就可为动画添加交互性，如转到 Web 页、从库中加载声音及控制声音的播放、控制嵌入视频的回放、控制影片剪辑的播放及触发数据源等。“行为”面板的上方有一排功能按钮，它们是：新

14、增的溢出模式设置功能 渐变条 单击渐变条可增加颜色指针 双击该指针，可对其颜色值进行设置 单击选中颜色指针，可利用该项设置颜色的透时度 颜色指针 第 1 章 Flash 综述 11 图 1-19 “行为”面板 13“场景”面板 一个动画可以由多个场景组成，“场景”面板中显示了当前动画的场景数量和播放的先后顺序。复制场景按钮 添加场景按钮 删除场景按钮 图 1-20 “场景”面板 14“历史记录”面板“历史记录”面板能跟踪自创建或打开某个文档以来执行的步骤列表。列表中的项目数默认为 100。选择“编辑”“首选参数”命令，可以在弹出的“首选参数”对话框中更改列表中显示的项数。图 1-21 所示标示

15、出了该面板的组成。将所选步骤保存为命令 复制所选步骤到剪切板 将所选步骤应用到选定对象“恢复”标记 图 1-21 “历史记录”面板“添加行为”按钮“删除行为”按钮“下移”按钮“上移”按钮 Flash 动画设计教程 12 1.3.6 网格、标尺和辅助线 网格、标尺和辅助线是 Flash 中用于精确绘制和定位对象的辅助工具。可以在 Flash 文档中放置辅助线，然后使对象贴紧至辅助线，也可以打开网格，然后使对象贴紧至网格。水平标尺 垂直标尺 水平辅助线 垂直辅助线 图 1-23 拖出的辅助线 1.4 简单 Flash 动画的制作 图 1-25 实例效果图 下面介绍实例制作的步骤。第 1 章 Fla

16、sh 综述 13 1新建 Flash 文档和设置文档属性 图 1-26 “新建文档”对话框 图 1-27 “文档属性”对话框 2导入动画素材 图 1-28 实例“库”面板 Flash 动画设计教程 14 4保存并测试动画 5文件的导出 图 1-29 “导出 Flash Player”对话框 6文件的发布 图 1-30 “发布设置”对话框 第 1 章 Flash 综述 15 7文件的关闭与打开 1.5 本章小结 本章首先介绍 Flash 的发展史和 Flash 动画的特点，然后详细介绍了 Flash 8 简体中文版的工作界面以及各种面板，最后以一个简单 Flash 动画的制作为例，介绍了 Fla

17、sh 动画制作的整体过程。在学完本章之后，读者应该熟悉 Flash 8 的工作环境，掌握制作 Flash 动画的一般操作步骤。第 2 章 静态图像制作 Flash 提供了很多实用的矢量绘图工具。这些工具功能强大而且使用简单，对于初学者来说，不需要太多的绘图专业技能就能绘制出很漂亮的静态图像。通过线条、颜色的设置，一幅幅精美的图像跃然纸上。本章通过几个实例引导大家学会手工绘图。2.1 简单制作 2.1.1 眼球的制作 图 2-8 最终效果图 2.1.2 放大镜的制作 图 2-12 最终效果图 2.1.3 齿轮的制作 第 2 章 静态图像制作 17 图 2-13 最终效果图 2.1.5 制作精美的

18、珠链 图 2-28 最终效果图 2.2 复杂画图 图 2-36 最终效果图 2.3 本章小结 本章通过几个手工绘图实例讲述了 Flash 工具箱中各种绘图工具的使用方法和技巧，以及各种面板（“属性”面板、“混色器”面板和“变形”面板）在绘图中的应用。利用这些绘图方法和技巧，可以画出生动活泼、颜色鲜明的图形图像。第 3 章 动画制作 Flash 最主要的功能就是制作动画，它具有强大的动画制作功能和卓越的视听表现力。Flash 动画分为两大类：逐帧动画和补间动画。在逐帧动画中，需要为每一帧创建图像；而在补间动画中，只需在动画的起始和结束处建立关键帧，制作关键帧中的图像，两个关键帧中间的过渡帧中的内

19、容均由 Flash 系统自动生成。补间动画是一种很有效的动画创建方式。3.1 动画原理 动画是通过人眼视觉暂留原理，快速地播放连续、具有细微差别的静止图像内容，让原本固定不动的图像变得生动起来。人眼所看到的影像大约可以在脑海中暂存 1/16 秒，如果在暂存的影像消失之前，观看另一张连续动作的影像，便能产生活动画面的幻觉。实验证明，如果动画的画面刷新率为 24 帧/秒左右，即每秒放映 24 幅画面，则人眼看到的就是连续的画面效果。第 3 章 动画制作 19 3.2 时间轴、帧和图层 3.2.1 时间轴 图引图添添添删 帧绘当帧运隐轮锁播帧运形动空普层文件夹导图层层名称加图层加图层文件夹加引导层除

20、图层居中按钮图纸按钮前帧数频行时间藏显示图层廓显示图层定图层放头帧视图按钮标签动渐变帧状渐变帧帧注释作帧关键帧白帧通帧 图 3-1 “时间轴”面板 3.2.2 帧的基本概念和操作 1关键帧 关键帧是定义动画变化的帧。2普通帧 普通帧显示为一个个的小方格。3帧标签和帧注释 帧标签用于标识时间轴中的关键帧，用红三角加标识名表示。4帧的操作（1）改变帧的播放频率。（2）选择帧。帧注释 帧标签 帧视图按钮 Flash 动画设计教程 20 图 3-2 选择帧（3）创建普通帧。（4）创建关键帧。（5）创建空白关键帧。（6）移动帧。（7）复制帧。（8）删除帧。（9）翻转帧。3.2.3 图层及其基本操作 图层

21、是 Flash 中最基本最重要的概念之一。图层就像透明的醋酸纤维薄片一样，在舞台上一层层地向上叠加。在不包含内容的图层区域中，可以看到下面图层中的内容。1添加图层 单击“时间轴”面板图层区左下角的“插入图层”按钮，可在当前所编辑的图层的上面插入一个新图层。也可以在当前图层上右击，在快捷菜单中选择“插入图层”命令，在当前层上面新增一个图层。2图层重命名 Flash 系统默认的图层名称为“图层 1”、“图层 2”、“图层 n”，可以根据图层上的对象功能给图层重命名。双击图层名，此时出现一个文本框，只要在其中输入新的图层名即可，如图 3-4 所示。3调整图层的叠放次序 若想改变图层的叠放次序，把要移

22、动的图层拖拽到指定的位置即可。4选取图层 要对图层进行修改，需要在“时间轴”面板的图层区中选择该图层以激活它。图层区中图层名称旁边的铅笔图标表示该图层处于活动状态，该层也称为当前图层。一次只能有一个图层处于活动状态（尽管一次可以选择多个图层）。5删除图层 选取要删除的图层，将其拖拽到图层编辑区右下角的“删除图层”按钮即可。或者选取要删除的图层，然后单击“删除图层”按钮。也可以在要删除的图层上右击，在快捷菜单中选择“删除图层”命令。6设置图层的几种编辑状态（1）绘图编辑状态。（2）图层显示/隐藏状态。第 3 章 动画制作 21 单击图层区的眼睛图标。（4）设置启动/关闭轮廓线状态。7引导层和遮罩

23、层 在 Flash 中有两种特殊的图层：引导层和遮罩层，如图 3-9 所示。图 3-9 引导层和遮罩层示意图 8图层文件夹 当时间轴上的图层太多时，可以通过创建图层文件夹，然后将图层放入其中来组织和管理这些图层。可以在时间轴中展开或折叠图层文件夹，而不会影响在舞台中看到的内容。3.3 逐帧动画 逐帧动画（Frame By Frame）是最传统的动画方式。其原理是在“连续的关键帧”中分解动画动作，使其连续播放而成为动画。1制作模拟玫瑰花开放的逐帧动画 rose1.gif rose2.gif rose3.gif rose4.gif 图 3-12 玫瑰花开放的分解图片 Flash 动画设计教程 22

24、 2制作逐笔模拟书写“鸟巢”二字的逐帧动画 图 3-20 逐帧动画的第 2 帧 3.4 补间动画 所谓补间动画，是指只要制作好起点关键帧和终点关键帧的内容，并在起点关键帧中定义补间动画类型，Flash 就会自动制作出中间过渡帧的动画效果。Flash 可以创建两种类型的补间动画：补间动画和补间形状。下面介绍补间动画的制作方法。3.4.1 制作补间动画 补间动画的制作方法是：首先在需要产生补间动画的起点关键帧处定义动画对象的位置、大小、颜色、透明度、旋转、倾斜、滤镜效果等属性，再在该补间动画的终点关键帧中改变该对象的这些属性，最后在起点关键帧中定义补间动画类型为“补间动画”，Flash就会根据这些

25、变化自动产生完成这些属性渐变过程的中间帧。3.4.2 补间动画的参数设置 定义了补间动画后，在该补间动画的起始关键帧上单击，帧“属性”面板会变成如图3-28 所示。通过“属性”面板可以进一步设置补间动画的相应参数，从而使得动画效果更丰富。第 3 章 动画制作 23 3.4.3 制作补间动画实例 1旋转的风车 图 3-37 8 个叶片 2跳动的球 图 3-39 “跳动的球.fla”的“库”面板 图 3-41“球”图层的第 60 帧 Flash 动画设计教程 24 图 3-49 投影图形 3.4.4 制作补间形状 和补间动画不同的是，补间形状动画的对象只能是形状。在补间形状中，在一个关键帧绘制一个

26、形状，然后在另一个关键帧更改该形状或绘制另一个形状，Flash 会自动内插二者之间的帧的值或形状来创建动画。组、实例和位图图像均不能作为补间形状动画的对象（除非把它们分离成形状）。要对文本应用补间形状，必须将文本分离两次，从而将文本转换为形状。补间形状动画可以在两个关键帧之间制作出形变的效果，使一个形状看起来随时间变化成另一个形状。Flash 还可以补间形状的位置、大小、颜色和透明度。1圆变方 图 3-51 创建图形元件 yuan 图 3-52 创建图形元件 fang 第 3 章 动画制作 25 2燃烧的蜡烛 图 3-60 最终效果图 3延伸的直线 图 3-61 时间轴 4动感球体 图 3-6

27、5 形状变化 Flash 动画设计教程 26 3.4.5 补间形状的参数设置 定义了补间形状后，在“补间形状”的起始关键帧上单击，帧“属性”面板会变成如图 3-66 所示。通过“属性”面板可以进一步设置补间形状的相应参数，从而使动画效果更丰富。图 3-66 动作补间动画的“属性”面板 3.4.6 使用形状提示 形状补间动画看似简单，实则不然，Flash 在“计算”两个关键帧中的图形的差异时，远不如想象中的“聪明”，尤其前后图形差异较大时，变形结果会显得很乱，这时，“形状提示”功能会大大改善这一情况。形状提示会标识起始形状和结束形状中相对应的点。1添加形状提示的方法 图 3-67 添加形状提示后

28、各帧的变化 2添加形状提示的技巧 （1）“形状提示”可以连续添加，最多能添加 26 个。（2）按逆时针顺序从形状的左上角开始放置形状提示，它们的工作效果最好。（3）确保“形状提示”是符合逻辑的。（4）形状提示要在形状的边缘才能起作用，在调整形状提示位置前，要打开工具箱“选项”下面的“吸咐开关”，这样会自动把“形状提示”吸咐到边缘上，如果发觉“形状提示”仍然无效，则可以用工具箱中的放大工具 单击形状，放大到 2000 倍，以确保“形状提示”位于图形边缘上。3数字转换 为了说明形状提示的妙用，在场景中写两个数字“1”，让它们同时变形，一个加形添加形状提示前 添加形状提示后未调整变形提示点位置时的状

29、态 调整位置后开始关键帧处的变形提示点变黄色 调整位置后终止关键帧处的变形提示点变绿色 第 3 章 动画制作 27 状提示，一个不加形状提示，看看这两个变形有什么不同。3.5 元件和实例 元件是 Flash 动画最主要的动画元素。在动画制作中，将频繁使用的图形、按钮或电影剪辑等对象做成元件，可以无限调用，不必每次都重新编辑对象。Flash 中的元件被创建后自动保存在文档的“库”中，在动画制作时可以直接从“库”中将需要的元件拖拽到场景中使用，此时场景中的元件的具体应用称为实例。实例来源于元件，但又具有独立于元件的属性，例如实例的大小、旋转、色彩浓淡、透明度、亮度等属性。对实例属性的修改不会影响到

30、与之对应的元件，但当编辑“库”中的元件时，所有与之相关的实例也会随之变化。3.5.1 元件的类型 Flash 8 中的元件有 3 种类型。图形元件：通常用于存放静态的图像，也能用来创建动画，在动画中可以包含其他元件实例。按钮元件：其主要作用是为动画提供交互功能。影片剪辑元件：动画中最具有交互性、用途最多、功能最强的部分之一。在 Flash 动画中，影片剪辑元件的实例可以被命名，这样就可以利用行为对该影片剪辑元件的实例进行控制，创造出许多特殊的动画效果。3.5.2 创建元件 在 Flash 中，元件的创建方法一般有两种：一种是新建元件；另一种是将舞台上的对象转换为元件。1新建元件 图 3-69

31、“创建新元件”对话框 2转换为元件 图 3-70 “转换为元件”对话框 Flash 动画设计教程 28 3.5.3 编辑元件 3.5.4 影片剪辑元件 图 3-73 “马”图层第 60 帧 3.5.5 按钮元件 按钮元件与图形元件和影片剪辑元件不同，它的默认方式是由一个图层的 4 个关键帧组成，分别对应按钮的“弹起”、“指针经过”、“按下”、“点击”4 种状态。在实际应用中，可以根据需要给按钮添加新的图层。图 3-81 动感导航条 3.6 本章小结 本章首先介绍 Flash 动画原理，接着介绍 Flash 动画制作的基础帧和图层的概念及基本操作，然后通过实例详细介绍了 3 种基本 Flash

32、动画（逐帧动画、动作补间动画和形状补间动画）的制作方法。本章最后介绍了 Flash 动画最主要的动画元素元件及其实例。通过认真学习本章内容，并跟着本章的实例积极练习实践，读者应掌握逐帧动画、形状补间动画和动作补间动画的制作方法，在这之后，便可以进入 Flash 影片创作的成长历程。第 4 章 引导路径动画 单纯依靠设置关键帧，有时仍然无法实现一些复杂的动画效果，有很多运动是弧线的或不规则的，如月亮围绕地球旋转、鱼儿在大海里遨游等，若要在 Flash 中做出这种效果需要“引导路径动画”。4.1 小球运动 在 Flash“时间轴”面板的图层区中，有一个“添加运动引导层”按钮，引导层就是用来摆放对象

33、运动路径的图层，它所起的作用在于确定指定对象的运动路线。比如让一个球按指定的路线移动。图 4-3 圆球运动路线 4.2 飞翔的天使 图 4-15 “天使”补间动画的第 1 帧 Flash 动画设计教程 30 4.3 圆弧运动 图 4-28 图层 1 的第 20 帧 4.4 碰撞实验 下面我们来做一个简单的物理碰撞实验的模拟。橘黄色的小球从空中落下，落地瞬间与地上静止的绿色小球发生碰撞，两球均沿不同轨迹飞出界面。图 4-31 引导层第 18 帧 第 4 章 引导路径动画 31 4.5 雪花的制作 图 4-42 导入背景图后的“场景 1”4.6 本章小结 本章通过几个由简到繁的实例讲解了为动作补间

34、动画添加引导线，从而制作引导路径动画的操作方法。物体运动可以通过添加引导线来改变运动轨迹。通过本章的学习，读者应掌握引导路径动画的制作方法和技巧。第 5 章 遮罩动画 遮罩是Flash动画创作中所不可缺少的它是Flash动画设计三大基本功能中重要的出彩点。使用遮罩配合补间动画，用户可以创建更多丰富多彩的动画效果，例如图像切换、火焰背景文字、管中窥豹等都是实用性很强的动画。并且，从这些动画实例中，用户可以举一反三，创建更多实用性更强的动画效果。遮罩的原理非常简单，但其实现的方式多种多样，特别是和补间动画以及影片剪辑元件结合起来，可以创建各种形式的动画效果。5.1 运动字符 Flash 可以处理矢

35、量图与位图，矢量图的优点在于，不论怎样调整它的大小，文件本身所占空间不会改变；位图则不行，重新调整位图的大小会改变图像的像素排布，因此，位图图像变大则文件所占空间变大，位图图像缩小则文件所占空间变小。在 Flash 中，请尽可能地使用矢量图，而且在做成元件时请尽可能地变小，因为在应用到时可以将其变大而不会增加整个动画所占的空间。5.2 摄影机 摄影机投射出光束，光束照射的地方显示出文字信息，没有灯光的地方则漆黑一片。本实例的重点在于遮罩的思路以及“旋转点”的改变。制作思路：可以在最底层摆放文字，第二层放灯光，灯光要能转动。第二层作为遮罩层，也就是说第二层灯光打到的地方才能显示第一层的文字；由于

36、在整个动画中摄影机图标始终可见，我们可以再建一个新层即第三层来放摄影机图标。摄影机也要能够转动，而且还要能够与第二层的光束转动同步。图 5-17 光束与摄影机同步 第 5 章 遮罩动画 33 5.3 变幻的风景 文字成为遮罩层，而被遮罩的风景图片通过文字反映出来，同时从左向右移动。制作思路：文字成为遮罩，那么文字的尺寸必须大点才能显示出比较连续的下层图片信息；文字不能移动，那么风景图片就得移动，我们可以把一组图片输入到 Flash 中并由这一组图片共同组成一个元件，最后给风景图片做个位移动画，并将文字层设为遮罩层即可。图 5-24 拖入场景 图 5-25 移动图片 5.4 百叶窗 百叶窗的制作

37、思路：将两幅不同的图片导入并分别放置在不同的图层（图层 1 和图层2），制作一个矩形变化的影片剪辑元件，放置于图层 3。Flash 动画设计教程 34 图 5-34 最终效果图 5.5 飘动的旗帜 图 5-45 拖入场景 5.6 万花筒 第 5 章 遮罩动画 35 图 5-51 复制组合 5.7 放大镜 图 5-64 放大镜 5.8 旋转的 3D 地球 图 5-83 复制实例 5.9 本章小结 遮罩是 Flash 动画创作中三大基本功能中最重要的一种。本章通过几个由简到繁的实例讲解了遮罩的操作方法，其中万花筒的制作堪称经典。Flash 动画设计的魅力就在于此。第 6 章 文字效果 文本的用途很

38、多，在动画制作中经常会用到，通过对 Flash 静态文本的字体、颜色、大小等属性的设置，再加上一些动画效果，可以制作出漂亮的文字效果。在动画播放过程中，可以通过设置动态文本，使该文本区域的内容通过事件的激发来改变；可以通过输入文本来接受用户的输入，这是与用户进行交互的重要手段。本章将首先介绍 Flash 中三种文本的类型及属性等设置，然后给出几种文字效果的制作实例。6.1 文本的类型 6.1.1 文本的类型及属性设置 按照文本的应用形式来分，Flash 文本形式有 3 种，即静态文本、动态文本和输入文本。1静态文本 图 6-1 设置静态文本类型 2动态文本 静态文本在动画播放过程中，文本区域的

39、文本是不可编辑的，而动态文本是可编辑的文本，在动画播放过程中，文本区域的文本内容可以通过事件的激发来改变。图 6-2 设置动态文本类型 3输入文本 输入文本可以接收用户输入，这也是响应键盘事件的一种。要创建输入文本，首先要使用文本工具绘制一个文本框，然后在“属性”面板中将该文本框的类型设置成输入文本，与输入文本对应的“属性”面板如图 6-3 所示。第 6 章 文字效果 37 图 6-3 设置输入文本类型 6.1.2 文本的格式及其赋值 1用 HTML 设置动态文本的格式 动态文本可以通过“属性”面板直接设置字体、字号等格式，也可以通过 HTML 即超文本标记语言来设置，HTML 是网页格式的一

40、种显示规范。在浏览网页时，浏览器通过解读 HTML 标记将网页中的各种元素显示成需要的样式。在 Flash 中可以使用 HTML来设置动态文本的格式。要使用 HTML，首先需要按下“属性”面板中的“将文本呈现为 HTML”按钮。可在 Flash 中使用 HTML 标记为动态文本设置格式，Flash 中使用的并不是完整的 HTML，而只是 HTML 中的一些标记，使用这些标记可以轻松地为动态文本设置各种格式。图 6-5 用 HTML 设置文本的格式 2动态文本的赋值（1）使用动态文本的实例名称来赋值。（2）使用变量名来赋值。（3）通过文本文件给动态文本赋值。3输入文本的赋值 输入文本也有实例名称

41、和变量名，在“属性”面板的相应位置可以设置。输入文本变量和其他变量类似，变量的值通过输入会呈现在输入文本框中，输入文本框中的值同时也作为输入文本变量的值，它们之间是等价的。6.1.3 字符串及其运算 在处理文本时，经常会用到字符串，字符串是一种特殊类型的数据，对字符串可以进行多种操作。有许多方法可以操纵 String（字符串）对象，如使用运算符“+”连接字符串，使用 substring 和 substr 函数从目标字符串中截取子字符串，使用 indexOf 函数确定匹配字符串在目标字符串中的位置等。Flash 动画设计教程 38 1连接字符串运算符 2截取字符串函数 6.2 文字效果 介绍了文

42、本的类型之后，本节将介绍典型 Flash 文字效果的实例制作。这些实例用到的文本类型都是静态文本，通过对文字的字体、字号、颜色等属性设置，并结合应用 Flash的三种基本动画，即逐帧动画、补间动画、遮罩动画，来做出漂亮的文字效果。可以通过这些实例来深入了解 Flash 文字动画的应用。6.2.1 荧光字 图 6-6 荧光文字 6.2.2 浮雕字 图 6-11 漂亮的浮雕文字效果 6.2.3 线框字 图 6-17 线框文字效果 第 6 章 文字效果 39 6.2.4 用 Flash 制作“挥毫”效果 图 6-23 输入一个毛笔字 图 6-26 “挥毫”效果 6.2.5 打字机 图 6-29 设置

43、光标 Flash 动画设计教程 40 图 6-30 制作打字效果的图层 6.2.6 书法描红演示效果 图 6-31 “王”字的笔画分离 图 6-32 “横一遮”图层的第 1 帧和第 10 帧的状态 第 6 章 文字效果 41 图 6-33 最后的时间轴设置 6.2.7 文字绕排 图 6-34 图层 1 第 1 帧和第 14 帧“H”字所在的位置 图 6-37 影片剪辑“绕排”的设置 Flash 动画设计教程 42 6.2.8 风吹字 图 6-38 输入文本 图 6-40 文字在第 1 帧和第 12 帧处的位置变化 图 6-42 移动帧后的时间轴 第 6 章 文字效果 43 6.2.9 Flas

44、h 魔幻字 图 6-45 时间轴设置 6.3 本章小结 漂亮的文字效果是动画设计所不可或缺的。本章首先介绍了 Flash 中三种文本的类型及属性等的设置，然后给出几种文字效果的制作实例。第 7 章 三维效果制作 Flash 8 已经不再是一个纯粹的二维动画制作软件，但二维动画制作仍是其最主要的部分，其动画表现大多是二维效果，但也可以制作出一些三维效果，特别是可以制作出一些三维动画软件难以达到的夸张造型和动作。它有易于掌握、生成的文件较小等特点，是网络中最主要的动画形式。本章将通过几个实例来具体介绍 Flash 三维动画效果的制作。7.1 绚丽烟火 图 7-7 旋转变形 finished 元件

45、第 7 章 三维效果制作 45 7.2 3D 矩阵 图 7-16 设置按钮添加动作代码 7.3 圆形渐变效果 图 7-18 15 帧处的圆形渐变效果 Flash 动画设计教程 46 7.4 翻书效果 图 7-26 “内封面”调整 3 图 7-27 “内封面”调整 4 7.5 本章小结 Flash 作为一个二维动画制作软件，可以模拟制作出一些三维动画软件难以达到的夸张造型和动作。本章讲述了使用 Flash 制作 4 个三维效果的实例。第 8 章 动作脚本 ActionScript 动作脚本 ActionScript 语句在 Flash 动画的制作过程中非常重要，它使得动画的互动效果更强，表现更加

46、细腻。本章主要介绍 Flash 8 中 AS 语句的添加方法和技巧，对于常用的AS 语句以示例的形式作了详细的介绍，通过学习，读者可以快速掌握动作脚本的一般添加方法，并且可以从本章的示例中进行演化，制作出具有独特风格和效果的带有动作脚本的 Flash 动画。8.1 ActionScript 8.1.1 ActionScript 概述 ActionScript 是 Flash 的脚本语言。它可以使制作出来的动画具有很强的交互性。在简单的动画中，Flash 按照顺序依次播放动画中的场景和帧，而在交互动画中，用户可以通过键盘或鼠标操作动画中场景与帧的播放顺序，控制动画的开始、暂停、结束，使某个对象在

47、键盘或鼠标的控制下在场景中自由移动等，大大增强了用户的参与，同时也大大增强了Flash 动画的魅力。8.1.2 Flash 中的动作面板 图 8-5 “动作”面板界面分解 Flash 动画设计教程 48 8.1.3 “动作”面板的模式 图 8-7 普通模式下的编辑界面 图 8-8 专家模式下的“动作”面板 第 8 章 动作脚本 ActionScript 49 8.2 帧事件 8.2.1 帧事件的添加方法 帧事件在添加时要确定动作添加的对象是动画中的某场景中的某个具体的帧，点击选中这一帧后，点开“动作”面板，在脚本窗格中添加代码即可。当为某一帧添加了动作代码后，这一帧上就会出现一个“a”标记，如

48、图 8-9 所示。图 8-9 帧事件标志 8.2.2 帧事件举例 1时光隧道 图 8-10 时光隧道案例效果图 Flash 动画设计教程 50 2鼠标跟随 图 8-17 心形鼠标跟随的效果图 3追逐鼠标游动的鱼 图 8-24 最终效果图 第 8 章 动作脚本 ActionScript 51 4美丽的雪 图 8-25 美丽的雪的最终效果 8.3 鼠标事件 8.3.1 鼠标事件的添加方法 8.3.2 鼠标事件举例 1菜单的制作 图 8-27 菜单展开图 Flash 动画设计教程 52 2制作烟花效果 图 8-42 烟花效果图 3随鼠标出现的泡泡 图 8-47 “随鼠标出现的泡泡”的效果图 第 8

49、章 动作脚本 ActionScript 53 8.4 影片剪辑事件 8.4.2 影片剪辑事件举例 1精巧的时钟 图 8-54 精巧的时钟效果图 2鼠标跟随动画 图 8-59 鼠标跟随效果图 Flash 动画设计教程 54 8.5 本章小结 动作脚本 ActionScript 语句在 Flash 动画的制作过程中非常重要，它使得动画的互动效果更强，表现更加细腻。本章介绍了 Flash 8 中 AS 语句的添加方法和技巧，对于常用的AS 语句以示例的形式作了详细介绍。第 9 章 声音处理 声音是制作 Flash 动画不可缺少的因素，声音处理效果得好坏在一定程度上影响着人们对 Flash 作品的评价

50、，良好的声音效果可以给人们带来感官上的享受，给作品带来亮点。Macromedia Flash 提供了许多使用声音的方法。可以使声音独立于时间轴连续播放，或使动画和一个音轨同步播放。向按钮添加声音可以使按钮具有更强的互动性，通过声音淡入淡出还可以使音轨更加优美。9.1 声音的导入 在 Flash 中有两种类型的声音：事件声音和音频流。事件声音必须完全下载后才能开始播放，除非明确停止，否则它将一直连续播放。音频流在前几帧下载了足够的数据后就开始播放；音频流可以通过和时间轴同步以便在 Web 站点上播放。9.1.1 声音的导入和输出格式 Flash 支持多种格式的音频文件，在 Flash 中可以导入