flash教程完整版课件第5章元件实例

1、Flash cs 4,元件,元件是Flash中创建的可以反复使用的图形、按钮或是影片剪辑等资源，这些资源将放在库中；而实例就是元件的具体表现，当库中的元件拖动到舞台上后，就将它称之为实例。,创建不同类型的元件,一个元件在同一个舞台上可以有多个实例，修改一个实例，只会对该实例产生影响，而修改一个元件，舞台上该元件的所有实例将发生相应的变化，这样将会大大简化对重复的图像、按钮、影片剪辑等对象的编辑工作，也减少了文件的大小。,创建不同类型的元件,1图形元件：通常用来存放静态图像的，不具有交互性，创建的图形元件中不能创建动画。,元件的三种类型：图形元件、按钮元件、影片剪辑。,2影片剪辑元件：主影片中一

2、段影片剪辑，用来制作独立于影片时间轴的动画，它可以包括交互性控制、声音、其它影片剪辑的实例。,3按钮元件：由“弹起”、“指针经过”、“按下”和“点击”关键帧组成的。 弹起：表示鼠标不在按钮上面时的状态； 指针经过：表示鼠标在按钮上面时的状态； 按下：表示鼠标单击时的状态； 点击：设定对鼠标单击动作做出反应的区域，无论图案是什么形状或是什么填充方式，在动画时都不显示。,创建不同类型的元件,有两种创建元件的方法： 一种是先创建一个空白元件，然后在元件编辑模式创作元件； 另一种是将当前工作区中的内容选中，然后将其转换为元件。,编 辑 对 象,创建不同类型的元件,新建元件的方法：执行以下操作之一 1执

3、行【插入】【新建元件】命令； 2使用快捷键【Ctrl+F8】； 3单击在“库”面板下方“新建元件”按钮。 以上三种方法均可弹出“创建新元件”对话框。,实例,编 辑 对 象,创建不同类型的元件,将已有对象转换为元件的方法：执行以下操作之一 1执行【修改】【转换为元件】命令； 2使用快捷键【F8】； 以上二种方法均可弹出“转换为元件”对话框。,编 辑 对 象,创建不同类型的元件,所有的元件都存放在“库”面板中，使用时只需从库中拖放到舞台上。,打开“库”面板的方法： 1执行【窗口】【库】命令 2快捷键【Ctrl+L】 。,编 辑 对 象,创建不同类型的元件,编辑元件 1双击“库”面板中的元件； 2在

4、舞台工作区内，将鼠标指针移至要编辑的元件实例处，单击右键在弹出的快捷菜单中选择【编辑】命令； 方法1、2都可以进入元件编辑界面，元件编辑完成后，单击“编辑栏”的场景名称图标，返回主场景。,编 辑 对 象,创建不同类型的元件,编辑元件 3在舞台工作区内，将鼠标指针移至要编辑的元件实例处双击； 4在舞台工作区内，将鼠标指针移至要编辑的元件实例处，单击右键在弹出的快捷菜单中选择【在当前位置编辑】命令。 方法3、4界面仍然是原舞台工作区，而且保留原工作区的其它对象（不可编辑，仅供参考），双击舞台空白处，可返回原状态。 5在舞台工作区内，将鼠标指针移至要编辑的元件实例处，单击右键在弹出的快捷菜单中选择【

5、在新窗口中编辑】命令； 方法5打开一个新的舞台工作区窗口，可以在该窗口编辑元件，元件编辑完成后，单击该新建工作区右上角的关闭按钮 ，即可回到原舞台工作区。,任务二 使 用 实 例,创 建 实 例,实例就是元件的具体表现，当库中的元件拖动到舞台上后，就将它称之为实例。 编辑实例，可以采用编辑修改一般对象的方法，此外每个实例都有自己的属性，利用它的“属性”面板可以改变实例的位置、大小、颜色、亮度、透明度等属性。编辑实例不会再成相应元件和其它有同一元件创建的其它实例的影响。,任务二 使 用 实 例,创 建 实 例,实例的“属性”面板： “颜色” 下拉列表框：可以设置实例的亮度、色调、透明度等。 亮度

