Flash动画设计基础与应用课件-第6讲-Flash的元件库和实例.ppt

1、本讲要点本讲要点 掌握元件的创建和编辑方法了解元件库在动画制作过程中的作用了解实例的概念和编辑方法第第6 6讲讲 FlashFlash的元件、库和实例的元件、库和实例快速导读快速导读 本讲主要讲解了元件及元件库的基本操作。重点是元件的创建、编辑以及元件类型等，难点是元件与实例之间的联系与区别。学习目标是熟悉元件的创建和编辑方法，掌握元件在动画制作过程中的重要作用等。第第6 6讲讲 FlashFlash的元件、库和实例的元件、库和实例元件是Flash中最重要、最基本的元素。元件的利用可以减少文件的大小，加快动画的播放。6.1.1 元件概述元件概述所谓元件，就是用户创建的，存放在库中的可以反复使用

2、的图形、按钮和影片剪辑的总称。在Flash中元件主要有图形、按钮和影片剪辑3种类型。6.1 元件元件6.1.2 创建元件创建元件直接创建元件选择【插入】【新建元件】命令或者按Ctrl+F8组合键，打开【创建新元件】对话框。在【名称】文本框中输入元件名称，在【类型】组合框中选择【图形】单选按钮。单击【确定】按钮。单击工具箱中的【矩形】工具，在舞台中绘制一个正方形便创建了名为“正方形”的图形元件。转换为元件选择位图对象，选择【修改】【转换为元件】命令或者按F8快捷键，弹出【转换为元件】对话框。在【名称】文本框中输入元件名称，在【类型】选项组中选择【图形】单选按钮。单击【确定】按钮，此时舞台中的位图

3、便转换为图形元件。6.1.3 编辑元件编辑元件当前模式下编辑元件要在当前模式下编辑元件，只需双击舞台中要编辑的元件即可。元件模式下编辑元件双击【库】面板中元件名称前的图标或者在舞台中右键单击要编辑的元件，在弹出的快捷菜单中选择【编辑】选项即可进入元件编辑模式。6.1.4 创建按钮元件创建按钮元件按Ctrl+F8组合键，打开【创建新元件】对话框。在【名称】文本框中输入“按钮”，在【类型】中选择【按钮】，单击【确定】，进入元件编辑界面。时间轴上有4种按钮状态，分别是：弹起、指针经过、按下和点击。选择其中1种，绘制一个图形即创建了按钮元件。【弹起】：表示鼠标指针没有接触按钮时的状态。【指针经过】：表

4、示鼠标指针移到按钮上时的状态。【按下】：表示鼠标指针单击按钮时的状态。【点击】：定义对鼠标响应的区域，这个区域在影片播放时是看不到的。6.1.5 按钮元件的滤镜效果按钮元件的滤镜效果在Flash中，滤镜的应用简化了元件的制作过程，但滤镜效果只能应用于按钮元件和影片剪辑元件，对图形元件则无效。系统中自带的滤镜效果有【投影】、【模糊】、【发光】、【斜角】、【渐变发光】、【渐变斜角】和【调整颜色】7项。滤镜的添加是通过【滤镜】面板来操作的。单击 按钮，在弹出的滤镜效果下拉列表中选择需要添加的效果即可。6.1.6 创建影片剪辑元件创建影片剪辑元件选中需要转换为元件的对象，选择【修改】【转换为元件】命令

5、或者按F8快捷键，弹出【转换为元件】对话框，在【名称】文本框中输入“球体”，在【类型】选项组中选中【影片剪辑】单选按钮。单击【确定】按钮后即可将图形转换为影片剪辑元件。选中舞台上的影片剪辑元件实例，打开【滤镜】面板，单击 按钮，在弹出的滤镜效果下拉列表中选择相应的滤镜即可为元件添加滤镜效果。6.1.7 元件的相互转换元件的相互转换在Flash中，3种元件是可以相互转换的，操作方法也比较简单。在【库】面板中选择要转换的元件，右键单击，在弹出的快捷键菜单中选择【类型】选项，在其级联菜单中选择将要转换的元件类型即可。6.1.8 元件的作用元件的作用在Flash中元件的应用可使动画的制作变得简单方便，

