FLASH-CS4课件L8元件库和实例

第八讲元件、库和实例内容概要元件元件和实例的概述、元件的类型、使用元件的优点创建元件、编辑元件、复制元件、删除元件、更改元件类型库库面板的使用专用库与公用库实例创建实例、实例的属性、分离实体课堂练习元件和实例概述元件是Flash中一个比较重要且使用非常频繁的概念。元件是指在Flash创作环境中创建过一次的图形、按钮或影片剪辑，可以拥有Flash能够创建的所有功能，包括动画。还可以包含从其它应用程序中导入的插图；元件一旦被创建（只需创建一次），就会被自动添加到当前文档的库中，然后可以在当前文档或其它文档中重复使用而不会显著增加文件的大小。实例是指位于舞台上或嵌套在另一个元件内的元件副本。实例可以与它的元件在颜色、大小和功能上有差别。编辑元件会更新它的所有实例，但对元件的一个实例应用效果则只更新该实例。元件的类型图形元件：用来重复使用的静态图像，并可用来创建连接到主时间轴的可重复使用动画片段。可应用到其它类型的元件当中，是3种元件类型中最基本的类型图形元件与主时间轴同步运行交互式控件和声音在图形元件的动画序列中不起作用元件的类型按钮元件：用来响应鼠标单击、滑过或其它鼠标动作的交互式按钮。可以定义与各种按钮状态关联的图形，可根据对不同按钮状态的设置来触发不同的特殊效果。主要完成交互，按钮的交互必须要通过ActionScript完成。元件的类型影片剪辑：可重用的动画片段。Flash中有交互性、用途最多及功能最强的部分。影片剪辑拥有各自独立于主时间轴的多帧时间轴（可设想为主电影中嵌套的小电影）；基本上就是一个小的独立影片，可包含交互式控件、声音甚至其它影片剪辑实例；也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。使用ActionScript可以在剪辑之间发送消息以便相互控制。影片剪辑元件、图形元件和按钮元件的差异影片剪辑元件、图形元件和按钮元件，最主要的差别在于，影片剪辑元件和按钮元件本身都可以加入动作语句和声音，图形元件上则不能；影片剪辑元件的播放不受场景时间线长度的制约，它有元件自身独立的时间线；按钮元件独特的4帧时间线并不自动播放，而只是响应鼠标事件；图形元件的播放完全受制于场景时间线；影片剪辑元件在场景中敲回车测试时看不到实际播放效果，只能在各自的编辑环境中观看效果，而图形元件在场景中即可适时观看，也可以实现所见即所得的效果。影片剪辑中可以嵌套另一个影片剪辑，图形元件中也可以嵌套另一个图形元件，但是按钮元件中不能嵌套另一个按钮元件。使用元件的优点可加快影片的播放速度：一个元件在浏览中只需下载一次；可简化影片的编辑操作：若修改元件，同一元件生成的所有实例都会随之更新，可大大节省创作时间，提供工作效率；可最大程度地减小文件大小：同一元件的多个实例在影片中只保存元件一次，而每个实例只保存附加信息（位置及其它属性）。使用flash制作影片的一般工作流程影片总体设计计划制作所需的各种元件在场景中添加元件的实例，并对实例进行适当的组织和编排测试并发布影片使用元件和库可以提高影片的制作效率创建元件新建元件打开“创建新元件”对话框

的方法有：菜单项“插入|新建元件”“库”面板左下角的

“新建元件”按钮“库”面板右上角的“库面板”菜单中的“新建元件”快捷按钮Ctrl+F8名称、类型、文件夹“确定”后，将该元件

添加到库中，并切换

到元件编辑模式创建元件（2）将选定对象转换为元件在舞台上选择一个或多个

对象，执行下列操作之一

打开“转换为元件”对话框：菜单项“修改|转换为元件”右键快捷菜单中的“转换为元件”将选中对象拖到“库”面板上快捷键F8注册：ActionScript控制

元件时的中心参照点“确定”后，将该元件添加

到库中，舞台上选定的对象将自动变成该元件的一个实例。编辑元件编辑元件时，可以使用任意绘画工具、导入媒体或其它元件的实例；该文档中该元件的所有实例将随之一起改变。正在编辑的元件的名称会显示在舞台顶部的编辑栏内三种编辑方式：编辑：切换到只显示该元件

