新编中文Flash8实用教程第5章.ppt
《新编中文Flash8实用教程第5章.ppt》由会员分享,可在线阅读,更多相关《新编中文Flash8实用教程第5章.ppt(134页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第五章第五章 元件、实例和库元件、实例和库第一节第一节 元件和实例概述元件和实例概述第二节第二节 元件和实例的创建元件和实例的创建第三节第三节 元件和实例的编辑元件和实例的编辑第四节第四节 使使 用用 库库第五节第五节 使用公共库使用公共库第六节第六节 星光闪烁星光闪烁习题五习题五 所谓元件,就是指在元件库中存放的图形、按钮、影片剪辑、导入的音频和视频文件。在创建动画前,可以将该动画中用到的图形等内容制作成元件,当需要使用它们时,再直接从库中调用即可。第一节 元件和实例概述所谓实例,就是元件库中的元件在动画中的应用。一、元件和实例的关系一、元件和实例的关系元件是一种可重复使用的对象,而实例是元
2、件在舞台上的一次具体使用。可以将元件看做是演员,将实例看做是演员扮演的角色。演员是固定的实体,它本身不会有任何变化,但该演员可以扮演不同的角色,且随着扮演角色的不同,演员所穿的衣服会有所不同。这就类似于元件本身是固定的,但用户可以使用该元件创建不同的实例,且每个实例的颜色、透明度和亮度等属性是可以调整的。当用户编辑元件时,该元件的所有实例都相应地更新以实时反映元件的最新状态,元件的另一个好处是使用它们可以创建交互式动画。二、元件的分类二、元件的分类在Flash 8中,可以将元件分为4类,分别为图形元件、按钮元件、影片剪辑元件和字体元件。(1)图形元件:用于制作静态图像及连接到主时间轴中可重复使
3、用的动画序列。图形元件与主时间轴同步运行,且不能在图形元件的动画序列中添加交互式控件和声音。(2)按钮元件:用于制作响应鼠标单击、滑过或其他动作的交互式按钮。在按钮中,可以定义与按钮各种状态相关联的图形,然后再将动作分配给该按钮的实例。(3)影片剪辑元件:用于制作可重复使用的动画片段。影片剪辑元件拥有独立于主时间轴的时间轴,可以将它看做是主时间轴内嵌套的时间轴。影片剪辑元件中可以包含交互式控件、声音及其他的影片剪辑实例,还可以将影片剪辑实例放在按钮元件的时间轴内来创建动画按钮。(4)字体元件:使用字体元件可以导出字体并在其他Flash文档中使用。在Flash 8中,既可以直接创建一个空白元件,
4、然后在该元件的编辑模式中创建和编辑元件的内容,也可以将舞台中的某个对象转换为元件来使用。一、图形元件的创建一、图形元件的创建图形元件用于制作静态图形,它有相对独立的编辑区域,当将其应用到场景中时,会受到当前场景中帧序列和其他交互式设置的影响,图形元件的创建过程如下:第二节 元件和实例的创建(1)在菜单栏中选择“插入”“新建元件”命令,弹出“创建新元件”对话框,如图所示。(2)在“名称”文本框中输入元件的名称,在“类型”选项区中选中“图形”单选按钮,单击“确定”按钮,即可进入该元件的编辑模式,如图所示。图5.2.1 “创建新元件”对话框 图5.2.2 元件编辑模式 (3)在菜单栏中选择“文件”“
5、导入”“导入到舞台”命令,在弹出的“导入”对话框中选择一幅图片,并将其导入到舞台中,如图所示。(4)在菜单栏中选择“窗口”“库”命令,打开库面板。此时,创建的图形元件已被放置于库中,如图所示。图5.2.3 导入的图片 图5.2.4 库面板 二、将图形对象转换为图形元件二、将图形对象转换为图形元件用户也可以将舞台中的对象选中后,将其转换为元件来使用,具体操作步骤如下:(1)使用选择工具将舞台中的对象选中,如图所示。(2)在菜单栏中选择“修改”“转换为元件”命令,弹出“转换为元件”对话框,如图所示。图5.2.5 选中图形对象 图5.2.6 “转换为元件”对话框 (3)在“名称”文本框中输入元件的名
6、称,在“类型”选项区中选中“图形”单选按钮。“注册”选项区中的注册网格使用黑色的小正方形来指示注册点在元件定位框中的位置。注册点是元件旋转时所围绕的轴,也是元件对齐时依照的参照物。单击“注册”网格中左上角的正方形,将它作为注册点的位置,单击“确定”按钮,即可将选中的图形对象转换为图形元件,且该元件的注册点在其左上角,如图所示。(4)在菜单栏中选择“窗口”“库”命令,打开库面板。此时,创建的图形元件已被放置于库中,如图所示。图5.2.7 将图形对象转换为图形元件 图5.2.8 库面板 三、影片剪辑元件的创建三、影片剪辑元件的创建如果要在动画中反复使用某个动画片段,可将其制作成影片剪辑元件,这样就
7、可重复调用该元件,影片剪辑元件的创建过程如下:(1)在菜单栏中选择“插入”“新建元件”命令,在弹出的“创建新元件”对话框中设置参数,创建一个名为“野草”的图形元件,如图所示。(2)在该元件的编辑模式中,使用绘图工具绘制如图所示的野草。图5.2.9 创建“野草”图形元件 图5.2.10 绘制的野草 (3)在菜单栏中选择“插入”“新建元件”命令,在弹出的“创建新元件”对话框中设置参数,创建一个名为“风吹草动”的影片剪辑,如图所示。(4)在该元件的编辑模式中,将库中的图形元件“野草”选中,并将其拖至舞台中。(5)将元件中心的小圆圈移至元件的右下角,如图所示。图5.2.11 创建“风吹草动”影片剪辑
8、图5.2.12 移动圆圈的位置 (6)用鼠标单击第4帧,按“F6”键插入关键帧。在工具箱中单击任意变形工具,使用该工具将图形元件水平倾斜2.7。在第6帧按“F6”键插入关键帧,并使用任意变形工具将该帧中的图形水平倾斜5.2。在第11帧按“F6”键插入关键帧,并将该帧中的图形恢复至原始状态。(7)用鼠标右键单击选中第1帧和第4帧之间的任意一帧,在弹出的快捷菜单中选择“创建补间动画”命令,在这两个关键帧之间创建补间动画。(8)重复步骤(6)的操作,分别在第4帧和第6帧、第6帧和第11帧之间创建补间动画,如图所示。图5.2.13 时间轴面板(9)此时,该影片剪辑已制作完成,可来回拖动时间轴面板上方的
9、红色方块,即播放指针,来观看风吹时草的运动。四、将动画转换为影片剪辑四、将动画转换为影片剪辑在Flash 8中,可将制作的Flash动画转换为影片剪辑来使用,具体操作步骤如下:(1)在菜单栏中选择“文件”“打开”命令,在弹出的“打开”对话框中选择一个Flash影片,并将其打开。(2)在时间轴面板中的任意一帧上单击鼠标右键,从弹出的快捷菜单中选择“选择所有帧”命令。(3)当系统将所有的帧选中后,再次在时间轴面板中的任意一帧上单击鼠标右键,从弹出的快捷菜单中选择“复制帧”命令。(4)在菜单栏中选择“插入”“新建元件”命令,在弹出的“创建新元件”对话框中设置参数,创建一个名为“动作”的影片剪辑。(5
10、)在该影片剪辑元件的编辑模式中,用鼠标右键在时间轴面板中的第1帧上单击,从弹出的快捷菜单中选择“粘贴帧”命令,即可将复制的动画全部粘贴到该影片剪辑中,如图所示。图5.2.14 复制动画到影片剪辑中五、按钮元件的创建五、按钮元件的创建按钮实际上是一个包含有4个帧的交互式影片剪辑,前3帧用于定义按钮的3种可能发生的状态,第4帧定义按钮的活动区域。按钮元件的时间轴并不能播放影片,它只是对鼠标的运动过程和鼠标的动作做出反应,并指示影片跳转到相应的帧。要制作交互式按钮,可把该按钮元件的一个实例放在舞台上,然后为该实例指定动作,且必须将动作指定给文档中按钮的实例,而不是指定给按钮时间轴中的某个帧。1按钮的
11、状态在按钮元件的时间轴中包含4个帧,它们分别代表按钮的一种状态,并且每一帧都有其特定的功能:(1)弹起状态:代表鼠标指针没有经过按钮时该按钮的外观。(2)指针经过状态:代表当鼠标指针滑过按钮时该按钮的外观。(3)按下状态:代表单击按钮时该按钮的外观。(4)点击状态:此状态用于定义响应鼠标单击的区域,且此区域在SWF文件中是不可见的。2创建按钮创建按钮实际上就是绘制在不同状态下按钮的外观。一般情况下,制作按钮需要经过绘制按钮的外形、添加关键帧和定义动作3个步骤,具体操作步骤如下:(1)在菜单栏中选择“插入”“新建元件”命令,在弹出的“创建新元件”对话框中设置参数,创建一个名为“播放按钮”的按钮元
12、件,如图所示。(2)在该元件的编辑模式中,选择矩形工具,将其圆角半径设置为30,将其填充颜色设置为浅蓝至深蓝的放射状渐变,然后绘制圆角矩形,如图所示。图5.2.15 “创建新元件”对话框 图5.2.16 绘制的圆角矩形 (3)用鼠标单击“按下”帧,按“F6”键插入关键帧。在工具箱中选择填充变形工具,使用该工具在绘制的图形上单击,调整渐变效果,如图所示。(4)单击时间轴面板下方的“插入图层”按钮,新建图层2。在工具箱中选择文本工具,在该工具属性面板中设置合适的参数,使用该工具在舞台中输入文字“Play”,如图所示。图5.2.17 调整图形的渐变效果 图5.2.18 输入文字 (5)用鼠标单击文字
13、图层的“按下”帧,按“F6”键插入关键帧,并将该帧中文字的颜色设置为黑色,如图所示。(6)至此,该按钮已制作完成,且制作好的按钮元件出现在库面板中,如图所示。图5.2.19 调整文字的颜色 图5.2.20 库面板 (7)单击库面板预览区中的“播放”按钮,可查看制作的按钮。提示:也可以用影片剪辑元件或按钮组件创建按钮。使用影片剪辑创建按钮,可以添加更多的帧到按钮或添加更复杂的动画。但是,影片剪辑按钮的文件大小必须大于按钮元件;使用按钮组件允许将按钮捆绑到其他组件上来创建特定形式的按钮。六、实例的创建六、实例的创建创建元件之后,可以在文档中任何需要的地方(包括在其他元件内)创建该元件的实例,且当用
14、户修改元件时,Flash会自动更新使用该元件的所有实例,实例的创建过程如下:(1)在时间轴面板中单击选中某个图层,将其作为当前图层。(2)在菜单栏中选择“窗口”“库”命令,打开库面板。(3)在库中选择一个元件,将其拖到舞台中,即可创建该元件的实例,如图所示。图5.2.21 创建实例在Flash 8中,用户可对创建的元件和实例进行复制、删除和重命名等编辑操作。一、复制和删除元件一、复制和删除元件使用库面板可以方便地进行元件的复制和删除操作,具体方法如下:第三节 元件和实例的编辑(1)在库中单击选中一个元件。(2)单击库面板右上角的“选项”按钮,在弹出的下拉菜单中选择“直接复制”命令,弹出“直接复
15、制元件”对话框,如图所示。(3)在默认情况下,复制后的元件名称为原元件名加上“副本”两字,如果用户想要重命名该元件,也可以在“名称”文本框中输入元件的名称。(4)设置好名称后,单击“确定”按钮,即可为该元件复制出一个副本,如图所示。图5.3.1 “直接复制元件”对话框 图5.3.2 库面板 (5)如果要删除库中的某个元件,可在库中单击选中该元件后,单击“删除”按钮,将选中的元件删除。二、重命名元件二、重命名元件用户可对库中的元件进行重新命名,使该元件更容易识别,具体操作步骤如下:(1)在库中单击选中一个元件。(2)用鼠标双击该元件的名称,即可进入编辑状态,如图所示。此时,用户可在该文本框中输入
16、文字,重新命名该元件,如图所示。图5.3.3 进入“名称”文本框 图5.3.4 重命名元件 (3)也可以单击库面板右上角的“选项”按钮,在弹出的下拉菜单中选择“重命名”命令,即可重命名该元件。三、元件编辑模式三、元件编辑模式当用户创建好元件后,还可以对其进行编辑,且被编辑的元件会影响该元件创建的所有实例。在Flash 8中,可以使用以下3种方法进入元件编辑模式对元件进行编辑。(1)在元件编辑模式中编辑元件:用鼠标双击库中要编辑的元件图标,此时,舞台将显示为该元件的元件编辑模式。并且当舞台中有多个图形时,只有被选中的元件显示在编辑窗口中,如图所示。(2)在新窗口中编辑元件:用鼠标右键单击元件,在
17、弹出的快捷菜单中选择“在新窗口中编辑”命令,即可打开一个新的元件编辑窗口,如图所示。图5.3.5 元件编辑模式 图5.3.6 新的元件编辑窗口 (3)在当前位置编辑元件:用鼠标双击舞台中的元件,即可进入该元件的编辑模式。此时,只有选中的元件才可以被编辑,其他元件均以灰色显示,如图所示。进入元件编辑模式后,用户可对舞台中的元件进行编辑,且同时更改该元件所有的实例,如图所示。图5.3.7 在当前位置编辑元件 图5.3.8 更改元件的实例 不管在哪一种编辑模式中编辑元件,都可在编辑结束后,单击编辑窗口左上角的场景名称、按钮或编辑窗口右上角的“编辑场景”按钮,切换到主场景中去。四、设置实例的颜色和透明
18、度四、设置实例的颜色和透明度用户可在属性面板中设置实例的颜色和透明度,具体操作步骤如下:(1)在舞台中选择一个实例。(2)打开该实例的属性面板,如图所示。(3)如果要设置实例的颜色和透明度,可在属性面板的“颜色”下拉列表中选择相应的选项进行设置。该列表包含5个选项,分别为无、亮度、色调、Alpha和高级,各选项的含义如下:图5.3.9 实例的属性面板1)无:不设置颜色效果。2)亮度:设置实例的亮度。可直接在文本框中输入数值或拖动滑杆上的滑块调整图像的亮度值。当该值为100%时,图像为纯白色;当该值为100%时,图像为黑色,如图所示。图5.3.10 设置实例的亮度3)色调:设置实例的颜色。可以使
19、用一种颜色为实例着色。单击“颜色”按钮,打开颜色调节面板,可在该面板中选择一种颜色,或在颜色的R,G和B文本框中输入三原色的分量值确定一种颜色作为实例的颜色。在文本框中输入数值可设置着色比例,当该值为0时,表示完全不影响原图像;当该值为100%时,表示图像完全被选定的颜色覆盖,如图所示。图5.3.11 设置实例的色调4)Alpha:设置实例的透明度。当该值为0时,实例将完全透明不可见;当该值为100%时,实例没有任何变化完全可见,如图所示。图5.3.12 设置实例的透明度5)高级:单独设置实例的红、绿、蓝三原色和透明度,如图所示。单击该面板中的“设置”按钮,弹出“高级效果”对话框,如图所示。图
20、5.3.13 设置实例的高级选项 图5.3.14 “高级效果”对话框 该对话框中的每一个选项都可以通过左右两个文本框中的数值进行调整。左边的文本框用于输入减少相应颜色分量或透明度的比例;右边的文本框则通过具体的数值来增加或减少相应颜色或透明度的数值。(4)设置好参数后,即可改变实例的色彩效果,如图所示即为同一个元件实例应用不同设置后的效果。图5.3.15 实例的不同色彩效果五、用其他元件替换实例五、用其他元件替换实例在Flash 8中,用户可给实例更换元件,以改变显示效果,且该实例将保留原来的属性,具体操作步骤如下:(1)选中舞台中创建的实例。(2)在该实例属性面板中“颜色”下拉列表中选择“色
21、调”选项,并调整其数值,效果如图所示。(3)在菜单栏中选择“窗口”“库”命令,打开库面板。在库中选择一个元件,将其拖到舞台中创建该元件的实例,如图所示。图5.3.16 设置实例的色调 图5.3.17 创建实例 (4)单击该实例属性面板中的“交换”按钮,弹出“交换元件”对话框,如图所示。图5.3.18 “交换元件”对话框(5)在该对话框中的元件列表中用鼠标双击“元件1”图标,此时,舞台中将显示替换后的实例,如图所示。图5.3.19 替换实例虽然该实例的元件被替换,但保留了该元件的属性,更换元件后实例的属性面板如图所示。图5.3.20 替换后实例的属性面板六、更改实例的类型六、更改实例的类型用户可
22、更改实例的类型,以重新定义它在动画中的表现。例如,如果创建的图形元件包含动画,而该动画又可以在主时间轴中独立播放,则可将它重新定义为影片剪辑实例,具体操作步骤如下:(1)在舞台中选择该图形元件实例,并打开其属性面板。(2)单击元件行为右侧的下拉按钮,弹出其下拉列表。该列表中包含3个选项,分别为图形、按钮和影片剪辑。用户可在该列表中选择影片剪辑。(3)此时,舞台中图形元件实例的类型将会改变,如图所示。图5.3.21 更改实例的类型七、设置图形元件实例的动画播放模式七、设置图形元件实例的动画播放模式如果用户创建的图形元件实例中包含着动画,可使用属性面板设置动画的播放模式,具体操作步骤如下:(1)选
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 新编 中文 Flash8 实用教程
限制150内