6、：“颜色”下拉列表框右侧增加了一个带滑动条的文本框，范围从-100%+100%； 色调： 调整RGB所对应的滑块可以改变实例的颜色。 Alpha（透明度）： “颜色”下拉列表框右侧增加了一个带滑动条的文本框，范围从0%100%；,任务二 使 用 实 例,创 建 实 例,实例的“属性”面板： 高级： 单击“颜色”下拉列表框右侧增加的“设置”按钮， 弹出“高级效果”对话框，百分数区域范围从0%100%调整， 数值区域从-255+255调整。,复制元件：“属性”面板的“交换”按钮,影片剪辑元件,使用影片剪辑元件可以创建可重用的动画片段，是Flash中用途最多、功能最强的元件。影片剪辑拥有它们自己的独

7、立于主时间轴的多帧时间轴，可以创建独立于时间轴而播放的动画。影片剪辑元件可以包含交互式控件、声音甚至其他影片剪辑实例，也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。,创建电影剪辑元件当在电影剪辑中需要重复使用一个已经创建的动画，或者要将该动画作为一个实例来操作时，最简单的方法就是将该动画转换为电影剪辑元件。 将舞台中的一个动画转换为电影剪辑的操作步骤,(1) 选中要转换的动画所有层上的所有帧并单击右键，在弹出的快捷菜单中选择Copy Frames(复制帧)命令 2) 选择InsertNew Symbol命令，打开Create New Symbol对话框，在Name文本框中输入该元

8、件的名称，并选择Movie Clip单选按钮，单击OK按钮将创建一个新的元件并进入该元件的编辑模式下。,(3) 单击时间轴中的第1帧，选择EditPaste Frames命令，粘贴所选择的帧。 经过上述步骤的操作，就可以将该动画转换为一个电影剪辑元件。当创建电影剪辑元件后，还可以减小动画文件体积，用户可将原文件中的该段动画删除，然后从Library面板中拖入一个电影剪辑符号即可。,风车实例,按钮的创建 四个状态:up over press hit 注意：hit与前三者的不同 实例演示: 制作简单带文字up over press hit的矩形按钮。,综合实例： 动态按钮的制作,（1） Graph

9、ic元件“三角形按钮1” 新建元件 让十字中心点位于正方形图案右边的中心 分别把正方形的右上角和右下角拉到右边的中心点位置,（2） Movie Clip元件“三角形按钮2” 新建元件 将“三角形按钮1”元件拖放到 第2帧，插入一个关键帧。将 “三角形按钮1”元件再次拖放，放在第一个三角形的右边，两个并排放置的三角形 第2帧处将Alpha值设为80% 第3帧Alpha值设为40%,（3） Button元件“三角形按钮3” 新建Button类型元件 “三角形按钮2” 放置在UP帧上 over帧上 按f6 调整色调 press帧上 按f6调整色调 hit帧上 按f6,（4） Button加代码 控制

10、Movie Clip播放。,使用和管理库元件,1使用库元件 “库”面板专门用于存储和管理元件。单击“窗口”“库”命令或按下F11键，均可打开“库”面板。创作动画时，用户可以直接从“库”面板中拖曳元件到场景中用于动画制作，也可以将元件作为共享库资源在文档之间共享。,重命名库元件,重命名库元件的方法有： 点击“库”面板中“元件属性”按钮，将打开“元件属性”对话框，在对话框的“名称”栏中可以更改当前元件的名称。 双击库面板中的元件名称。 右键单击库面板中的元件，在弹出的快捷菜单中选择重命名。,1）编辑导入的位图 选择以下操作之一均可打开“位图属性”对话框： 在库文件列表中双击该位图的图标。 在库文件列表中选定该位图，在预览窗口中双击它。 在库文件列表中右击该位图，在弹出的菜单中选择“编辑”命令。,影片剪辑元件、图形元件和按钮元件是Flash中最基本、最常用的3种元件，它们的编辑方法相同。进行编辑