Flash MX设计与开发教程与实训 第3章 Flash的实用技巧

《Flash MX设计与开发教程与实训 第3章 Flash的实用技巧》由会员分享，可在线阅读，更多相关《Flash MX设计与开发教程与实训 第3章 Flash的实用技巧（91页珍藏版）》请在金锄头文库上搜索。

1、 Flash设计与开发第3章 Flash的实用技巧 第3章 Flash的实用技 巧 n3.1 使用元件、实例和库资源 n3.2 导入外部图像和视频 n3.3 声音文件的处理 Flash设计与开发第3章 Flash的实用技巧教学提示本章我们将学习用Flash MX 2004制作动画 时的一些实用操作，包括如何使用元件、实例和 库资源,如何导入外部图像和视频片段，如何导 入声音并对声音进行各种编辑处理，如何为影片 和按钮添加声音等，这些都是制作Flash动画必 备的知识。 Flash设计与开发第3章 Flash的实用技巧通过本章的学习，掌握导入外部图像和视频片 段的方法，熟练掌握声音文件的处理与应

2、用，能够熟练使用元件及实例来创作动画。 教学要求 Flash设计与开发第3章 Flash的实用技巧3.1.1 元件类型 元件又叫符号或组件，是Flash动画的基本组成 元素，像用于制作动作动画的图形图像、用于人机交 互的按钮、以及用于在影片中循环播放Flash动画片 断的影片剪辑等，都是元件。元件创建后，自动存放在Flash的 “库”里 面。使用时，只需将元件从 “库”面板中拖放到舞 台上，这样就产生了该元件的一个实例。每拖放一次 ，就会产生一个实例。实例不会增加文件的体积。根据内容和功能的不同，元件可分为图 形元件、按钮元件和影片剪辑元件三种类型。 3.1 使用元件、实例和库资 源 Flas

3、h设计与开发第3章 Flash的实用技巧1. 图形元件是可以反复使用的静态图片，主要由静 态的图形图像创建而成。 2. 按钮元件 用于设置观看者与动画之间的交互功能 。当鼠标在按钮上滑过、点击、移开时，按钮 会产生不同的反应。 Flash设计与开发第3章 Flash的实用技巧3. 影片剪辑元件影片剪辑元件是一小断循环播放的Flash 动画，可在主动画中反复使用并独立于主动画播放 。无论一个影片剪辑元件有多长，它在主动画中只 占用一个关键帧。 Flash设计与开发第3章 Flash的实用技巧创建一个元件有两种途径，一种是直接创 建一个空白元件，然后在这个空白元件中创建和 编辑元件的内容；另一种是

4、将舞台上已有的对象 转换成元件。 3.1.2 创建元件 Flash设计与开发第3章 Flash的实用技巧1.创建空白元件 1） 在确定没有选择任何对象的情况下，选择菜单 命令“插入 / 创建新元件”，打开“创建新元件 ”对话框，如下图所示。在 “名称”栏中可输入 元件的名称；在“行为”栏中选择所创建元件的类 型。 Flash设计与开发第3章 Flash的实用技巧2） 点击“确定”按钮，进入元件编辑窗口。如下 图所示。元件编辑窗口和场景编辑窗口的环境和功 能都是一样的。 Flash设计与开发第3章 Flash的实用技巧3） 在元件编辑窗口中制作元件的内容，可以是 图象、按钮、动画等。4）元件内容

5、制作完成后，单击 “场景与元件” 栏的 “场景1”图标，返回场景编辑状态。 Flash设计与开发第3章 Flash的实用技巧1） 选中舞台上要转换的对象。 2）在对象上单击鼠标右键，在弹出的快捷菜单中 选择“转换为元件”命令，弹出“转换为元件” 对话框。在 “名称”栏中可输入元件的名称； 在“行为”栏中选择所创建元件的类型。 2.将已有对象转换为元件 Flash设计与开发第3章 Flash的实用技巧3） 单击 “确定”按钮，完成转换。转换成的元 件将自动存入元件库中，同时，被选择的对象已成 为该元件的一个实例。将已有对象转换成元件还有一个快捷的方法， 就是直接将对象选中，然后拖入到元件库里即可

