网页设计三合一教程 教学课件 作者 周从军 李旭峰第16章.ppt

《网页设计三合一教程 教学课件 作者 周从军 李旭峰第16章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计三合一教程主讲教师2021/9/201第16章元件和实例的分析及应用主讲教师本章要点元件与实例的基本概念元件的创建及与实例的关系实例的各种应用技巧元件的管理及库操作交互动画及按钮元件动画剪辑元件16.1元件和实例概述16.1.1元件的简介16.1.2实例概述16.1.3几种特殊的元件和实例介绍16.1.4元件的类型和创建元件的方法16.1.1元件的简介如下图所示的图形及其属性。16.1.1元件的简介元件1及其属性16.1.2实例概述“元件1”的4个实例如图所示。16.1.3几种特殊的元件和实例介

2、绍执行【文件】

3、【导入】

4、【导入到库】命令时，在弹出的【导入】对话框中打开【文件类型】下拉菜单，可以看到，Flash8支持图像、声音、视频等几十种格式，图中显示了其中最常见的3种。16.1.3几种特殊的元件和实例介绍位图被导入“舞台”声音被导入“舞台”视频被导入“舞台”矢量图形被导入“舞台”在【场景】中输入一段文字位图被导入“舞台”位图被导入“舞台”后，在【库】中直接为其创建一个“元件”对象；而它在“舞台”上的图片也就被称作为“某元件的实例”；但这种“实例”只能作“动作变形”及改变位置、大小和方向；要想

5、成为真正的“舞台演员”，还需要选中它，然后按键盘上的F8键，把它重新定义为一个新“元件”。声音被导入“舞台”声音被导入“舞台”后，在【库】中自动被定义为“元件”；在“舞台”上的“实例”应用可以在帧的【属性】面板中设置；对于声音在“舞台”上的每个“实例”：可以“斩头去尾”并进行其他的特效处理，而不影响声音“元件”在【库】元件中的原来特征。视频被导入“舞台”视频被导入“舞台”后，同样在【库】中为其定义了一个“元件”；它在舞台上的“实例”仅能改变位置、大小；它实际上是一个“封装”了的“动画序列”。矢量图形被导

6、入“舞台”矢量图形被导入“舞台”后仅出现在“舞台”中；【库】中没有其相应“元件”；舞台中的矢量图形保留了原来绘制过程中的全部“路径”结构：这是动画制作中最为得心应手的动画元素。在【场景】中输入一段文字当在【场景】中输入一段文字后，它以一种较特殊的“组合”方式出现；在把“组合”解散前，仍然可以编辑它，包括文字内容、字体、字号、颜色等属性。16.1.4元件的类型和创建元件的方法1．创建图形元件2．创建按钮元件3．创建影片剪辑元件4．创建空白元件16.1.4元件的类型和创建元件的方法Flash中的元件类型包括

7、3种，即“图形”、“按钮”和“影片剪辑”。“图形元件”好比“群众演员”，到处都有它的身影，能力却有限。“按钮元件”是个“特别演员”，它无可替代的优点在于使观众与动画更贴近，也就是利用它可以实现“交互”动画。“影片剪辑元件”是个“万能演员”，它能创建出丰富的动画效果，能使导演想得到的任何灵感变为现实。1．创建图形元件能创建“图形元件”的元素可以是导入的位图图像、矢量图形、文本对象，以及用Flash工具创建的线条、色块等。选择相关元素，按键盘上的F8键，在【转换为元件】对话框的【名称】文本框中输入元件的名称

8、，在【类型】中选择【图形】，如图所示。单击【确定】按钮后，在【库】中生成相应的“元件”，在舞台中，元素变成了“元件的一个实例”。2．创建按钮元件能创建“按钮元件”的元素可以是：导入的位图图像、矢量图形、文本对象以及用Flash工具创建的任何图形。按钮元件的【转换为元件】对话框如图所示。说明：除了拥有“图形元件”的全部变形功能外，还拥有3个“状态帧”和1个“有效区帧”。3个“状态帧”分别是“一般”、“鼠标经过”、“按下”；有效区帧”决定了按钮响应的区域范围。3．创建影片剪辑元件（MC）可以把“舞台”上任何

9、看得到的对象，甚至整个“时间轴”内容创建为一个MC；还可把一个MC放置到另一个MC中；还可以把一段动画（如逐帧动画）转换成“影片剪辑”元件。影片剪辑元件的【转换为元件】对话框如图所示。4．创建空白元件在确定舞台上没有任何对象被选取的情况下执行：【插入】

10、【新建元件】命令或者按快捷键Ctrl+F8，打开【创建新元件】对话框，输入元件名称，选择元件的类型，单击【确定】按钮即可进入新元件编辑模式。说明在新元件编辑模式中，元件名会在舞台的左上角显示，窗口中包含一个“十”字，它代表了元件的“定位点”，这时用户可以

11、利用时间轴、绘图工具或导入其他素材来创建、编辑元件的具体内容。16.2元件库的使用及管理16.2.1元件库简介16.2.2管理元件16.2.3元件库的使用16.2.1元件库简介打开【库】的快捷键为F11键或者Ctrl+L组合键。重复按F11键能在【库】面板的“打开”和“关闭”状态中快速切换。【库】可以随意移动，可以设置大小模式。【库】面板上还有“库菜单”，以及元件的“项目列表”和编辑按钮。【库】存放着动画作品的所有元件。16.2.2管理元件