元件元件是在Flash中创建的图形按钮影片剪辑.ppt

《元件元件是在Flash中创建的图形按钮影片剪辑.ppt》由会员分享，可在线阅读，更多相关《元件元件是在Flash中创建的图形按钮影片剪辑.ppt（20页珍藏版）》请在三一办公上搜索。

1、2023/7/18,1,元件、实例和库,2023/7/18,（一）元件 元件是在Flash中创建的图形、按钮、影片剪辑。元件只需创建一次，就可在整个文档或其他文档中重复使用。创建的任何元件都会自动成为当前文档的库的一部分。使用元件能减少文件的尺寸，因为不管该元件被重复使用多少次，它所占的空间也只有一个元件的大小。即：当用户在浏览带Flash影片的页面过程中，一个元件只需被下载一次。在制作Flash动画时，应尽可能的重复利用各种元件，这样不仅可以大大减小文件的尺寸，也为修改与更新带来极大的方便。,一、元件、实例和库,2023/7/18,（二）实例 当把元件从库中拖动到当前舞台上时，舞台上就增加了

2、一个该元件的实例，即实例是元件的具体应用。每一个实例都有区别与其他实例的属性，如大小、颜色、旋转方向等。一个元件在同一个舞台上可以有多个实例。,一、元件、实例和库,2023/7/18,一、元件、实例和库,（三）库（P118-121）用来存储和管理导入的文件（如视频、声音、位图、矢量图）和用户创建的元件的地方。1）库中可存放元件、位图、组件、声音、矢量图等。2）从库中删除的物件保存文档后不可恢复；3）不同文档之间的库可以相互调用（文件导入打开外部库）库是通过库面板进行管理的：打开库面板：窗口库（Ctrl+L）,2023/7/18,一、元件、实例和库,（三）【库】面板库中物件的来源：1）从外部文件

3、导入2）从其他Flash文档的库中复制3）新建元件对元件及文件夹的操作：新建、删除、复制、粘贴、编辑等。,2023/7/18,二、元件类型,图形（Graphic）：一般用于创建静态图像或创建可重复使用的、与主时间轴关联的动画，它有自己的编辑区和时间轴，但其时间轴与其实例在主场景的时间轴同步。在该元件中可以包含其他元件和素材如图形、图像、声音、动画等。但是，不能为图形元件提供实例名称、不能在脚本中引用图形元件，并且声音在图形元件中失效。,2023/7/18,二、元件类型,影片剪辑（MovieClip，MC）:其时间轴是独立的，不受其实例在主场景时间轴的控制。它可以包含一切的素材（交互控制按钮、声

4、音、图像和其他影片剪辑、按钮等；可以为它添加滤镜效果。,按钮（Button）：用来创建响应鼠标单击、滑过或其他动作的交互按钮，来实现人机交互的效果。按钮元件共有4种状态：弹起、指针经过、按下和 点击。,2023/7/18,三、创建元件,创建元件一般有以下3种方法：,将舞台上已存在的对象转化为元件；创建新元件：创建一个空元件，然后在元件编辑窗口中制作或导入内容；将已有的动画转换成元件。,2023/7/18,（一）新建元件,【插入】|【新建元件】（Ctrl+F8组合键），弹出：,确定后，进入元件编辑模式，绘制图形、导入外部素材、拖入其他元件等。完成元件制作。,例：图形元件例：影片剪辑元件,2023

5、/7/18,（二）转换为元件,在舞台上选择一个或多个对象；【修改】|【转换为元件】（F8键），在弹出的转换为元件对话框中输入元件的名称、选择元件的类型，按“确定“即可。“+”：元件编辑窗口的坐标原点！,对已创建的元件进行编辑，可在舞台上或库中双击该元件，即可进入该元件的编辑界面。,2023/7/18,（三）将已有的动画转换为元件,在时间轴的层窗口中，单击要复制的所有层，即选择了这些层的所有帧，然后右击鼠标，在弹出的快捷菜单中选择“复制帧”；【插入】|【新建元件】（Ctrl+F8）新建一元件；在图层1上的第1帧上单击鼠标右键，在弹出的菜单中选择“粘贴帧”，即将所复制的所有帧粘贴到该元件中。例：将

6、变色玫瑰转换为“图形”元件,2023/7/18,图形元件与影片剪辑元件的区别,例：变色标志,2023/7/18,四、实例的创建与应用P124-131,实例 当把元件从库中拖动到当前舞台上时，舞台上就增加了一个该元件的实例。每一个实例都有区别于其他实例的属性，可以通过修改实例属性面板中的相关属性来实现。一个元件在同一个舞台上可以有多个实例：修改一个实例，只会对该实例产生影响；而修改一个元件，舞台上该元件的所有实例将发生相对应的变化。这样将会大大简化对重复的图像、按钮、影片剪辑等对象的编辑工作。,2023/7/18,四、实例的创建与应用P124-131,实例的操作,实例的创建及属性设置转换实例的类

7、型替换实例引用的元件改变实例的颜色和透明效果大小、方向的改变分离实例元件的编辑,2023/7/18,五、按钮元件,作用：为动画提供交互的媒介物，可通过鼠标让用户操作动态变化。,按钮的四种状态：弹起：表示鼠标不在按钮上时按钮的样式；指针经过：表示鼠标指针放置在按钮上面时按钮的样式；按下：表示鼠标单击按钮时按钮的样式；点击：设定对鼠标单击挡在时做出反应的感应区域范围。,2023/7/18,五、按钮元件,例1：图形按钮例2：文字按钮例3：图片按钮例4：图形+文字按钮例5：影片剪辑按钮例6：声音按钮例7：利用按钮实现简单的控制,2023/7/18,六、隐形按钮元件,隐形按钮是为了创建具有特殊效果的按钮

8、或动画，配合“动作”命令可以行使“链接”或控制功能。隐形按钮的样式：1.在“按钮”编辑状态下4个帧中设置“弹起”帧不编辑内容，在“指针经过”和“按下”两帧分别编辑内容，在“点击”帧上制作感应范围图形，可以形成“看不见、摸得着、感觉得到”的“隐形按钮”。2.在“按钮”编辑状态下4个帧中设置“弹起”和“按下”两帧不编辑内容，在“指针经过”帧编辑内容，在“点击”帧上制作感应范围图形，形成“看得见、摸得着、感觉得到”的“隐形按钮”。,2023/7/18,六、隐形按钮元件,隐形按钮的样式：3.在“按钮”编辑状态下4个帧中设置“弹起”和“指针经过”两帧不编辑内容，在“按下”帧编辑内容，在“点击”帧上制作感应范围图形，可以形成“看不见、摸得着、感觉得到”的“隐形按钮”。2.在“按钮”编辑状态下4个帧中设置“弹起”、“指针经过”和“按下”3个帧都不编辑内容，在“点击”帧上制作感应范围图形，形成“看不见、摸不着、但感觉得到”的完全的“隐形按钮”。,例.涟漪扩散,2023/7/18,七、公用库的使用P121,窗口公用库按钮,2023/7/18,七、公用库的使用,公用库学习交互按钮类 在公用库中，“库”面板下方的按钮都为灰色不可用。不能直接修改公用库中的元件，将公用库中的元件调入到舞台中火当前文档的库中即可进行修改。,