
2.9 元件和库
很多矢量图形可以直接创建动画,但其动画效果是有限的。要想制作复杂的动画,还得借助元件。无论创作出来的元件是什么类型,都统一存放在“库”面板中,灵活管理“库”面板,合理地选择及使用这些资源,才能达到理想效果。本节将讲解元件和库的相关知识。
2.9.1 元件的不同类型
在Animate CC中,元件分为3种类型,分别是影片剪辑元件、按钮元件和图形元件,如图2-77所示。

图2-77 “元件”对话框
2.9.2 元件的编辑
元件是一些可以重复利用的图形、按钮和影片剪辑资源,在Animate CC制作过程中可重复使用元件。
1.创建图形元件
图形元件是Animate动画中最常见的元件,主要用于建立和储存独立的图形内容,可以用来制作动画。图形元件不能添加滤镜。
执行“插入”→“新建元件”命令,或按组合键<Ctrl+F8>,弹出“创建新元件”对话框,在“类型”下拉列表框中选择“图形”选项,创建图形元件,如图2-78所示。

图2-78 创建图形元件
2.创建按钮元件
按钮元件是用来响应鼠标单击、滑过或其他动作的交互式按钮。可以定义与各种状态关联的图形,然后将动作指定给按钮实例。
执行“插入”→“新建元件”命令,或按组合键<Ctrl+F8>,弹出“创建新元件”对话框,在“类型”下拉列表框中选择“按钮”选项,创建按钮元件,如图2-79所示。
4个状态帧在时间轴中分别为“弹起”“指针经过”“按下”和“点击”。当然,每个状态帧的功能是不一样的。
弹起:该帧表示指针没有经过按钮时该按钮在舞台中的状态。
指针经过:表示当指针滑过按钮时,按钮在舞台中的状态。
按下:表示单击按钮时,按钮在舞台中的外观。
点击:用于定义向右鼠标单击的区域。此区域在SWF文件中是不可见到的。

图2-79 创建按钮元件
3.创建影片剪辑元件
影片剪辑元件用来创建动画片段,可以重复使用。影片剪辑在自己内部拥有多帧时间轴,这些时间轴与主时间轴是相互独立的。
执行“插入”→“新建元件”命令,或按组合键<Ctrl+F8>,弹出“创建新元件”对话框,在“类型”下拉列表框中选择“影片剪辑”选项,创建影片剪辑元件,如图2-80所示。

图2-80 创建影片剪辑元件
2.9.3 滤镜与色彩效果
利用滤镜可以制作出很多绚丽的图片。滤镜的功能非常强大,所绘制的效果多种多样,这里主要介绍滤镜的调整颜色功能。
选择需添加滤镜的对象,选择“属性”面板中的“滤镜”部分,单击“滤镜”面板左上角的“添加滤镜”按钮,在弹出的菜单中选择需要的滤镜,如“投影”滤镜,根据需要调整投影参数,如图2-81和图2-82所示。
提示
单击“模糊X”和“模糊Y”选项后的两个“链接X和Y属性值”按钮,X轴和Y轴可以同比例地增加或减少数值。
在Animate CC中,可以为元件设置不同的色彩效果。选择实例,进入“属性”面板,在“色彩效果”选项栏单击“样式”按钮,打开下拉菜单,如图2-83所示。

图2-81 添加滤镜

图2-82 “投影”滤镜

图2-83“样式”下拉列表
2.9.4 库
“库”作为一个储存区域,在Animate动画制作中主要用来储存元件和导入的图片等文件资源,库中的资源可重复使用。
1.“库”面板的组成
“库”面板默认在工作区的右侧,若关闭了“库”面板,按<Ctrl+L>组合键,或者执行“窗口”→“库”命令即可重新打开“库”面板,如图2-84所示。

图2-84 “库”面板
2.库的管理和使用
执行“窗口”→“库”命令,打开“库”面板。选择“插入”→“新建元件”命令,如图2-85所示,或单击“库”面板中的按钮,选择“新建元件”按钮,都可在库中添加元件,如图2-86所示。
选中需删除的元件,单击鼠标右键在弹出的菜单中选择“删除”命令,即可删除不要的元件,如图2-87所示。

图2-85 “新建元件”命令

图2-86 新建元件

图2-87 选择“删除”命令