的单独视图在当前位置编辑：在原场景

中，其它对象以灰显方式出现在新窗口中编辑”：在单独的

窗口单独编辑，可与原场景来

回切换编辑元件（2）进入元件编辑模式“编辑”菜单中右键快捷菜单中“库”面板菜单中的

“编辑”双击“库”面板中的

元件图标——编辑在舞台上双击该元

件的一个实例——在

当前位置编辑编辑元件（3）退出元件编辑模式“返回”按钮单击编辑栏中的场景名称双击元件的外部（“在当前位置编

辑”时）“关闭”按钮（“在新窗口编辑”时）菜单项“编辑|编辑文档”。创建按钮按钮实际上是四帧的交互影片剪辑，其时间轴上包含四帧：弹起帧：代表指针没有经过按钮时该按钮的状态。指针经过帧：代表指针滑过按钮时该按钮的外观。按下帧：代表单击按钮时该按钮的外观。点击帧：设定了响应鼠标单击的区域此区域在SWF文件中是不可见的。时间轴实际上并不播放，它只是对指针运动和动作做出反应，跳转到相应的帧。按钮的作用通过给按钮添加动作，把动作设置在on鼠标事件处理程序中交互按钮例：为按钮添加链接on(press){getURL("");}通过单击按钮在浏览器窗口打开相应的页面按钮的作用控制播放按钮on(press){play();}//播放on(press){stop();}//停止按钮的作用透明按钮弹起、鼠标经过、按下帧都为空帧，只有点击帧有图形的按钮，常用于生成特效。复制元件打开“直接复制元

件”对话框“库”面板中的

“直接复制……”右键快捷菜单中面板菜单中菜单项“修改|元件

|直接复制元件……”删除元件要从文档中彻底删除

一个元件，只能在

“库”面板中进行删除在舞台上进行的删除，

只是删除了元件的一

个实例“库”面板中的“删除”右键快捷菜单中面板菜单中“删除”按钮更改元件类型打开“元件属性”

对话框“库”面板中的

“属性…”右键快捷菜单中面板菜单中“属性”按钮更改“类型”后，

确定内容概要元件元件和实例的概述、元件的类型、使用元件的优点创建元件、编辑元件、复制元件、删除元件、更改元件类型库库面板的使用专用库与公用库实例创建实例、实例的属性、分离实体课堂练习库面板库是存储和组织管理flash中

创建的各种元件的地方打开“库”面板菜单项“窗口|库”快捷键Ctrl+L“库”面板的构成面板菜单库名、“固定当前库”按钮、

“新建库面板”按钮预览窗口搜索栏库元件列表、“排序”按钮按钮：新建元件、新建文件夹、属性、删除专用库与公用库专用库：存放各自Flash文档中创建的元件。公用库：Flash附带的范例公用库，或者自定义创建的公用库。声音按钮类内容概要元件元件和实例的概述、元件的类型、使用元件的优点创建元件、编辑元件、复制元件、删除元件、更改元件类型库库面板的使用专用库与公用库实例创建实例、实例的属性、分离实体课堂练习实例及其创建实例是指位于舞台上或嵌套在另一个元件内的元件副本。实例可以与它的元件在颜色、大小和功能上有差别。编辑元件会更新它的所有实例，但对元件的一个实例应用效果则只更新该实例。创建实例选择时间轴上的某帧的某个图层，将库中已有的元件拖拽到舞台上实例的属性“属性”面板实例名称实例类型位置和大小实例的属性（2）色彩效果样式：无：不设置颜色效果亮度：用来调整实例的相对亮度和安度。-100%~100%，-100%为白色，100%为黑色色调：用来增加某种色调，可用颜色拾取器，也可直接输入0%~100%，0%不受影响，100%完全取代原有颜色高级：用于调整实例的红、绿、蓝和透明度。Alpha（不透明度）0%~100%，0%完全不可见，100%完全可见实例的属性（3）循环（仅图形元件）循环：按照当前实例占用的帧数来循环包含在该实例内的所有动画序列。播放一次：从指定帧开始播放动画序列直到动画结束，然后停止。单帧：显示动画序列的一帧；指定要显示的帧。实例的属性（4）交换：替换当前指定给