6、。 Flash设计与开发第3章 Flash的实用技巧 按钮元件的创建过程 1、 选择菜单命令“插入 / 创建新元件”，打开 “创建新元件”对话框，在 “名称”栏中可输入 名称为“变化的按钮”，在“行为”栏中选择“按 钮”选项。 2、 点击“确定”按钮，进入按钮元件编辑窗口。 3、 在元件编辑窗口的时间轴上有四帧，分别用来 体现按钮的四中状态。如下图所示。 Flash设计与开发第3章 Flash的实用技巧弹起：表示鼠标不作用与按钮时，按钮的正常状态。 鼠标经过：表示鼠标经过按钮时，按钮的显示状态。 按下：表示鼠标点下按钮时，按钮的显示状态。 点击：设定按钮能够起作用的面积范围，最好不要用 无填充

7、的轮廓图作反应区，否则鼠标只有指在轮廓 线上时才起作用。 Flash设计与开发第3章 Flash的实用技巧选中 “弹起”帧，在舞台上画一绿色圆心渐变 填充的圆；选中“鼠标经过”帧，为其插入关键帧 ，将舞台上的圆的填充色改为红色圆心渐变；选中 “按下”帧，为其插入关键帧，将舞台上的圆形纵 向压缩50%；选中“点击”帧，为其插入关键帧，复 制 “弹起”帧中的圆形，粘贴到舞台上相同的位置 。 Flash设计与开发第3章 Flash的实用技巧4） 单击“场景1”图标，返回场景编辑状态。 5） 打开库面板，将刚才设置好的按钮拖放到舞台上 。 6）按下“CTRL+Enter”键，测试效果。 Flash设计

8、与开发第3章 Flash的实用技巧方法一，将已有动画转换为影片剪辑元件。1、 选中要转换为影片剪辑元件的动画的所有图层（ 也可以是部分图层）上的所有帧。2、 在选中的帧上单击鼠标右键，在弹出的快捷菜单 中选择“复制帧”命令。3、 选择菜单命令“插入 / 创建新元件”，打开“ 创建新元件”对话框。 影片剪辑元件的创建过程 Flash设计与开发第3章 Flash的实用技巧4、 在名称栏中输入该元件的名称，并选择元件的 类型为“影片剪辑”，然后单击“确定”按钮，进 入元件编辑窗口。5、 选中时间轴上的第1帧，单击鼠标右键，在弹 出的快捷菜单中选择“粘贴帧”命令。6、 单击“场景1”按钮，返回主场景编

9、辑窗口。 打开库面板，可以看到影片剪辑元件已保存在里面 。 Flash设计与开发第3章 Flash的实用技巧方法二，创建新的影片剪辑元件 1、 选择菜单命令“插入 / 创建新元件”，打开 “创建新元件”对话框。 2、 在名称栏中输入要创建的元件的名称，并选 择元件类型为“影片剪辑”，然后单击“确定”按 钮，进入元件编辑窗口。 Flash设计与开发第3章 Flash的实用技巧3、 在元件编辑窗口中制作动画。 4、 动画制作完成后，单击“场景1”按钮，返回主 场景编辑窗口。 5、 所创建的影片剪辑元件已保存在库面板中，可直 接拖放到舞台上使用。 Flash设计与开发第3章 Flash的实用技巧3.

10、1.3 编辑元件 当对元件进行编辑时，舞台上所有该对象的 实例都会发生相应的变化；反之，当对某一实例 进行编辑时，仅仅该实例发生变化，该实例的元 件不会变化。在Flash MX 2004中，可通过如下几种方法对 元件进行编辑： Flash设计与开发第3章 Flash的实用技巧1、 双击舞台上需要编辑的元件。2、双击元件库中需要编辑的元件。3、 选中舞台上需要编辑的元件，单击鼠标右键， 在弹出的快捷菜单中选择“编辑”或“在当前位 置编辑”或“在新窗口中编辑”命令。4、 单击舞台右上角的“编辑元件”按钮 ，在弹 出的子菜单中选择要编辑的元件。 Flash设计与开发第3章 Flash的实用技巧3.1

11、.4 实例属性的设 置 将元件从“库”面板中拖到舞台上，就生成了 该元件的一个实例。实例是元件的具体应用。每 个实例都具有自己的属性，可以利用属性面板设 置单个实例的颜色、图形显示模式等信息，以及 重新设定元件的类型。修改特性只会显示在当前 所选的实例上，对元件和场景中的其他实例没有 影响。 Flash设计与开发第3章 Flash的实用技巧在“属性”面板的“颜色”下拉列表框中可以 设置实例的亮度、色调和Alpha等，从而改变实例 在舞台上的颜色效果，如下图所示。1.设置实例的颜色和效果 Flash设计与开发第3章 Flash的实用技巧以下是为实例设置不同属性时的效果亮度值的比较正常状态亮度值为

