Flash MX教程.docx
《Flash MX教程.docx》由会员分享，可在线阅读，更多相关《Flash MX教程.docx（95页珍藏版）》请在冰豆网上搜索。
FlashMX教程
总目录
第1课推门而入------制作第一个动画
教学目的：
熟悉FlashMX2004工作环境，了解一个Flash影片的创建过程，理解Flash影片的文件格式，掌握Flash影片的保存、测试、导出方法。
第1课附录认识FlashMX2004工作环境
第2课基本绘图工具
（一）
教学目的：
熟练掌握“线条工具”、“滴管工具”、“墨水瓶工具”、“选择工具”、“颜料桶工具”、“刷子工具”、“任意变形工具”的使用方法和技巧。
掌握一片树叶、一个树枝的绘制方法，并在实践过程中理解Flash构造图形的方法。
第3课基本绘图工具
（二）
教学目的：
熟练掌握“椭圆工具”、“矩形工具”、“铅笔工具”、“部分选取工具”、“填充变形工具”、“索套工具”、“橡皮擦工具”的使用方法和技巧。
进一步掌握Flash构造图形的方法。
第4课绘图综合练习
教学目的：
熟练掌握“变形”面板、“混色器”面板的使用方法，理解构造复杂图形时图层的使用方法，掌握将线条转化为填充及优化的方法，熟悉图形设置中“高级效果”的调整方法。
第5课逐帧动画
教学目的：
理解逐帧动画的工作原理，熟练掌握逐帧动画的制作方法。
第6课形状补间动画
教学目的：
理解形状补间动画的工作原理，熟练掌握形状补间动画的制作方法。
第7课动作补间动画
教学目的：
理解动作补间动画的工作原理，熟练掌握动作补间动画的制作方法。
第8课遮照动画
教学目的：
理解遮照动画的工作原理，熟练掌握遮照动画的制作方法。
第9课沿路径动画
教学目的：
如何创建多层引导路径动画，熟练用文字做路径和创建光芒四射的星星的方法。
第10课交互动画的灵魂------按钮
教学目的：
学习用按钮控制动画的播放，掌握创建按钮的方法。
第11课MC（影片剪辑）的应用实例------仿三维空间效果
教学目的：
通过mc制作仿三维空间，掌握跳转并播放帧语句的应用方法。
第12课声音
教学目的：
理解按钮制作的原理，掌握给按钮添加声效和给背景添加声音的方法。
第13课时间轴特效
教学目的：
理解时间轴特效的原理。
掌握时间轴特效的制作方法及如何扩展时间轴特效功能。
第14课行为
教学目的：
理解并应用行为，学习用行为实现“随意拖动外部加载的图像”动画效果。
第15课对象类型以及绘画、动画技巧
（一）
教学目的：
Flash能够接受的对象类型包括：
形状、组、元件（图形元件、按钮元件、影片剪辑元件）、位图、文字、声音、视频等。
不同类型的对象功能不尽相同，运用的场合也不一样。
对不同类型的对象充分理解并在动画制作中合理应用，是每一个入门闪客必须掌握的基本功。
理解形状、组的特征以及绘画、动画应用。
第16课对象类型以及绘画、动画技巧
（二）
教学目的：
第17课动画交互的简单控制
教学目的：
第1课（附录）认识FlashMX2004
MacromediaFlash以便捷、完美、舒适的动画编辑环境，深受广大动画制作爱好者的喜爱，在制作动画之前，我们先对工作环境中的菜单、工具、面板等分别作详细的介绍，包括一些基本的操作方法和工作环境的组织和安排。
1. 初识FlashMX2004
运行FlashMX2004，首先映入我们眼帘的是操作的“开始”页面。
页面中列出了一些常用的任务，左边是打开最近用过的项目，中间是创建各种类型的新项目、右边是从模板创建各种动画文件。
单击【创建新项目】下的【Flash文档】，这样就创建了一个新的动画文件。
Flash的工作界面由几个主要部分组成，最上方的是“主菜单栏”；执行【窗口】|【工具栏】|【主工具栏】命令，可在“主菜单栏”下方打开“主工具栏”；“主工具栏”的下方是“文档选项卡”，用于切换打开的当前文档；“时间轴”和“舞台”位于工作界面的中心位置；左边是功能强大的“工具箱”，用于创建和修改矢量图形内容；多个“面板”围绕在“舞台”的下面和右面，包括常用的【属性】和【帮助】面板，还有【设计面板】和【开发面板】，如图1-2-1所示。
图1-2-1工作界面（单击图片放大观看）
2. 文档选项卡
新建或打开一个文档时，在“时间轴”的上方会显示出“文档选项卡”。
如果打开或创建多个文档，“文档名称”将按文档创建的先后顺序显示在“文档选项卡”中，单击文件名称，可以在多个文档之间进行快速切换。
用鼠标右键单击“文档选项卡”，在弹出的菜单中可以快速实现【新建】、【打开】、【保存】等功能，如图1-2-4所示。
图1-2-4文档选项卡
3. 时间轴
“时间轴”用于组织和控制文档内容在一定时间内播放的图层数和帧数。
“图层”就像堆叠在一起的多张幻灯胶片一样，每个层中都排放着自己的对象。
提到动画，第一个会联想到的是小时候最喜欢看的卡通影片，这些卡通影片，都是事先绘制好一帧一帧的连续动作的图片，然后让它们连续播放，利用人的“视觉暂留”特性，在大脑中便形成了动画效果。
Flash动画的制作原理也一样，它是把绘制出来的对象放到一格格的帧中，然后再来播放。
时间轴的一些功能介绍如图1-2-5所示。
图1-2-5时间轴
4. 工具箱
位于工作界面左边长条形状就是工具箱，工具箱是Flash最常用到的一个面板，用鼠标单击的方式能选中其中的各种工具，如图1-2-6所示。
图1-2-6工具箱
我们可以自定义工具箱中的工具编排，执行【编辑】|【自定义工具面板】命令，打开【自定义工具栏】对话框，可以根据需要和个人喜好重新安排和组合工具的位置，如图1-2-7所示。
在【可用工具】选项列表框中选择工具，单击【增加】按钮就可以将你选择的工具添加到【当前选择】中。
单击【恢复默认值】按钮就可以恢复系统默认的工具设置。
图1-2-7【自定义工具栏】对话框
5. 舞台
“舞台”位于工作界面的正中间部位，是放置动画内容的区域。
这些内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。
可以在【属性】面板中设置和改变“舞台”的大小，默认状态下，“舞台”的宽为550像素，高为400像素，如图1-2-8所示。
图1-2-8舞台
工作时根据需要可以改变“舞台“显示的比例大小，可以在“时间轴”右上角的“显示比例”中设置显示比例，最小比例为8%，最大比例为2000%，在下拉菜单中有三个选项，【符合窗口大小】选项用来自动调节到最合适的舞台比例大小；【显示帧】选项可以显示当前帧的内容；【全部显示】选项能显示整个工作区中包括在“舞台”之外的元素，如图1-2-9所示。
图1-2-9舞台显示比例
选择工具箱中的【手形工具】
，在舞台上拖动鼠标可平移舞台；选择【缩放工具】
，在舞台上单击可放大或缩放舞台的显示；选择【缩放工具】后，在工具箱的【选项】下会显示出两个按钮，分别为【放大】
和【缩小】
，分别单击它们可在“放大视图工具”与“缩小视图工具”之间切换，如图1-2-10所示；选择选择【缩放工具】后，按住键盘上的Alt键，单击舞台，可快捷缩小视图。
图1-2-10缩放工具的选项
6. 常用面板
FlashMX2004有很多面板，默认状态下，在“舞台”的正下方有三个比较常用的浮动面板，分别是【帮助】面板、【动作】面板和【属性】面板，单击面板的“标题栏”，可以依次展开它们，如图1-2-11所示。
再次单击标题栏，可最小化面板。
拖动面板左侧的
到舞台上，可将面板独立出来，成为窗口显示模式，如图1-2-12所示。
展开面板后，单击面板右上角的
按钮，在弹出的面板选项菜单中选择【关闭面板】命令，可将面板关闭，想再次打开面板时，可执行【窗口】菜单中的相关命令即可。
如果想回到默认时的面板布局状态，可执行【窗口】|【面板设置】|【默认布局】命令。
图1-2-11展开的三个常用面板
（1）【帮助】面板
【帮助】面板可以随时对软件的使用或动作脚本语法进行查询，使用户更好地使用软件的各种功能。
如果从未使用过Flash，或者只使用过有限的一部分功能，可以从【如何】选项卡开始学习。
面板上的【帮助】选项卡用来显示常规帮助信息，在其右上方有一组快速访问的工具按钮，单击【搜索】按钮
，在文本框中输入词条或短语，然后单击【搜索】按钮，包含该词条或短语的主题列表即会显示出来。
单击【更新】按钮
，可获得新的信息。
如果有新的信息提示，确认连接到Internet，可按照说明来下载帮助系统，如图1-2-12所示。
图1-2-12【帮助】面板
（2）【动作】面板
【动作】面板是主要的【开发面板】之一，是动作脚本的编辑器，我们会在后面的动作脚本章节中具体讲解，如图1-2-13所示。
图1-2-13【动作】面板
（3）【属性】面板
【属性】面板可以很容易地访问舞台或时间轴上当前选定项的最常用属性，也可以在面板中更改对象或文档的属性，我们将在后面的章节中具体应用，如图1-2-14所示。
图1-2-14【属性】面板
7. 设计面板
打开【窗口】中【设计面板】菜单，在菜单中可以看到所有的“设计面板”，单击面板的名称，就可以打开或关闭相应的面板。
默认状态下，打开的“设计面板”分布在舞台右侧的面板组中。
“设计面板”包括【对齐】面板、【颜色样本】面板、【混色器】面板、【信息】面板、【场景】面板和【变形】六个面板。
（1）【对齐】面板
【对齐】面板可以重新调整选定对象的对齐方式和分布。
【对齐】面板分为五个区域：
【相对于舞台】：
按下此按钮后可以调整选定对象相对于舞台尺寸的对齐方式和分布；如果没有按下此按钮则是两个以上对象之间的相互对齐和分布。
【对齐】：
用于调整选定对象的左对齐、水平中齐、右对齐、上对齐、垂直中齐和底对齐。
【分布】：
用于调整选定对象的顶部、水平居中和底部分布，以及左侧、垂直居中和右侧分布。
【匹配大小】：
用于调整选定对象的匹配宽度、匹配高度或匹配宽和高。
【间隔】：
用于调整选定对象的水平间隔和垂直间隔。
如图1-2-15所示。
图1-2-15【对齐】面板
（2）【颜色样本】面板
【颜色样本】面板为我们提供了最为常用的“颜色”，并且能“添加颜色”和“保存颜色”。
用鼠标单击的方式可选择需要的常用颜色，如图1-2-16所示。
图1-2-16【颜色样本】面板
（3）【混色器】面板
用【混色器】面板可以创建和编辑“笔触颜色”和“填充颜色”的颜色。
默认为RGB模式，显示红、绿和蓝的颜色值，“Alpha值”用来指定颜色的透明度，其范围在0%~100%，0%为完全透明，100%为完全不透明。
“十六进制编辑文本框”显示的是以“#”开头十六进制模式的颜色代码，可直接输入。
可以在面板的“颜色空间”单击鼠标，选择一种颜色，上下拖动右边的“亮度控件”可调整颜色的亮度，如图1-2-17所示。
在后面的章节中，我们将会具体应用它。
图1-2-17【混色器】面板
（4）【信息】面板
【信息】面板可以查看对象的大小、位置、颜色和鼠标指针的信息。
面板分为四个区域：
左上方显示对象的【宽】和【高】信息；右上方显示对象的【X】轴和【Y】轴坐标信息，要显示对象注册点（中心点）的坐标，单击“坐标网格”的中心方框，要显示左上角的坐标，单击“坐标网格”中的左上角方框；左下方显示在舞台中鼠标位置处的颜色值与Alpha值得；右下方显示鼠标的【X】轴和【Y】轴坐标信息，如图1-2-19所示。
图1-2-19【信息】面板
（5）【场景】面板
一个动画可以有多个场景组成，【场景】面板中显示了当前动画的场景数量和播放的先后顺序。
当动画包含多个场景时，将按照它们在【场景】面板中的先后顺序进行播放，动画中的“帧”是按“场景”顺序连续编号的，例如：
如果影片中包含两个场景，每个场景有10帧，则场景2中的帧的编号为11到20。
单击【场景】面板下方的三个按钮可以执行“复制”、“添加”和“删除”场景的操作。
双击“场景名称”可以重新命名，上下拖动“场景名称”可以调整“场景”的先后顺序，如图1-2-20所示。
图1-2-20【场景】面板
（6）【变形】面板
【变形】面板可以对选定对象执行缩放、旋转、倾斜和创建副本的操作。
【变形】面板分为三个区域：
最上面的是缩放区，可以输入“垂直”和“水平”缩放的百分比值，选中【约束】复选框，可以使对象按原来的长宽比例进行缩放；选中【旋转】，可输入旋转角度，使对象旋转；选中【倾斜】，可输入“水平”和“垂直”角度来倾斜对象；单击面板下方的【复制并应用变形】按钮
，可执行变形操作并且复制对象的副本；单击【重置】按钮
，可恢复上一部的变形操作，如图1-2-21所示。
图1-2-21【变形】面板
8. 开发面板
打开【窗口】中【开发面板】菜单，从菜单中可以看到所有的“开发面板”，单击面板的名称可以打开或关闭相应面板。
默认状态打开的一些“开发面板”分布在舞台右侧的面板组中。
【开发面板】包括【动作】、【组件】、【组件检查器】、【输出】、【调试器】、【行为】和【Web服务】面板。
【动作】面板在前面已经介绍过了，下面我们来分别介绍其他六个“开发面板”的功能和使用方法。
（1）【组件】面板
利用【组件】面板可以查看所有“组件”，并可以在创作过程中将“组件”添加到动画中。
“组件”是应用程序的封装构建模块，使设计人员在没有“动作脚本”时也能使用和自定义这些功能。
一个“组件”就是一段影片剪辑。
所有“组件”都存储在【组件】面板中，包含“数据组件”、“媒体组件”、和“用户界面（UI））组件”，如图1-2-22所示。
图1-2-22【组件】面板
（2）【组件检查器】面板
在【组件】面板中，将“组件”拖动到舞台上，可创建该“组件”的一个实例，选中“组件”实例，可以在【组件检查器】面板中查看“组件”属性、设置“组件”实例的参数等，如图1-2-23所示。
图1-2-23【组件检查器】面板
（3）【调试器】面板
使用【调试器】面板可以发现影片中的错误。
执行【控制】|【调试影片】命令，激活【调试器】面板。
在测试模式下使用【调试器】面板可以对本地文件进行测试，也可以测试远程位置的Web服务器上的文件。
可以在【调试器】面板设置动作脚本中的“断点”，以便产生正确的结果，如图1-2-24所示。
图1-2-24【调试器】面板
（4）【输出】面板
【输出】面板在测试文档模式下，窗口可以自动显示一些提示信息，例如语法错误，有助于排除影片中的错误。
如果在脚本中使用“trace”动作，影片运行时，可以向【输出】面板发送特定的“信息”，并在面板中显示出来，这些信息包括影片状态说明或者表达式的值。
通过使用“对象列表”和“变量列表”命令，可以显示其它信息，如图1-2-25和1-2-26所示。
图1-2-25【输出】面板错误提示
图1-2-26【输出】面板输出信息
（5）【行为】面板
利用【行为】面板，可以无需编写代码即可为动画添加交互性，如链接到Web站点、载入声音和图形、控制嵌入视频的回放、播放影片剪辑以及触发数据源。
通过单击面板上的【添加行为】按钮
来添加相关的事件和动作，添加完的事件和动作显示在【行为】面板中，如图1-2-27所示。
图1-2-27【行为】面板
（6）【Web服务】面板
通过【Web服务】面板，开发人员可以使用Web服务作为客户机和服务器之间的数据交换机制，使用简单对象访问协议（SOAP）来实现前台与后台程序之间的数据交换。
单击【Web服务】面板上的【定义Web服务】按钮，弹出【定义Web服务】对话框，可在此对话框中添加和删除Web服务的URL，如图1-2-28和1-2-29所示。
图1-2-28【Web服务】面板
图1-2-29【定义Web服务】对话框
9. 其他面板
打开【窗口】下的【其他面板】菜单，从菜单中可以查看到所有的其他面板，单击面板名称可以打开相应的面板。
“其他面板”包括【辅助功能】、【影片浏览器】、【历史纪录】、【字符串】和【公用库】面板。
（1）【辅助功能】面板
【辅助功能】面板可为个别Flash对象或整个Flash应用程序设置辅助功能选项。
在【舞台】上选择了一个对象，打开【辅助功能】面板，可以设置“使对象可访问”和“使子对象可访问”，并且指定访问对象的“名称”、“描述”、“快捷键”和“Tab键索引”，如图1-2-30所示。
图1-2-30【辅助功能】面板
（2）【历史纪录】面板
【历史记录】面板能跟踪操作，显示自创建或打开某个文档以来，执行的步骤列表。
列表中的数目默认情况下为100，可以在Flash的“首选参数”中设置撤消和重做的级别数，使用【历史记录】面板可以一次撤消或重做个别步骤或多个步骤。
单击右上角的
按钮，在弹出的菜单中选择【保存为命令】，可以将一个步骤或一组步骤保存为可重复使用的“命令”，如图1-2-31所示。
图1-2-31【历史记录】面板
（3）【影片浏览器】面板
利用【影片浏览器】面板可以轻松地查看和组织文档的内容，以及在文档中选择元素进行修改。
可以在【影片浏览器】中有选择地显示文档中的项目类别，项目包括“文本”、“按钮、影片剪辑和图形”、“动作脚本”、“视频、声音和位图”和“帧和图层”，包含当前使用的元素的“显示列表”，该列表显示为一个可导航的分层结构树。
可以展开和折叠导航树，如图1-2-32所示。
图1-2-32【影片浏览器】面板
单击【影片浏览器】面板上的最后一个【自定义要显示的项目】按钮，打开【影片管理设置】对话框，在对话框中可以设置需要显示的内容和上下文，如图1-2-33所示。
图1-2-33【影片管理器设置】对话框
（4）【字符串】面板
【字符串】面板提供了简化的多语言文本创作流程。
可以实现用一种语言创作FLA文件，以多种语言发布Flash内容。
用其它语言输入的任何文本必须位于“动态文本”或“输入文本”字段内。
还可以为每种指定的语言创建外部XML文件。
首先要单击【字符串】面板上的【设置】按钮，打开【设置】对话框，在对话框中选择要发布的语言，并将其中的一种选为默认语言，确定以后再回到【字符串】面板添加对应语言的文本内容，如图1-2-34和1-2-35所示。
图1-2-34【设置】对话框
图1-2-35【字符串】面板
（5）【公用库】面板
关于【库】和【公用库】面板，我们将在第四章中具体介绍。
图1-2-38【按钮】公用库
10. 使用网格、辅助线和标尺
网格、标尺和辅助线可以帮助我们精确地勾画和安排对象。
（1）使用网格
对于“网格”的应用主要有“显示网格”、“编辑网格”和“对齐网格”三个功能。
执行【视图】|【网格】|【显示网格】命令，可以显示或隐藏“网格线”，如图1-2-40所示。
图1-2-40显示网格
执行【视图】|【网格】|【编辑网格】命令，打开编辑【网格】对话框，在对话框中可编辑网格的各种属性，如图1-2-41所示。
图1-2-41【网格】对话框
完成“网格”的编辑后，制作一些规范图形将变得很方便，可以提高工作效率，如图1-2-42所示。
图1-2-42“网格”的应用
（2）使用标尺
我们可以使用“标尺”来度量对象的大小比例。
执行【视图】|【标尺】命令，可以显示或隐藏【标尺】。
显示在工作区左边的是“垂直标尺”，用来测量对象的高度；显示在工作区上边的是“水平标尺”，用来测量对象的宽度。
舞台的左上角为“标尺”的“零起点”，如图1-2-43所示。
如图1-2-43显示标尺
执行【修改】|【文档】命令，打开【文档属性】对话框，在【标尺单位】下拉菜单中可选择合适的单位，如图1-2-44所示。
如图1-2-44设置“标尺单位”
（3）使用辅助线
首先要确认“标尺”处于显示状态，在“水平标尺”或“垂直标尺”上按下鼠标并拖动到舞台上，“水平辅助线”或者“垂直辅助线”就被制作出来了，【辅助线】默认的颜色为“绿色”，如图1-2-45所示。
图1-2-45拖出“辅助线”
执行【视图】|【辅助线】|【编辑辅助线】命令，打开【辅助线】对话框，可以在对话框中编辑【辅助线】的颜色，选择是否“显示辅助线”、“对齐辅助线”和“锁定辅助线”。
执行【视图】|【辅助线】|【锁定辅助线】命令，可以将辅助线锁定。
执行【视图】|【对齐】|【对齐辅助线】命令，可以将辅助线对齐。
在【辅助线】对话框的【对齐精确度】中可设置“辅助线”的“对齐精确度”，如图1-2-46所示。
图1-2-46【辅助线】的对话框
在【辅助线】处于解锁状态时，选择工具箱中的【选择工具】
，拖动“辅助线”可改变辅助线的位置，拖动“辅助线”到舞台外可以删除辅助线，也可以执行【视图】|【辅助线】|【清除辅助线】命令来删除全部的辅助线。
我们可以应用“辅助线”来对齐一些不规则的对象，如图1-2-47所示。
图1-2-47“辅助线”的应用
第2课绘图
在计算机绘图领域中，根据成图原理和绘制方法的不同，图像分为矢量图和位图两种类型。
矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、颜色等。
矢量图的清晰度与分辨率的大小无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差，如图2-0-1所示是放大了16倍的矢量图效果。
图2-0-1矢量图放大到16倍时依然清晰
位图图像是由像素构成的，像素的多少将决定位图图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。
因此，位图图像的清晰度与分辨率有关。
对位图图像进行放大时，放大的只是像素点，位图图像的四周会出现锯齿状。
如图2-0-2所示是放大了16倍的位图效果。
图2-0-2 位图放大16倍时模糊不清
在Flash动画制作过程中，会大量地运用到矢量图形。
虽然有一些功能强大的矢量图绘制软件，如Corel公司的CorelDraw软件、Macromedia公司的Freehand软件和Adobe公司的Illustrator软件等，而运用Flash自身的矢量绘图功能将会更方便，更快捷。
在这一章里，我们将通过Flash基本绘图工具的学习，绘制出一些简单的矢量图。
另外，Flash也具备一定的位图处理能力，虽然比不上专业的位图处理软件，但是对于制作动画过程中需要对位图的一些简单处理，它还是能够胜任的。
第一节基本绘图工具（上）
Flash提供了各种工具，用来绘制自由形状或准确的线条、形状和路径，并可用来对对象进行上色，如图2-1-1所示是Flash的工具箱。
图2-1-1绘图工具箱
我们将分两节来学习这些工具的使用方法。
在本节中，将学习【线条工具】、【滴管工具】、【墨水瓶工具】、【选择工具】、【刷子工具】、【任意变形工具】、【颜料桶工具】等的基本用法。
1．线条的绘制与处理
【线条工具】是Flash中最简单的工具。
现在我们就来画一条直线。
用鼠标单击【线条工具】
，移动鼠标到舞台上，按住鼠标并拖动，松开鼠标，一条直线就画好了。
用【线条工具】能画出许多风格各异的线条来。
打开【属性】面板，在其中，我们可以定义直线的颜色、粗细和样式，如图2-1-2所示。
图2-1-2直线【属性】面板
在如图2-1-2所示的【属性】面板中，单击其中的【笔触颜色】按钮
，会弹出一个调色板
升级会员 