6、并且有些动画效果只有使用元件才能实现，由此可见元件的作用是相当重要的，主要有以下几点。可以加快影片的播放速度。可以减小影片文件的大小。可以减化动画的编辑操作。若要修改舞台中的所有实例，则只需对库中的元件进行修改或编辑即可，非常快捷。元件作为独立于舞台的小动画有自己的舞台和时间轴，便于对复杂动画的编辑。【库】面板用于存储和组织在Flash中创建的各种元件，包括位图图形、声音文件和影片剪辑等。【库】面板还可以用来组织文件夹中的库项目，查看项目在文档中的使用信息，并按类型对项目进行排序。创建的任何元件都在元件库中，将元件拖放到舞台上就成为一个实例。选择【窗口】【库】命令或者按Ctrl+L组合键可打开

7、【库】面板。6.2 元件库元件库6.2.1 元件库的基本操作元件库的基本操作 从【库】面板中新建元件单击【库】面板左下方的【新建元件】按钮 ，弹出【创建新元件】对话框，可以在该对话框中新建所需要的元件。从【库】面板中新建文件夹单击【库】面板下方的【新建文件夹】按钮 ，可以在【库】面板中新建文件夹。更改【库】元件的属性单击【库】面板下方的【属性】按钮 ，可以改变【库】中元件的属性。若目标为按钮、影片剪辑或图形元件，单击按钮可弹出【元件属性】对话框，用户可在该对话框中设置元件的属性。从【库】面板中删除元件当【库】面板中的一些元件不需要时可以将其删除，主要的方法有以下几种。(1)选择【库】面板中不需

8、要的元件，单击面板下方的按钮即可将其删除。(2)选择【库】面板中不需要的元件，然后按键盘上的Delete键即可将其删除。(3)选择【库】面板中不需要的元件，然后单击右键，在弹出的快捷菜单中选择【删除】选项即可将其删除。6.2.2 公用库公用库公用库是Flash自带的素材库，其中包含了大量的已经制作好的元件。公用库有【学习交互】、【按钮】和【类】3个应用类型。选择【窗口】【公用库】命令，从弹出的子菜单中可以打开相应类型的公用库。选择【学习交互】选项，则打开【库-Learning Interactions.fla】面板。选择【按钮】选项，则打开【库-Buttons.fla】面板,将按钮直接拖到舞台

9、中便可使用。选择【类】选项，则打开【库-Classes.fla】面板。6.2.3 通用库通用库通用库使不同的Flash文档的【库】面板中的元件成为共享元件，这大大方便了Flash动画的制作。共享元件实例的创建比较简单，把元件从元件库中直接拖到舞台上即可创建一个实例。6.3.1 实例的编辑实例的编辑实例的编辑主要是通过【属性】面板来设置的，改变舞台中实例的属性，并不能对【库】面板中的元件造成影响。选中舞台上的实例，然后打开【属性】面板。在【属性】面板中可以更改实例的类型，定义实例的名称，改变实例的颜色样式等。6.3 实例实例 6.3.2 实例的替换实例的替换实例除了可以编辑外还可以替换，把舞台中

10、的实例替换为完全不同的另外一个实例。方法如下。选中舞台上的其中1个实例，在【属性】面板单击【交换】按钮，弹出【交换元件】对话框。选中对话框中需要替换的实例，然后单击【确定】按钮即可把实例替换。6.4 综合实例综合实例满天飞舞满天飞舞 学习了元件的创建和编辑，再通过制作一个综合实例，熟悉在动画制作过程中如何运用元件。导入素材最终效果本讲主要讲解了元件的概念、创建方法、元件类型以及如何编辑元件，了解元件之间的相互转换和元件在动画制作过程中的重要作用。学习了元件库的一些基本操作和元件在舞台中的应用即实例的编辑和替换等。元件是Flash动画中重要的一个元素，掌握并灵活运用元件不仅可以减小存储文件的大小

11、，而且可以加快动画的下载速度。6.5 本讲小结本讲小结1.判断题判断题（1）打开库面板的组合键是Ctrl+L。（）（2）各类元件之间不可以相互转换。（）（3）转换为元件的快捷键是F8。（）2.选择题选择题（1）在Flash中元件主要有哪些类型？（）A.图形元件 B.按钮元件 C.影片剪辑元件 D.位图元件（2）新建元件的组合键是（）A.Ctrl+B B.Ctrl+F8 C.Ctrl+G D.Shift+B（3）在Flash中公用库里主要有哪些类型（）A.学习交互 B.按钮 C.影片剪辑 D.类3.上机操作题上机操作题 制作一个按钮元件，要求通过颜色的变化来设置“弹起”、“指针经过”、“按下”和“单击”四个过程。6.6 思考与练习思考与练习The End!