1、第6章元件和库 本章简介:在Flash CS6中,元件起着举足轻重的作用。通过重复应用元件,可以提高工作效率、减少文件量。本章讲解了元件的创建、编辑、应用,以及库面板的使用方法。读者通过学习要了解并掌握如何应用元件的相互嵌套及重复应用来制作出变化无穷的动画效果。课堂学习目标u 了解元件的类型。u 熟练掌握元件的创建方法。u 掌握元件的引用方法u 熟悉运用库面板编辑元件u 熟练掌握实例的创建和应用6.1元件与库面板 u 课堂案例制作海边城市u 元件的类型u 创建图形元件 u 创建按钮元件 u 创建影片剪辑元件 u 转换元件 u 库面板的组成 u 库面板弹出式菜单 u 内置公用库及外部库的文件 使
2、用“导入”命令,导入素材制作图形元件;使用“文本”工具,输入广告语;使用“创建传统补间”命令,制作补间动画效果;使用“属性”面板,改变实例的不透明度。效果图 6.1.1课堂案例制作海边城市6.1.2元件的类型 u图形元件 图形元件 一般用于创建静态图像或创建可重复使用的、与主时间轴关联的动画。它有自己的编辑区和时间轴。如果在场景中创建元件的实例,那么实例将受到主场景中时间轴的约束。换句话说,图形元件中的时间轴与其实例在主场景的时间轴同步。u按钮元件 按钮元件 是创建能激发某种交互行为的按钮。创建按钮元件的关键是设置4种不同状态的帧,即“弹起”(鼠标抬起)、“指针经过”(鼠标移入)、“按下”(鼠
3、标按下)、“点击”(鼠标响应区域,在这个区域创建的图形不会出现在画面中)。6.1.2元件的类型 u影片剪辑元件 影片剪辑元件 也像图形元件一样有自己的编辑区和时间轴,但又不完全相同。影片剪辑元件的时间轴是独立的,它不受其实例在主场景时间轴(主时间轴)的控制。选择“插入 新建元件”命令或按Ctrl+F8组合键,弹出“创建新元件”对话框,在“名称”选项的文本框中输入“风车”,在“类型”选项的下拉列表中选择“图形”选项。单击“确定”按钮,创建一个新的图形元件“风车”。图形元件的名称出现在舞台的左上方,舞台切换到了图形元件“风车”的窗口,窗口中间出现十字“+”,代表图形元件的中心定位点。在“库”面板中
4、显示出图形元件创建图形元件过程 6.1.3创建图形元件 选择“插入 新建元件”命令,弹出“创建新元件”对话框,在“名称”选项的文本框中输入“卡通苹果”,在“类型”选项的下拉列表中选择“按钮”选项。单击“确定”按钮,创建一个新的按钮元件“表情”。按钮元件的名称出现在舞台的左上方,舞台切换到了按钮元件“表情”的窗口,窗口中间出现十字“+”,代表按钮元件的中心定位点。在“时间轴”窗口中显示出4个状态帧:“弹起”“指针经过”“按下”“点击”。创建按钮元件过程 6.1.4创建按钮元件 选择“插入 新建元件”命令,弹出“创建新元件”对话框,在“名称”选项的文本框中输入“字母变形”,在“类型”选项的下拉列表
5、中选择“影片剪辑”选项。单击“确定”按钮,创建一个影片剪辑元件“字母变形”。影片剪辑元件的名称出现在舞台的左上方,舞台切换到了影片剪辑元件“字母变形”的窗口,窗口中间出现十字“+”,代表影片剪辑元件的中心定位点。在“库”面板中显示出影片剪辑元件创建影片剪辑元件过程 6.1.5创建影片剪辑元件 6.1.6转换元件u将图形转换为图形元件 如果在舞台上已经创建好矢量图形并且以后还要再次应用,可将其转换为图形元件。选中矢量图形,选择“修改 转换为元件”命令,或按F8键,弹出“转换为元件”对话框,进行设置后单击“确定”按钮,矢量图形被转换为图形元件。u设置图形元件的中心点 选中矢量图形,选择“修改 转换
6、为元件”命令,弹出“转换为元件”对话框,在对话框的“注册”选项中有9个中心定位点,可以用来设置转换元件的中心点。6.1.6转换元件u转换元件 在制作的过程中,可以根据需要将一种类型的元件转换为另一种类型的元件。选中“库”面板中的图形元件,单击面板下方的“属性”按钮,弹出“元件属性”对话框,选中“影片剪辑”选项,单击“确定”按钮,图形元件转化为影片剪辑元件。选择“窗口 库”命令,或按Ctrl+L组合键,弹出“库”面板。“库”面板 6.1.7库面板的组成 单击“库”面板右上方的按钮,出现弹出式菜单,在菜单中提供了实用命令。“库”面板弹出式菜单 6.1.8库面板弹出式菜单 6.1.9内置公用库及外部
7、库的文件 u内置公用库 Flash CS6附带的内置公用库中包含一些范例,可以使用内置公用库向文档中添加按钮或声音。使用内置公用库资源可以优化动画制作者的工作流程和文件资源管理。u内置外部库 可以在当前场景中使用其他Flash CS6文档的库信息。6.2实例的创建与应用 u 课堂案例制作按钮实例u 建立实例 u 转换实例的类型 u 替换实例引用的元件 u 改变实例的颜色和透明效果 u 分离实例 u 元件编辑模式 使用“任意变形”工具,调整元件的大小;使用元件“属性”面板,调整元件的不透明度。效果图 6.2.1课堂案例制作按钮实例 6.2.2建立实例 u建立图形元件的实例 选择“窗口 库”命令,
8、弹出“库”面板,在面板中选中图形元件“风车”,将其拖曳到场景中,场景中的松鼠图形就是图形元件“风车”的实例。u建立按钮元件的实例 选中“库”面板中的按钮元件“表情”,将其拖曳到场景中,场景中的图形就是按钮元件“表情”的实例。u建立影片剪辑元件的实例 选中“库”面板中的影片剪辑元件“字母变形”,将其拖曳到场景中,场景中的字母图形就是影片剪辑元件“字母变形”的实例。每个实例最初的类型,都是延续了其对应元件的类型。可以将实例的类型进行转换。将图形元件拖曳到舞台中成为图形实例并选择图形实例。在“属性”面板的上方,选择“实例行为”选项下拉列表中的“影片剪辑”,图形“属性”面板转换为影片剪辑“属性”面板,
9、实例类型从“图形”转换为“影片剪辑”。实例类型从图形转换为影片剪辑6.2.3转换实例的类型 如果需要替换实例所引用的元件,但保留所有的原始实例属性(如色彩效果或按钮动作),可以通过Flash的“交换元件”命令来实现。6.2.4替换实例引用的元件 将图形元件拖曳到舞台中成为图形实例,选择图形“属性”面板,在“色彩效果”选项组中的“样式”选项下拉列表中选择“Alpha”选项,将其值设为50%。单击图形“属性”面板中的“交换元件”按钮,弹出“交换元件”对话框,在对话框中选中按钮元件“按钮”,单击“确定”按钮,图形元件转换为按钮元件,实例的不透明度也跟着改变。6.2.4替换实例引用的元件 替换实例所引
10、用的元件 在舞台中选中实例,在“属性”面板中选择“颜色”选项的下拉列表,应用其中的选项可以改变实例的颜色和透明效果。6.2.5改变实例的颜色和透明效果 “属性”面板选中实例,选择“修改 分离”命令,或按Ctrl+B组合键,将实例分离为图形。6.2.6分离实例 分离实例过程 6.2.7元件编辑模式 元件创建完毕后常常需要修改,此时需要进入元件编辑状态,修改完元件后又需要退出元件编辑状态进入主场景编辑动画。(1)进入组件编辑模式,可以通过以下几种方式。在主场景中双击元件实例进入元件编辑模式。在“库”面板中双击要修改的元件进入元件编辑模式。在主场景中用鼠标右键单击元件实例,在弹出的菜单中选择“编辑”命令进入元件编辑模式。在主场景中选择元件实例后,选择“编辑 编辑元件”命令进入元件编辑模式。(2)退出元件编辑模式,可以通过以下几种方式。单击舞台窗口左上方的场景名称,进入主场景窗口。选择“编辑 编辑文档”命令,进入主场景窗口。使用“导入到库”命令,将素材导入到“库”面板;使用“创建元件”命令,制作按钮元件;使用“文本”工具,输入文字;使用“变形”面板,设置实例的倾斜效果。效果图 6.3课堂练习制作转动文字效果使用“基本矩形”工具和“文本”工具,制作按钮元件;使用“影片剪辑”元件,制作心动效果;使用“任意变形”工具,调整元件的大小及角度。效果图 6.4课后习题制作小鸟卡片