2.3创建元件(课件)-《Flash CC 2015动画制作案例教程》同步教学（哈尔滨工程大学出版社）

单元二 图层的编辑与元件的创建 单元2 图层的编辑与元件的创建 本单元通过对图层的编辑、帧的编辑、元件的创建以及库的应用,要求学生掌握这些最基本的概念与应用;熟练应用图层的复制、重命名、移动、删除、显示与隐藏、锁定与解锁;熟练掌握三类元件的创建方法。 学习目标 OPTION 01 掌握图层的编辑方法 OPTION 02 掌握帧的编辑方法 OPTION 03 掌握三类元件的创建与编辑方法 任务3 创建元件 本任务将通过几个案例介绍三类元件的区别、创建元件的方法以及编辑修改元件的方法,并简要介绍管理元件的库。 任务3 创建元件 1.元件的分类 元件有三种类型,即图形元件、按钮元件和影片剪辑元件。根据元件的用途来选定相应的元件类型。 (1)图形元件:可反复取出使用的图片,用于构建主动画时间轴上的内容。图形元件一般是只含一帧的静止图片,有时也可以制作成由多个帧组成的动画。但不能对它添加交互行为和声音控制。 任务3 创建元件 (2)按钮元件:用于创建动画的交互控制按钮,以响应当前鼠标事件。按钮有四种不同的状态,可以在不同的状态上创建内容,既可以是静止图片,也可以是动画,还可以在状态上添加声音。 ①弹起(up)状态:鼠标指针没有接触按钮时,按钮处于弹起状态。 ②经过(over)状态:鼠标指针移到按钮上面,但没有单击鼠标时的状态(在此关键帧上输入文本,可实现即指即显文本的特殊效果)。 ③按下(down)状态:鼠标指针移到按钮上面,并单击按钮时,按钮处于按下状态(在此关键帧上可导入声音,并在“属性”面板的“声音”组中选择导入的声音文件名,“同步”组中选择“事件”或“开始”;如果要停止声音,则在“同步”组中选择“结束”)。 ④点击(hit)状态:此状态下可定义鼠标事件的响应范围,使用工具箱中的工具(如矩形工具)绘制一个矩形。如果没有设置点击状态的区域,则鼠标事件的响应范围由弹起状态的按钮外观区域决定。点击帧的图形在影片中是不显示的,但它定义了按钮响应鼠标事件的区域。 任务3 创建元件 (3)影片剪辑元件:可反复取出使用的一段小动画,可独立于主动画进行播放。例如,要制作一只蝴蝶扇动翅膀从东飞到西的一段动画,则扇动翅膀可做成一个影片剪辑元件,而从东到西则是动画的主旋律,将扇动翅膀电影剪辑元件加上蝴蝶的身体做成一个新的影片剪辑元件,再置入主场景中,从东移到西,即可完成该效果。 在播放动画主旋律时,影片剪辑元件的内容也在循环播放。一个影片剪辑元件中还可以嵌套影片剪辑元件,但影片剪辑元件不能添加交互控制。 任务3 创建元件 2.创建元件的方法 (1)新建元件:执行菜单命令“插入”→“新建元件”,弹出“创建新元件”对话框,如图2-6所示。选择一种要创建的元件类型,并输入元件名称,单击“确定”按钮。在新建元件编辑窗口内绘制或导入图形(图形中心要与十字线标记对齐),如图2-7所示。元件创作完成后,单击元件编辑窗口左上角的场景名称,回到舞台中,此时,库中多了一个元件。 图2-6 “创建新元件”对话框 图2-7 元件编辑窗口 任务3 创建元件 (2)将舞台中的对象转换为元件:选中舞台中的某个对象,执行菜单命令“修改”(或右击该对象)→“转换为元件”,然后选择元件类型,单击“确定”按钮。 (3)将动画转换为影片剪辑元件:如果已经创建了动画,并且以后还要用到它,可以选定这个动画,将它转换成影片剪辑元件。按住键盘上的Shift键,单击动画的所有图层(此时图层上的所有帧也被选中),右击,在弹出的快捷菜单中选择“复制帧”命令。执行菜单命令“插入”→“新建元件”,弹出“创建新元件”对话框,选择类型为“影片剪辑”,在时间轴的第1帧上右击,在弹出的快捷菜单中选择“粘贴帧”命令。单击场景名称,回到主场景中。 (4)复制元件:要创建一个新的包含已知元件的部分或全部内容的元件,就需要复制已知的元件,然后对复制的元件进行编辑。 打开库(“窗口”→“库”),在库中选择要复制的元件,右击,在弹出的快捷菜单中选择“复制”命令,执行菜单命令“插入”→“新建元件”,弹出“创建新元件”对话框,在新建元件编辑窗口中右击,在弹出的快捷菜单中选择“粘贴到当前位置”命令,然后对元件进行编辑,删除不需要的部分。 任务3 创建元件 3.创建按钮元件 (1)按钮元件的概念:按钮也是对象,当鼠标指针移到按钮上(鼠标经过)或单击按钮(鼠标按下),即产生交互时,按钮改变形状或颜色,或者执行某个效果(如播放声音、转到某个帧或转到某个场景等)。 任务3 创建元件 (2)创建按钮元件的步骤。 ①执行菜单命令“插入”→“新建元件”,弹出“创建新元件”对话框。 ②在对话框中输入按钮元件的名称(如“按钮1”),选择“按钮”类型。 ③单击第1帧,绘制或导入图形、图像,在第2帧、第3帧、第4帧分别按F6键插入关键帧。第2帧、第3