元件元件是在Flash中创建的图形按钮影片剪辑.ppt
2023/7/18,1,元件、实例和库,2023/7/18,（一）元件 元件是在Flash中创建的图形、按钮、影片剪辑。元件只需创建一次，就可在整个文档或其他文档中重复使用。创建的任何元件都会自动成为当前文档的库的一部分。使用元件能减少文件的尺寸，因为不管该元件被重复使用多少次，它所占的空间也只有一个元件的大小。即：当用户在浏览带Flash影片的页面过程中，一个元件只需被下载一次。在制作Flash动画时，应尽可能的重复利用各种元件，这样不仅可以大大减小文件的尺寸，也为修改与更新带来极大的方便。,一、元件、实例和库,2023/7/18,（二）实例 当把元件从库中拖动到当前舞台上时，舞台上就增加了一个该元件的实例，即实例是元件的具体应用。每一个实例都有区别与其他实例的属性，如大小、颜色、旋转方向等。一个元件在同一个舞台上可以有多个实例。,一、元件、实例和库,2023/7/18,一、元件、实例和库,（三）库（P118-121）用来存储和管理导入的文件（如视频、声音、位图、矢量图）和用户创建的元件的地方。1）库中可存放元件、位图、组件、声音、矢量图等。2）从库中删除的物件保存文档后不可恢复；3）不同文档之间的库可以相互调用（文件导入打开外部库）库是通过库面板进行管理的：打开库面板：窗口库（Ctrl+L）,2023/7/18,一、元件、实例和库,（三）【库】面板库中物件的来源：1）从外部文件导入2）从其他Flash文档的库中复制3）新建元件对元件及文件夹的操作：新建、删除、复制、粘贴、编辑等。,2023/7/18,二、元件类型,图形（Graphic）：一般用于创建静态图像或创建可重复使用的、与主时间轴关联的动画，它有自己的编辑区和时间轴，但其时间轴与其实例在主场景的时间轴同步。在该元件中可以包含其他元件和素材如图形、图像、声音、动画等。但是，不能为图形元件提供实例名称、不能在脚本中引用图形元件，并且声音在图形元件中失效。,2023/7/18,二、元件类型,影片剪辑（MovieClip，MC）:其时间轴是独立的，不受其实例在主场景时间轴的控制。它可以包含一切的素材（交互控制按钮、声音、图像和其他影片剪辑、按钮等；可以为它添加滤镜效果。,按钮（Button）：用来创建响应鼠标单击、滑过或其他动作的交互按钮，来实现人机交互的效果。按钮元件共有4种状态：弹起、指针经过、按下和 点击。,2023/7/18,三、创建元件,创建元件一般有以下3种方法：,将舞台上已存在的对象转化为元件；创建新元件：创建一个空元件，然后在元件编辑窗口中制作或导入内容；将已有的动画转换成元件。,2023/7/18,（一）新建元件,【插入】|【新建元件】（Ctrl+F8组合键），弹出：,确定后，进入元件编辑模式，绘制图形、导入外部素材、拖入其他元件等。完成元件制作。,例：图形元件例：影片剪辑元件,2023/7/18,（二）转换为元件,在舞台上选择一个或多个对象；【修改】|【转换为元件】（F8键），在弹出的转换为元件对话框中输入元件的名称、选择元件的类型，按“确定“即可。“+”：元件编辑窗口的坐标原点！,对已创建的元件进行编辑，可在舞台上或库中双击该元件，即可进入该元件的编辑界面。,2023/7/18,（三）将已有的动画转换为元件,在时间轴的层窗口中，单击要复制的所有层，即选择了这些层的所有帧，然后右击鼠标，在弹出的快捷菜单中选择“复制帧”；【插入】|【新建元件】（Ctrl+F8）新建一元件；在图层1上的第1帧上单击鼠标右键，在弹出的菜单中选择“粘贴帧”，即将所复制的所有帧粘贴到该元件中。例：将变色玫瑰转换为“图形”元件,2023/7/18,图形元件与影片剪辑元件的区别,例：变色标志,2023/7/18,四、实例的创建与应用P124-131,实例 当把元件从库中拖动到当前舞台上时，舞台上就增加了一个该元件的实例。每一个实例都有区别于其他实例的属性，可以通过修改实例属性面板中的相关属性来实现。一个元件在同一个舞台上可以有多个实例：修改一个实例，只会对该实例产生影响；而修改一个元件，舞台上该元件的所有实例将发生相对应的变化。这样将会大大简化对重复的图像、按钮、影片剪辑等对象的编辑工作。,2023/7/18,四、实例的创建与应用P124-131,实例的操作,实例的创建及属性设置转换实例的类型替换实例引用的元件改变实例的颜色和透明效果大小、方向的改变分离实例元件的编辑,2023/7/18,五、按钮元件,作用：为动画提供交互的媒介物，可通过鼠标让用户操作动态变化。,按钮的四种状态：弹起：表示鼠标不在按钮上时按钮的样式；指针经过：表示鼠标指针放置在按钮上面时按钮的样式；按下：表示鼠标单击按钮时按钮的样式；点击：设定对鼠标单击挡在时做出反应的感应区域范围。,2023/7/18,五、按钮元件,例1：图形按钮例2：文字按钮例3：图片按钮例4：图形+文字按钮例5：影片剪辑按钮例6：声音按钮例7：利用按钮实现简单的控制,2023/7/18,六、隐形按钮元件,隐形按钮是为了创建具有特殊效果的按钮或动画，配合“动作”命令可以行使“链接”或控制功能。隐形按钮的样式：1.在“按钮”编辑状态下4个帧中设置“弹起”帧不编辑内容，在“指针经过”和“按下”两帧分别编辑内容，在“点击”帧上制作感应范围图形，可以形成“看不见、摸得着、感觉得到”的“隐形按钮”。2.在“按钮”编辑状态下4个帧中设置“弹起”和“按下”两帧不编辑内容，在“指针经过”帧编辑内容，在“点击”帧上制作感应范围图形，形成“看得见、摸得着、感觉得到”的“隐形按钮”。,2023/7/18,六、隐形按钮元件,隐形按钮的样式：3.在“按钮”编辑状态下4个帧中设置“弹起”和“指针经过”两帧不编辑内容，在“按下”帧编辑内容，在“点击”帧上制作感应范围图形，可以形成“看不见、摸得着、感觉得到”的“隐形按钮”。2.在“按钮”编辑状态下4个帧中设置“弹起”、“指针经过”和“按下”3个帧都不编辑内容，在“点击”帧上制作感应范围图形，形成“看不见、摸不着、但感觉得到”的完全的“隐形按钮”。,例.涟漪扩散,2023/7/18,七、公用库的使用P121,窗口公用库按钮,2023/7/18,七、公用库的使用,公用库学习交互按钮类 在公用库中，“库”面板下方的按钮都为灰色不可用。不能直接修改公用库中的元件，将公用库中的元件调入到舞台中火当前文档的库中即可进行修改。,
