Flash网页设计教程 教学课件 作者 王爱红 石琳 5.ppt

《Flash网页设计教程 教学课件 作者 王爱红 石琳 5.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、本章简介：在FlashCS3中，元件起着举足轻重的作用。通过重复应用元件，可以提高工作效率、减少文件量。本章讲解了元件的创建、编辑、应用，以及库面板的使用方法。读者通过学习要了解并掌握如何应用元件的相互嵌套及重复应用来制作出变化无穷的动画效果。第5章　元件和库课堂学习目标元件与库面板实例的创建与应用5.1元件与库面板元件的类型创建图形元件创建按钮元件创建影片剪辑元件转换元件库面板的组成库面板弹出式菜单内置公用库及外部库的文件课堂案例——制作菜单效果5.1.1元件的类型图形元件图形元件一般用于创建静态图像或创建可重复使用的、与主时间轴关联

2、的动画它有自己的编辑区和时间轴。如果在场景中创建元件的实例，那么实例将受到主场景中时间轴的约束。换句话说，图形元件中的时间轴与其实例在主场景的时间轴同步。按钮元件按钮元件是创建能激发某种交互行为的按钮。创建按钮元件的关键是设置4种不同状态的帧，即“弹起”（鼠标抬起）、“指针经过”（鼠标移入）、“按下”（鼠标按下）、“点击”(鼠标响应区域，在这个区域创建的图形不会出现在画面中)。影片剪辑元件影片剪辑元件也像图形元件一样有自己的编辑区和时间轴，但又不完全相同。影片剪辑元件的时间轴是独立的，它不受其实例在主场景时间轴（主时间轴）的控制。选择“

3、插入>新建元件”命令，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“草莓”，选中“图形”选项，单击“确定”按钮，创建一个新的图形元件“草莓”。图形元件的名称出现在舞台的左上方，舞台切换到了图形元件“草莓”的窗口，窗口中间出现十字“+”，代表图形元件的中心定位点，在“库”面板中显示出图形元件。创建图形元件过程5.1.2创建图形元件选择“插入>新建元件”命令，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“星星”，选中“按钮”选项，单击“确定”按钮，创建一个新的按钮元件“星星”。按钮元件的名称出现在舞台的左上方，舞台切换到

4、了按钮元件“星星”的窗口，窗口中间出现十字“+”，代表按钮元件的中心定位点。在“时间轴”窗口中显示出4个状态帧：“弹起”、“指针经过”、“按下”、“点击”。在“库”面板中显示出按钮元件。创建按钮元件过程5.1.3创建按钮元件选择“插入>新建元件”命令，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“变形动画”，选中“影片剪辑”选项，单击“确定”按钮，创建一个新的影片剪辑元件“变形动画”。影片剪辑元件的名称出现在舞台的左上方，舞台切换到了影片剪辑元件“变形动画”的窗口，窗口中间出现十字“”，代表影片剪辑元件的中心定位点。在“库”面

5、板中显示出影片剪辑元件。创建影片剪辑元件过程5.1.4创建影片剪辑元件5.1.5转换元件将图形转换为图形元件如果在舞台上已经创建好矢量图形并且以后还要再次应用，可将其转换为图形元件。选中矢量图形，选择“修改>转换为元件”命令，或按F8键，弹出“转换为元件”对话框，进行设置后单击“确定”按钮，矢量图形被转换为图形元件。设置图形元件的中心点选中矢量图形，选择“修改>转换为元件”命令，弹出“转换为元件”对话框，在对话框的“注册”选项中有9个中心定位点，可以用来设置转换元件的中心点。转换元件在制作的过程中，可以根据需要将一种类型的元件转换为另一

6、种类型的元件。选中“库”面板中的图形元件，单击面板下方的“属性”按钮，弹出“元件属性”对话框，选中“影片剪辑”选项，单击“确定”按钮，图形元件转化为影片剪辑元件。选择“窗口>库”命令，或按Ctrl+L组合键，弹出“库”面板。“库”面板5.1.6库面板的组成单击“库”面板右上方的按钮，出现弹出式菜单，在菜单中提供了实用命令。“库”面板弹出式菜单5.1.7库面板弹出式菜单5.1.8内置公用库及外部库的文件内置公用库FlashCS3附带的内置公用库中包含一些范例，可以使用内置公用库向文档中添加按钮或声音。使用内置公用库资源可以优化动画制作者的

7、工作流程和文件资源管理。内置外部库可以在当前场景中使用其他FlashCS3文档的库信息。使用铅笔工具绘制虚线和实线效果。使用变形面板制作图像旋转效果。使用文本工具添加文本。使用属性面板改变图像的位置。效果图5.1.9课堂案例——制作菜单效果5.2创建实例与应用实例建立实例转换实例的类型替换实例引用的元件改变实例的颜色和透明效果分离实例元件编辑模式课堂案例——制作水晶按钮5.2.1建立实例建立图形元件的实例选择“窗口>库”命令，弹出“库”面板，在面板中选中图形元件“红色草莓”，将其拖曳到场景中，场景中的草莓图形就是图形元件“红色草莓”的实

8、例。建立按钮元件的实例选中“库”面板中的按钮元件“绿色星星”，将其拖曳到场景中，场景中的图形就是按钮元件“绿色星星”的实例。建立影片剪辑元件的实例选中“库”面板中的影片剪辑元件“海马游泳”，将其拖曳到场景中