《Flash--网页设计教程5.ppt》由会员分享，可在线阅读，更多相关《Flash--网页设计教程5.ppt（23页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 本章简介：本章简介：在在Flash Flash CS3CS3中中，元元件件起起着着举举足足轻轻重重的的作作用用。通通过过重重复复应应用用元元件件，可可以以提提高高工工作作效效率率、减减少少文文件件量量。本本章章讲讲解解了了元元件件的的创创建建、编编辑辑、应应用用，以以及及库库面面板板的的使使用用方方法法。读读者者通通过过学学习习要要了了解解并并掌掌握握如如何何应应用用元元件件的的相相互互嵌嵌套套及及重重复复应应用用来来制制作作出出变变化化无无穷穷的的动画效果。动画效果。第5章元件和库 课堂学习目标元件与库面板元件与库面板 实例的创建与应用实例的创建与应用 5.1元件与库面板 元件的类型元件的
2、类型创建图形元件创建图形元件 创建按钮元件创建按钮元件 创建影片剪辑元件创建影片剪辑元件 转换元件转换元件 库面板的组成库面板的组成 库面板弹出式菜单库面板弹出式菜单 内置公用库及外部库的文件内置公用库及外部库的文件课堂案例课堂案例制作菜单效果制作菜单效果5.1.1元件的类型 图形元件图形元件 图图形形元元件件一一般般用用于于创创建建静静态态图图像像或或创创建建可可重重复复使使用用的的、与与主主时时间间轴轴关关联联的的动动画画它它有有自自己己的的编编辑辑区区和和时时间间轴轴。如如果果在在场场景景中中创创建建元元件件的的实实例例，那那么么实实例例将将受受到到主主场场景景中中时时间间轴轴的的约约束
3、束。换换句句话话说说，图图形形元元件件中中的的时时间间轴轴与与其其实实例例在主场景的时间轴同步。在主场景的时间轴同步。按钮元件按钮元件 按按钮钮元元件件是是创创建建能能激激发发某某种种交交互互行行为为的的按按钮钮。创创建建按按钮钮元元件件的的关关键键是是设设置置4 4种种不不同同状状态态的的帧帧，即即“弹弹起起”（鼠鼠标标抬抬起起）、“指指针针经经过过”（鼠鼠标标移移入入）、“按按下下”（鼠鼠标标按按下下）、“点点击击”(鼠鼠标标响响应应区区域域，在在这这个个区区域域创创建建的的图图形形不不会出现在画面中会出现在画面中)。影片剪辑元件影片剪辑元件 影影片片剪剪辑辑元元件件也也像像图图形形元元件
4、件一一样样有有自自己己的的编编辑辑区区和和时时间间轴轴，但但又又不不完完全全相相同同。影影片片剪剪辑辑元元件件的的时时间间轴轴是是独独立立的的，它它不不受受其其实实例例在在主主场场景景时时间间轴轴（主主时间轴）的控制。时间轴）的控制。选选择择“插插入入 新新建建元元件件”命命令令，弹弹出出“创创建建新新元元件件”对对话话框框，在在“名名称称”选选项项的的文文本本框框中中输输入入“草草莓莓”，选选中中“图图形形”选选项项，单单击击“确确定定”按按钮钮，创创建建一一个个新新的的图图形形元元件件“草草莓莓”。图图形形元元件件的的名名称称出出现现在在舞舞台台的的左左上上方方，舞舞台台切切换换到到了了图
5、图形形元元件件“草草莓莓”的的窗窗口口，窗窗口口中中间间出出现现十十字字“+”，代代表表图图形形元元件件的的中中心定位点，在心定位点，在“库库”面板中显示出图形元件。面板中显示出图形元件。创建图形元件过程 5.1.2创建图形元件 选选择择“插插入入 新新建建元元件件”命命令令，弹弹出出“创创建建新新元元件件”对对话话框框，在在“名名称称”选选项项的的文文本本框框中中输输入入“星星星星”，选选中中“按按钮钮”选选项项，单单击击“确确定定”按按钮钮，创创建建一一个个新新的的按按钮钮元元件件“星星星星”。按按钮钮元元件件的的名名称称出出现现在在舞舞台台的的左左上上方方，舞舞台台切切换换到到了了按按钮
6、钮元元件件“星星星星”的的窗窗口口，窗窗口口中中间间出出现现十十字字“+”，代代表表按按钮钮元元件件的的中中心心定定位位点点。在在“时时间间轴轴”窗窗口口中中显显示示出出4个个状状态态帧帧：“弹弹起起”、“指指针针经经过过”、“按下按下”、“点击点击”。在。在“库库”面板中显示出按钮元件。面板中显示出按钮元件。创建按钮元件过程 5.1.3创建按钮元件 选选择择“插插入入 新新建建元元件件”命命令令，弹弹出出“创创建建新新元元件件”对对话话框框，在在“名名称称”选选项项的的文文本本框框中中输输入入“变变形形动动画画”，选选中中“影影片片剪剪辑辑”选选项项，单单击击“确确定定”按按钮钮，创创建建一
7、一个个新新的的影影片片剪剪辑辑元元件件“变变形形动动画画”。影影片片剪剪辑辑元元件件的的名名称称出出现现在在舞舞台台的的左左上上方方，舞舞台台切切换换到到了了影影片片剪剪辑辑元元件件“变变形形动动画画”的的窗窗口口，窗窗口口中中间间出出现现十十字字“”，代代表表影影片片剪剪辑辑元元件件的的中中心心定定位位点点。在在“库库”面面板板中中显显示示出出影影片片剪剪辑辑元件。元件。创建影片剪辑元件过程 5.1.4创建影片剪辑元件 5.1.5转换元件将图形转换为图形元件将图形转换为图形元件 如如果果在在舞舞台台上上已已经经创创建建好好矢矢量量图图形形并并且且以以后后还还要要再再次次应应用用，可可将将其其
8、转转换换为为图图形形元元件件。选选中中矢矢量量图图形形，选选择择“修修改改 转转换换为为元元件件”命命令令，或或按按F8F8键键，弹弹出出“转转换换为为元元件件”对对话话框框，进进行行设设置置后后单单击击“确确定定”按按钮钮，矢矢量量图图形形被被转转换换为为图图形元件。形元件。设置图形元件的中心点设置图形元件的中心点 选选中中矢矢量量图图形形，选选择择“修修改改 转转换换为为元元件件”命命令令，弹弹出出“转转换换为为元元件件”对对话话框框，在在对对话话框框的的“注注册册”选选项项中中有有9 9个个中中心心定定位位点点，可可以以用用来来设设置置转转换换元元件件的中心点。的中心点。转换元件转换元件
9、 在在制制作作的的过过程程中中，可可以以根根据据需需要要将将一一种种类类型型的的元元件件转转换换为为另另一一种种类类型型的的元元件件。选选中中“库库”面面板板中中的的图图形形元元件件，单单击击面面板板下下方方的的“属属性性”按按钮钮，弹弹出出“元元件件属属性性”对对话话框框，选选中中“影影片片剪剪辑辑”选选项项，单单击击“确确定定”按按钮钮，图图形形元元件件转转化化为为影片剪辑元件。影片剪辑元件。选择选择“窗口窗口 库库”命令，或按命令，或按Ctrl+L组合键，弹出组合键，弹出“库库”面板。面板。“库”面板 5.1.6库面板的组成 单击单击“库库”面板右上方的按钮，出现弹出式菜单，在菜单中提供
10、了实用命令。面板右上方的按钮，出现弹出式菜单，在菜单中提供了实用命令。“库”面板弹出式菜单 5.1.7库面板弹出式菜单 5.1.8内置公用库及外部库的文件 内置公用库内置公用库 Flash Flash CS3CS3附附带带的的内内置置公公用用库库中中包包含含一一些些范范例例，可可以以使使用用内内置置公公用用库库向向文文档档中中添添加加按按钮钮或或声声音音。使使用用内内置置公公用用库库资资源源可可以以优优化化动动画画制制作者的工作流程和文件资源管理。作者的工作流程和文件资源管理。内置外部库内置外部库 可以在当前场景中使用其他可以在当前场景中使用其他Flash CS3Flash CS3文档的库信息
11、。文档的库信息。使用铅笔工具绘制虚线和实线效果。使用变形面板制作图像旋转效使用铅笔工具绘制虚线和实线效果。使用变形面板制作图像旋转效果。使用文本工具添加文本。使用属性面板改变图像的位置。果。使用文本工具添加文本。使用属性面板改变图像的位置。效果图 5.1.9课堂案例制作菜单效果5.2创建实例与应用实例建立实例建立实例 转换实例的类型转换实例的类型 替换实例引用的元件替换实例引用的元件 改变实例的颜色和透明效果改变实例的颜色和透明效果 分离实例分离实例 元件编辑模式元件编辑模式 课堂案例课堂案例制作水晶按钮制作水晶按钮5.2.1建立实例 建立图形元件的实例建立图形元件的实例 选选择择“窗窗口口
12、库库”命命令令，弹弹出出“库库”面面板板，在在面面板板中中选选中中图图形形元元件件“红红色色草草莓莓”，将将其其拖拖曳曳到到场场景景中中，场场景景中中的的草草莓莓图图形形就就是是图图形形元元件件“红色草莓红色草莓”的实例。的实例。建立按钮元件的实例建立按钮元件的实例 选选中中“库库”面面板板中中的的按按钮钮元元件件“绿绿色色星星星星”，将将其其拖拖曳曳到到场场景景中中，场景中的图形就是按钮元件场景中的图形就是按钮元件“绿色星星绿色星星”的实例。的实例。建立影片剪辑元件的实例建立影片剪辑元件的实例 选选中中“库库”面面板板中中的的影影片片剪剪辑辑元元件件“海海马马游游泳泳”，将将其其拖拖曳曳到到
13、场场景景中中，场景中的海马图形就是影片剪辑元件场景中的海马图形就是影片剪辑元件“海马游泳海马游泳”的实例。的实例。每每个个实实例例最最初初的的类类型型，都都是是延延续续了了其其对对应应元元件件的的类类型型。可可以以将将实实例例的的类类型型进进行行转转换换。在在舞舞台台上上选选择择图图形形实实例例，在在“属属性性”面面板板的的左左上上方方，选选择择“元元件件行行为为”选选项项下下拉拉列列表表中中的的“影影片片剪剪辑辑”，图图形形“属属性性”面面板板转转换换为为影片剪辑影片剪辑“属性属性”面板，实例类型从图形转换为影片剪辑。面板，实例类型从图形转换为影片剪辑。实例类型从图形转换为影片剪辑5.2.2
14、转换实例的类型 如如果果需需要要替替换换实实例例所所引引用用的的元元件件，但但保保留留所所有有的的原原始始实实例例属属性性（如如色彩效果或按钮动作），可以通过色彩效果或按钮动作），可以通过Flash的的“交换元件交换元件”命令来实现。命令来实现。选选中中草草莓莓实实例例，单单击击图图形形“属属性性”面面板板中中的的“交交换换元元件件”按按钮钮，弹弹出出“交交换换元元件件”对对话话框框，在在对对话话框框中中选选中中按按钮钮元元件件“绿绿色色星星星星”，单单击击“确定确定”按钮，草莓转换为绿色星星。按钮，草莓转换为绿色星星。5.2.3替换实例引用的元件 替换实例所引用的元件 在舞台中选中实例，在在
15、舞台中选中实例，在“属性属性”面板中选择面板中选择“颜色颜色”选项的下拉列选项的下拉列表，应用其中的选项可以改变实例的颜色和透明效果。表，应用其中的选项可以改变实例的颜色和透明效果。5.2.4改变实例的颜色和透明效果 “属性”面板 选选中中实实例例，选选择择“修修改改 分分离离”命命令令，或或按按Ctrl+B组组合合键键，将将实实例例分分离离为为图图形形，即即填填充充色色和和线线条条的的组组合合，选选择择“颜颜料料桶桶”工工具具，设设置置不不同同的填充颜色，改变图形的填充色。的填充颜色，改变图形的填充色。5.2.5分离实例 分离实例过程5.2.6元件编辑模式 元元件件创创建建完完毕毕后后常常常
16、常需需要要修修改改，此此时时需需要要进进入入元元件件编编辑辑状状态态，修修改改完元件后又需要退出元件编辑状态进入主场景编辑动画。完元件后又需要退出元件编辑状态进入主场景编辑动画。在主场景中双击元件实例进入元件编辑模式。在主场景中双击元件实例进入元件编辑模式。在在“库库”面板中双击要修改的元件进入元件编辑模式。面板中双击要修改的元件进入元件编辑模式。在在主主场场景景中中用用鼠鼠标标右右键键单单击击元元件件实实例例，在在弹弹出出的的菜菜单单中中选选择择“编编辑辑”命命令进入元件编辑模式。令进入元件编辑模式。在在主主场场景景中中选选择择元元件件实实例例后后，选选择择“编编辑辑 编编辑辑元元件件”命命
17、令令进进入入元元件件编编辑模式。辑模式。进入组件编辑模式，可以通过以下几种方式。进入组件编辑模式，可以通过以下几种方式。退出元件编辑模式，可以通过以下几种方式退出元件编辑模式，可以通过以下几种方式。单击舞台窗口左上方的场景名称，进入主场景窗口。单击舞台窗口左上方的场景名称，进入主场景窗口。选择选择“编辑编辑 编辑文档编辑文档”命令，进入主场景窗口。命令，进入主场景窗口。使用任意变形工具调整元件的大小，使用属性面板中调整元件的颜色。使用任意变形工具调整元件的大小，使用属性面板中调整元件的颜色。效果图 5.2.7课堂案例制作水晶按钮使用文本工具添加文字效果。使用对齐面板将文字对齐和水平居中分布对齐。使用文本工具添加文字效果。使用对齐面板将文字对齐和水平居中分布对齐。效果图 5.3课堂练习制作变色文字 使使用用颜颜色色面面板板和和椭椭圆圆工工具具绘绘制制按按钮钮效效果果。使使用用选选择择工工具具和和线线条条工工具具制制作按钮高光效果。作按钮高光效果。效果图 5.4课后习题制作购物广告