12、60% Flash设计与开发第3章 Flash的实用技巧色调值的比较 正常状态RGB值为0，255，51；色调值为60% Flash设计与开发第3章 Flash的实用技巧透明度的比较 正常状态 Alpha值为20% Flash设计与开发第3章 Flash的实用技巧2改变实例的名称和类型 如果实例的类型是按钮或影片剪辑元件， 那么还可以设置该实例的名称，便于在制作过 程中对它进行引用。选中实例，在“属性”面板上的“实例名称” 文本框中输入名称即可，如下图所示。 Flash设计与开发第3章 Flash的实用技巧改变实例类型的方法是选中实例，在“属性” 面板上的“元件类型”下拉列表框中，选择所需的

13、类型即可，如下图所示。 Flash设计与开发第3章 Flash的实用技巧3替换实例 4. 为图形实例设置动画 5分解元件实例 Flash设计与开发第3章 Flash的实用技巧1、公用库 选择菜单命令“窗口 / 其他面板 / 公用库” ，可以看到，Flash MX 2004将公用元件分成了三 类，如下图所示。3.1.5 库资源的使用 Flash设计与开发第3章 Flash的实用技巧在弹出的子菜单中选择需要的类别，即可打开 相应的元件库。 在公用库中，元件被放在不同的 文件夹中，双击名称栏前的标志，打开文件夹才能 使用下面的元件 。 Flash设计与开发第3章 Flash的实用技巧2、 当前库 选

14、择菜单命令“窗口 / 库”，可打开当前库面板。 库面板包括标题栏、预览窗口、文件列表和库文件 的管理工具。在库面板中，不同类型的元件显示不 同的图标。在该面板中可以预览元件、创建新的元 件、删除元件、重命名元件、复制元件、建立用于 元件分类的文件夹、查看元件属性、删除未使用的 项目等操作。 Flash设计与开发第3章 Flash的实用技巧1） 预览元 件 预览窗口，用于显示文件内容，若元件包 含多帧，则预览窗口中会出现播放控制按钮， 单击“播放”按钮，可以播放该元件的动画效果 ；单击“暂停”按钮，则暂停播放。 Flash设计与开发第3章 Flash的实用技巧2） 新建元 件 点击库面板左下角的

15、新建元件按钮，打开“ 创建新元件”对话框，可为新元件命名及选择新 元件类型；相当于单击“插入 / 创建新元件”命 令。 Flash设计与开发第3章 Flash的实用技巧3） 删除元 件 在“库”面板中，选中要删除的元件，单击鼠标 右键，在弹出的快捷菜单中选择“删除”命令，将弹 出删除元件提示框，点击“删除”即可。或者选中元 件后点击库面板左下角的“删除”按钮 ，同样可删 除元件。在以前的版本中，删除的元件是不可恢复 的，但在Flash MX 2004 中，删除的元件可以通 过 “撤销”命令恢复。 Flash设计与开发第3章 Flash的实用技巧4） 重命名元 件 在“库”面板中，选中一个元件，

16、单击鼠标右 键，在弹出的快捷菜单中选择“重命名”命令(或 双击元件名称)，此时元件名处于编辑状态，输 入新的元件名称即可。 Flash设计与开发第3章 Flash的实用技巧5） 复制元 件 在库面板中，选中要复制的元件，单击鼠 标右键，在弹出的快捷菜单中选择“重制”选项 ，弹出“复制元件”对话框，在名称文本框中输 入新的文件名，完成后单击“确定”按钮，在“ 库”面板中复制一个名称不同但内容相同的元 件。 Flash设计与开发第3章 Flash的实用技巧6）创建文件夹 单击库面板左下角的“新建文件夹”按钮，建立 一个新的元件文件夹，此时该文件夹名处于编辑 状态，输入文字“导入的图像”，将文件夹重新命 名。 按住Ctrl键，依次选中要放入该文件夹中的元 件，然后用鼠标将它们拖到“导入的图像”文件夹 图标上，松开鼠标，即可将这些文件放入该文件