F| ash mx教程 macromedia
macromedia ™ ® Flash MX 教程
tAce, Attain. Attain Enterprise Learning System. Attain Essentials. Attain Objects for Dreamweaver Authorware, Authorware Attain, Authorware Interactive Studio, Authorware Star, Authorware Synergy Backstag ackstage Desktop Studio Backstage Enterprise Studio. Backstage Internet Studio. Design in Motion、 Director、 Director Multimedia Studio、 Doc Around the Clock、 Dreamweaver、 Dreamweaver Attai Drumbeat、 Drumbeat2000、 Extreme3D、 Fireworks、Fash、 Fontographer、 Freehand、 FreeHand Graphics Studio Generator, Generator Developer's Studio Generator Dynamic Graphics Server Know Stream、 Knowledge Track、 Lingo、 Live Effects. Macromedia、 Macromedia m徽标和图案、 Macromedia Flash Macromedia Xres. Macromind. Macromind Action. MAGIC Mediamaker- Object Authoring Power Applets. Priorit Access, Roundtrip hTmL、 Scriptlets、 SoundEdit、 ShockWave、 Shockmachine丶 Shockwave、 Shockwave Remote Shockwave Internet Studio Showcase. Tools to Power Your Ideas. Universal Media Virtuoso Web Design 101 Whirlwind和Ⅹma是 Macromedia,lnc.的商标,可能已经在美国或其它管辖区甚至世界范围内注册。本出版物中提到的 其它产品名称、徽标、图案、标題、文字或短语可能是 Macromedia,Inc.或其它实体的商标、服务标志或商品名称,并且 可能已经在特定的管辖区甚至世界范围内注册c 第三方信息 语音压缩和解压技术由Nellymoser,Inc.(www.nellymoser.com)提供许可 Sorenson Sorenson TM Spark视频压缩和解压技术由 Sorenson media,lnc提供许可 Spark 本指南包含指向第三方Web站点的链接,这些站点不由 Macromedia控制, Macromedia不对 所链接的任何站点的内容负责。如果要访问本指南提到的第三方Web站点,您应自己承担因此而带来的凤险。 Macromedia提供这些链接只是为您提供方便。包含这些链接并不意味着 Macromedia为这些第三方站点的内容提供担保 或承担责任 Apple公司免责声明 APPLE COMPUTER, ING.对所附计算机软件包的适销性或用于特定目的的适用性不提供任何明示或暗示的担保。某些 州不允许排除暗示的担保。上述排除可能不适用于您。此担保赋予您特定的法律权利。您还可能有其它权利,在不同的州 内,这些权利可能不同 版权所有@2002 Macromedia,Inc.保留所有权利。未经 Macromedia,Inc.事先书面许可,本手册及其任何部分都不允 许拷贝、影印、复制、翻译或转换成任何电子形式或机器叮读的形式 导演: Erick vera 撰稿: Jody Bleyle、 JuLee Burdekin、 Mary Burger、 Dale Crawford、 Marcelle Taylor 设计指导: Stephanie Gowin、 Barbara nelson 编辑: Rosana francescato、 Lisa stanziano、 Anne szabla 多媒体设计和制作: Aaron Begley、 Benjamin Salles: Noah Zilberberg 印刷设计和制作: Chris basmajian、Caro 产品中文化:保捷环球电脑软件公司( Bowne Global Solutions)、 Julia Chen、 Michael Dominguez. Cristina Guembe Yoshika Hedberg、 Tim Hussey、 Masayo“ Noppe"Noda、 Simone pux、 Yoko Shindo, Yuko Yagi 第一版:2002年7月 Macromedia, Inc. 600 Townsend St. San Francisco, CA 94103
商标 Afterburner、AppletAce、Attain、Attain Enterprise Learning System、Attain Essentials、Attain Objects for Dreamweaver、 Authorware、Authorware Attain、Authorware Interactive Studio、Authorware Star、Authorware Synergy、Backstage、 Backstage Designer、 Backstage Desktop Studio、 Backstage Enterprise Studio、 Backstage Internet Studio、 Design in Motion、 Director、 Director Multimedia Studio、 Doc Around the Clock、 Dreamweaver、 Dreamweaver Attain、 Drumbeat、Drumbeat 2000、Extreme 3D、Fireworks、Flash、Fontographer、FreeHand、FreeHand Graphics Studio、 Generator、 Generator Developer's Studio、 Generator Dynamic Graphics Server、 Knowledge Objects、 Knowledge Stream、 Knowledge Track、 Lingo、 Live Effects、 Macromedia、 Macromedia M 徽标和图案、 Macromedia Flash、 Macromedia Xres、Macromind、Macromind Action、MAGIC、Mediamaker、Object Authoring、Power Applets、Priority Access、 Roundtrip HTML、 Scriptlets、 SoundEdit、 ShockRave、 Shockmachine、 Shockwave、 Shockwave Remote、 Shockwave Internet Studio、 Showcase、 Tools to Power Your Ideas、 Universal Media、 Virtuoso、 Web Design 101、 Whirlwind 和 Xtra 是 Macromedia, Inc. 的商标，可能已经在美国或其它管辖区甚至世界范围内注册。本出版物中提到的 其它产品名称、徽标、图案、标题、文字或短语可能是 Macromedia, Inc. 或其它实体的商标、服务标志或商品名称，并且 可能已经在特定的管辖区甚至世界范围内注册。 第三方信息 语音压缩和解压技术由 Nellymoser, Inc. (www.nellymoser.com) 提供许可。 Sorenson™ Spark™ 视频压缩和解压技术由 Sorenson Media, Inc. 提供许可。 本指南包含指向第三方 Web 站点的链接，这些站点不由 Macromedia 控制， Macromedia 不对 所链接的任何站点的内容负责。如果要访问本指南提到的第三方 Web 站点，您应自己承担因此而带来的风险。 Macromedia 提供这些链接只是为您提供方便。包含这些链接并不意味着 Macromedia 为这些第三方站点的内容提供担保 或承担责任。 Apple 公司免责声明 APPLE COMPUTER, INC. 对所附计算机软件包的适销性或用于特定目的的适用性不提供任何明示或暗示的担保。某些 州不允许排除暗示的担保。上述排除可能不适用于您。此担保赋予您特定的法律权利。您还可能有其它权利，在不同的州 内，这些权利可能不同。 版权所有 © 2002 Macromedia, Inc. 保留所有权利。未经 Macromedia, Inc. 事先书面许可，本手册及其任何部分都不允 许拷贝、影印、复制、翻译或转换成任何电子形式或机器可读的形式。 致谢 导演：Erick Vera 制片：Wayne Wieseler 撰稿：Jody Bleyle、 JuLee Burdekin、 Mary Burger、 Dale Crawford、 Marcelle Taylor 设计指导：Stephanie Gowin、 Barbara Nelson 编辑：Rosana Francescato、 Lisa Stanziano、 Anne Szabla 多媒体设计和制作：Aaron Begley、 Benjamin Salles、 Noah Zilberberg 印刷设计和制作：Chris Basmajian、 Caroline Branch 产品中文化：保捷环球电脑软件公司 (Bowne Global Solutions)、 Julia Chen、 Michael Dominguez、 Cristina Guembe、 Yoshika Hedberg、 Tim Hussey、 Masayo “Noppe” Noda、 Simone Pux、 Yoko Shindo、 Yuko Yagi 第一版：2002 年 7 月 Macromedia, Inc. 600 Townsend St. San Francisco, CA 94103
目录 基础知识 查看完成的影片 分析 stiletto.fa文件 定义新文档属性和创建渐变背景. 创建矢量图并为其添加遮罩 在影片剪辑中补间位图效果 在运行时载入动态文本 向按钮添加动画和导航 添加声音流和事件声音 组织“库”面板 测试下载性能,然后发布该影片 动作脚本教程简介 观看完成的影片 保存并获取信息 在动态文本框中显示信息 67 编写表达式 控制影片的流向 创建命令并重用代码. 使用内置对象 测试影片 后续步骤 第3章 组件教程简介 组件类型 查看完成的窗体 创建窗体
3 目 录 第 1 章 Flash MX 教程简介 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 基础知识. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .5 查看完成的影片 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6 分析 stiletto.fla 文件 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .7 定义新文档属性和创建渐变背景. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12 创建矢量图并为其添加遮罩 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .20 在影片剪辑中补间位图效果 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .30 在运行时载入动态文本 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .37 向按钮添加动画和导航 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .42 添加声音流和事件声音 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .48 组织 “库”面板. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .49 测试下载性能，然后发布该影片. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .51 后续步骤. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .55 第 2 章 动作脚本教程简介 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57 观看完成的影片 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .58 初始化影片 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .61 保存并获取信息 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .65 在动态文本框中显示信息 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .67 编写表达式 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .69 控制影片的流向 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .72 创建命令并重用代码. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .73 使用内置对象 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .78 测试影片. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .80 后续步骤. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .82 第 3 章 组件教程简介. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83 组件类型. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .83 查看完成的窗体 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .84 创建窗体. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .84 后续步骤. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .93
4目录
4 目 录
第1章 Flash mX教程简介 本教程将指导您使用 Macromedia flash mX创建精彩的Web内容。学完本教程后,您将学会 如何设计影片,从打开一个新文档直到将影片发布到Web上进行播放。取决于您的经验和功 力,学完本教程大约需要3个小时左右,您将学会如何完成下列任务: ·分析完成的影片 定义文档属性和创建渐变 创建矢量图并为其添加遮罩 ·在影片剪辑中补间位图效果 载入动态文本 ·修改按钮和添加导航 添加声音流和事件声音 ·测试和发布影片 建议您按顺序完成本教程包含的八个部分,当然您也可以只选择浏览您感兴趣的部分。如果不按 顺序完成此教程,请记住,后面的部分假定您已掌握了前几部分介绍的技巧 甚础知识 在开始学习本教程之前,请完成 Flash帮助中的七课。这些在 Flash中创作的交互式课程将向您 介绍完成本教程所需的概念。课程主题包括以下方面: · Flash mx入门 · Flash说 ·添加和编辑文本 ·创建和编辑元件 了解图层 创建按钮 ·创建补间动画 要学习课程,请选择“帮助”>“课程”,然后从列表中进行选择
5 第 1 章 Flash MX 教程简介 本教程将指导您使用 Macromedia Flash MX 创建精彩的 Web 内容。学完本教程后，您将学会 如何设计影片，从打开一个新文档直到将影片发布到 Web 上进行播放。取决于您的经验和功 力，学完本教程大约需要 3 个小时左右，您将学会如何完成下列任务： • 分析完成的影片 • 定义文档属性和创建渐变 • 创建矢量图并为其添加遮罩 • 在影片剪辑中补间位图效果 • 载入动态文本 • 修改按钮和添加导航 • 添加声音流和事件声音 • 测试和发布影片 建议您按顺序完成本教程包含的八个部分，当然您也可以只选择浏览您感兴趣的部分。如果不按 顺序完成此教程，请记住，后面的部分假定您已掌握了前几部分介绍的技巧。 基础知识 在开始学习本教程之前，请完成 Flash 帮助中的七课。这些在 Flash 中创作的交互式课程将向您 介绍完成本教程所需的概念。课程主题包括以下方面： • Flash MX 入门 • Flash 说明 • 添加和编辑文本 • 创建和编辑元件 • 了解图层 • 创建按钮 • 创建补间动画 要学习课程，请选择 “帮助” > “课程”，然后从列表中进行选择
查看完成的影片 您可以打开一个已完成的教程影片,从而更好地理解完成的文件将如何显示出来 在本节中,您将完成以下任务 ·使用属性检查器和影片浏览器分析完成的影片 检查影片剪辑,并认识它与主影片的关系 查看影片中包括的资产类型 1在 Flash mX应用程序文件夹中,浏览到 Tutorials/ Flashintro并双击 stiletto.wf,可以在单 独的 Flash Player中打开完成的影片。 已发布的 Flash影片的扩展名为SWF;创作环境中的文档的扩展名为FLA 2当影片打开时,观察汽车的三个淡入淡出的视图 您可以在影片剪辑中通过补间位图效果来创建此 3聆听影片放映时连续播放的声音。这就是声音流的范例。 4将指针沿着窗口的右下沿滑过三个按钮,査看指针滑过的效果,并倾听毎个按钮中包含的事 件声音 5单击一个按钮,查看它所链接的位置,然后关闭打开的浏览器并返回到SWF文件 6查看完影片之后,单击其关闭框 6第1章
6 第 1 章 查看完成的影片 您可以打开一个已完成的教程影片，从而更好地理解完成的文件将如何显示出来。 在本节中，您将完成以下任务： • 使用属性检查器和影片浏览器分析完成的影片 • 检查影片剪辑，并认识它与主影片的关系 • 查看影片中包括的资产类型 1 在 Flash MX 应用程序文件夹中，浏览到 Tutorials/FlashIntro 并双击 stiletto.swf，可以在单 独的 Flash Player 中打开完成的影片。 已发布的 Flash 影片的扩展名为 SWF ；创作环境中的文档的扩展名为 FLA。 2 当影片打开时，观察汽车的三个淡入淡出的视图。 您可以在影片剪辑中通过补间位图效果来创建此动画。 3 聆听影片放映时连续播放的声音。这就是声音流的范例。 4 将指针沿着窗口的右下沿滑过三个按钮，查看指针滑过的效果，并倾听每个按钮中包含的事 件声音。 5 单击一个按钮，查看它所链接的位置，然后关闭打开的浏览器并返回到 SWF 文件。 6 查看完影片之后，单击其关闭框
分析 stiletto. fla文件 分析完成的HLA文件有助于査看作者是如何设计文档的。要分析该文件,您可以查看对象的属 性、查看时间轴和舞台、查看库资产,以及使用影片浏览器 1在 Flash中,选择“文件”>“打开”。定位到 Flash应用程序文件夹,打开 Tutorials FlashIntro/stiletto. fla 现在您可以在创作环境中查看完成的教程影片了。 拖动分隔舞台和时间轴的栏 00入文D制⊙口杯的 起色愿 口s115如25 44505560 e a da nd 2 .4[Dm La chernow EP 大小:6408230素量回被:印 2要查看主时间轴中的所有图层,请向下拖动分隔舞台和时间轴的栏 3在时间轴上,解除锁定Copy图层和 Images图层 Flash MX教程简介
Flash MX 教程简介 7 分析 stiletto.fla 文件 分析完成的 FLA 文件有助于查看作者是如何设计文档的。要分析该文件，您可以查看对象的属 性、查看时间轴和舞台、查看库资产，以及使用影片浏览器。 1 在 Flash 中，选择 “文件” > “打开” 。定位到 Flash 应用程序文件夹，打开 Tutorials/ FlashIntro/stiletto.fla。 现在您可以在创作环境中查看完成的教程影片了。 2 要查看主时间轴中的所有图层，请向下拖动分隔舞台和时间轴的栏。 3 在时间轴上，解除锁定 Copy 图层和 Images 图层。 拖动分隔舞台和时间轴的栏
查看文档属性 属性检査器使您可以査看所选对象的规格。规格取决于所选对象的类型。例如,如果选择了文本 对象,将会显示查看和修改文本属性的设置 1如果属性检査器没有打开,请选择“窗口”>“属性”。 2如果需要,在舞台中向下滚动,然后在完成的SWF文件中选择显示描述性文本的矩形块。文 本不会出现在FLA文件中,因为它是从外部TXT文件载入到动态文本字段中的。 Z.EV. filet 文本框 在属性检査器中,可以査看文本的大小、样式和颜色,以及其它属性。 A三A 12B当 本工具 心ph正常自动调整字距格式 心回厂使用设备字体 如果属性检査器没有完全展开,请单击右下角的白色三角。 3在舞台中,选择汽车。 影片剪辑设置将代替文本设置。影片剪辑是带有各自时间轴的元件。您可以将它们看作是影 片中的影片。 8第1章
8 第 1 章 查看文档属性 属性检查器使您可以查看所选对象的规格。规格取决于所选对象的类型。例如，如果选择了文本 对象，将会显示查看和修改文本属性的设置。 1 如果属性检查器没有打开，请选择 “窗口” > “属性”。 2 如果需要，在舞台中向下滚动，然后在完成的 SWF 文件中选择显示描述性文本的矩形块。文 本不会出现在 FLA 文件中，因为它是从外部 TXT 文件载入到动态文本字段中的。 在属性检查器中，可以查看文本的大小、样式和颜色，以及其它属性。 如果属性检查器没有完全展开，请单击右下角的白色三角。 3 在舞台中，选择汽车。 影片剪辑设置将代替文本设置。影片剪辑是带有各自时间轴的元件。您可以将它们看作是影 片中的影片。 文本框
查看影片剪 现在,您将打开元件编辑模式,查看影片剪辑的时间轴 1在舞台上,双击汽车的影片剪辑 就像在“创建补间动画”一课中学习的一样,您可以在关键帧中定义动画中的更改。当滚动 时间轴时,请注意哪些图层中有关键帧,以及哪些帧是关键帧。 包括内容的起始关键帧和中间关键帧在时间轴中以实心圆表示,结束关键帧则显示为小矩形 框 2在时间轴中,选择播放头,然后沿着帧慢慢拖动它 随着时间轴中的更改,观察舞台中动作的相应变化。随着播放头的移动,影片也就顺序播放。 您可以向影片中添加动作脚本( Flash脚本撰写语言),以使播放头跳到特定的咖 3看完影片剪辑后,执行以下一种操作即可回到主影片 选择“编辑”>“编辑文档”。 ·单击“返回”按钮 ·单击舞台上的“场景1”。 查库资产 “库”面板包含文档中的元件以及导入对象。 1如果“库”面板没有打开,请选择“窗口”>“库”。 2如果需要,拖动“库”面板将其放大,以便查看库中的对象。 3如果 Artwork文件夹没有展开,请双击它查看该文件夹中的对象 单击 viewl. png,在“库”面板的顶部预览区域中查看该图像 展开“库”面板中的其它文件夹,査看文档中包括的资产,例如按钮和影片剪辑 Flash MX教程简介9
Flash MX 教程简介 9 查看影片剪辑 现在，您将打开元件编辑模式，查看影片剪辑的时间轴。 1 在舞台上，双击汽车的影片剪辑。 就像在 “创建补间动画”一课中学习的一样，您可以在关键帧中定义动画中的更改。当滚动 时间轴时，请注意哪些图层中有关键帧，以及哪些帧是关键帧。 包括内容的起始关键帧和中间关键帧在时间轴中以实心圆表示，结束关键帧则显示为小矩形 框。 2 在时间轴中，选择播放头，然后沿着帧慢慢拖动它。 随着时间轴中的更改，观察舞台中动作的相应变化。随着播放头的移动，影片也就顺序播放。 您可以向影片中添加动作脚本 （Flash 脚本撰写语言），以使播放头跳到特定的帧。 3 看完影片剪辑后，执行以下一种操作即可回到主影片： • 选择 “编辑” > “编辑文档”。 • 单击 “返回”按钮。 • 单击舞台上的 “场景 1”。 查看库资产 “库”面板包含文档中的元件以及导入对象。 1 如果 “库”面板没有打开，请选择 “窗口” > “库”。 2 如果需要，拖动 “库”面板将其放大，以便查看库中的对象。 3 如果 Artwork 文件夹没有展开，请双击它查看该文件夹中的对象。 4 单击 view1.png，在 “库”面板的顶部预览区域中查看该图像。 5 展开 “库”面板中的其它文件夹，查看文档中包括的资产，例如按钮和影片剪辑
6查看完资产之后,请关闭“库”面板 里vi 文件夹 白 Button2 a Button Movie Clips 国 But ton Animati on 影片剪辑 图 utton Color-BLE 影片 E Button Color-YELLDY 影片剪辑 Car Animation Movie Clips Car Animatic 影片剪辑 影片剪辑 围ve2car 影片剪辑 E view 3 Car 影片剪辑 a Sounds 文件夹 4s ping. mp3 非 trackI,m3 声音 用影片浏览器分析影片结构 影片浏览器有助于排列、定位和编辑媒体。影片浏览器通过分层树结枃提供有关影片的组织和流 的信息,这在分析别人创作的影片时特别有用 1如果影片浏览器还没有打开,请选择“窗口”>“影片浏览器 2如果需要,扩大影片浏览器,以便査看窗格中的树形结构。 影片浏览器的过滤按钮用于显示或隐藏信息 10第1章
10 第 1 章 6 查看完资产之后，请关闭 “库”面板。 用影片浏览器分析影片结构 影片浏览器有助于排列、定位和编辑媒体。影片浏览器通过分层树结构提供有关影片的组织和流 的信息，这在分析别人创作的影片时特别有用。 1 如果影片浏览器还没有打开，请选择 “窗口” > “影片浏览器”。 2 如果需要，扩大影片浏览器，以便查看窗格中的树形结构。 影片浏览器的过滤按钮用于显示或隐藏信息