所选实例的元件打开“交换元件”对话框“属性”面板中的“交换”按钮“直接复制元件”按钮分离实例、调用其它文档中的元件分离实例：断开实例与元件之间的链接，可修改实例且不影响元件本身和该元件的其它实例。选中实例，然后“修改|分离”或快捷键Ctrl+B调用其它文档中的元件“文件|导入|打开外部库”选择要打开的文档后，单击“打开”，打开该文档的“库”面板即可使用内容概要元件元件和实例的概述、元件的类型、使用元件的优点创建元件、编辑元件、复制元件、删除元件、更改元件类型库库面板的使用专用库与公用库实例创建实例、实例的属性、分离实体课堂练习元件应用实例——制作镜面跳字效果新建图形元件新建一个图形元件“背景”，用矩形工具画一个无边框大小为550x400矩形，对齐（水平中齐、垂直中齐）。打开混色器点线性（左边为#ffffff、中间为#0000cc、右边为#000000），用变形工具调整一下颜色。新建图形元件，名称“新”，大小96，字型、颜色自定。水平中齐、垂直中齐。按同样的方法分别建立“年”、“快”、“乐”，一个字建一个图形。

元件应用实例——制作镜面跳字效果新建影片剪辑元件新建元件---“电影剪辑”名为“跳字”。在图层1第一帧拖入元件“新”，X轴为-180，Y轴为-150；第10帧插入关键帧，X轴为-180，Y轴为-35；在20帧插入关键帧，X轴为-180，Y轴为-150；在第30帧插入关键帧，X轴为-180，Y轴为-35。然后分别在第1、10帧、20帧创建动画补间，并延长至70帧。添加图层二，在第5帧插入关键帧拖入“年”，X轴为-62，Y轴为-150；在第15帧插入关键帧，X轴为-62，Y轴为-35；第25帧插入关键帧，X轴为-62，Y轴为-150；第35帧插入关键帧，X轴为-62，Y轴为-35。然后分别在第5、15帧、25帧创建动画补间，并延长至70帧。添加图层三，在第10帧插入关键帧拖入“快”，X轴为62，Y轴为-150；在第20帧插入关键帧，X轴为62，Y轴为-35；第30帧插入关键帧，X轴为62，Y轴为-150；第40帧插入关键帧X轴为62，Y轴为-35。然后分别在第10、20帧、30帧创建动画补间，并延长至70帧。添加图层四，在第15帧插入关键帧拖入“乐”，X轴为180，Y轴为-150；在第25帧插入关键帧，X轴为180，Y轴为-35；第35帧插入关键帧，X轴为180，Y轴为-150；第45帧插入关键帧，X轴为180，Y轴为-35。然后分别在第15、25帧、35帧创建补间动画，并延长至70帧。

组织场景回到主场景，在图层1拖入背景元件，水平对齐，垂直对齐添加图层2，点第一帧拖入“跳字”影片剪辑，把“新’字定位：X轴为272，Y轴为220。复制，加锁。添加图层3，选中第一帧，点“粘贴到当前位置”，加锁。再添加图层4，选中第一帧，点“粘贴到当前位置”，加锁。选中图层2，打开修改--变形---垂直翻转，X轴为272，Y轴为230.属性面板中先选色调为黑色，再选中高级，打开设置，在高级效果中Alpha调整为30%。选中图层3，将属性面板中“颜色”调为“色调--黄”，按右方向键右移4步。

元件应用实例——制作镜面跳字效果元件应用实例——星星之心的制作使用椭圆工具在舞台中间画一个正圆，并删除轮廓线。

元件应用实例——星星之心的制作把圆压扁。

元件应用实例——星星之心的制作增加一个正圆。

元件应用实例——星星之心的制作把正圆压缩成线形。

元件应用实例——星星之心的制作删除一半后移动。

元件应用实例——星星之心的制作中心对齐。

元件应用实例——星星之心的制作执行【窗口】→【变形】，复制并应用变形按钮3次。

元件应用实例——星星之心的制作从库中拖出一个“星星”元件的实例到舞台中。第1帧的不透明度改为10％，把第20帧中的不透明度改为20％。

元件应用实例——星