《中文版FlashCS5基础培训教程6ppt课件.ppt》由会员分享，可在线阅读，更多相关《中文版FlashCS5基础培训教程6ppt课件.ppt（23页珍藏版）》请在三一文库上搜索。
1、本章简介： 在Flash CS5中，元件起着举足轻重的作用。通过重复应用元件，可以提高工作效率、减少文件量。本章讲解了元件的创建、编辑、应用，以及库面板的使用方法。读者通过学习要了解并掌握如何应用元件的相互嵌套及重复应用来制作出变化无穷的动画效果。,第6章 元件和库,课堂学习目标,元件与库面板 实例的创建与应用,6.1 元件与库面板,课堂案例制作快乐行动画 元件的类型 创建图形元件 创建按钮元件 创建影片剪辑元件 转换元件 库面板的组成 库面板弹出式菜单 内置公用库及外部库的文件,使用椭圆工具绘制云朵图形，使用创建补间动画命令制作动画，使用文本工具输入文字，使用任意变形工具调整元件的大小。,效
2、果图,6.1.1 课堂案例制作快乐行动画,6.1.2 元件的类型,图形元件 图形元件一般用于创建静态图像或创建可重复使用的、与主时间轴关联的动画它有自己的编辑区和时间轴。如果在场景中创建元件的实例，那么实例将受到主场景中时间轴的约束。换句话说，图形元件中的时间轴与其实例在主场景的时间轴同步。 按钮元件 按钮元件是创建能激发某种交互行为的按钮。创建按钮元件的关键是设置4种不同状态的帧，即“弹起”（鼠标抬起）、“指针经过”（鼠标移入）、“按下”（鼠标按下）、“点击”(鼠标响应区域，在这个区域创建的图形不会出现在画面中)。 影片剪辑元件 影片剪辑元件也像图形元件一样有自己的编辑区和时间轴，但又不完全
3、相同。影片剪辑元件的时间轴是独立的，它不受其实例在主场景时间轴（主时间轴）的控制。,选择“插入 新建元件”命令，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“草莓”，在“类型”选项的下拉列表中选择“图形”选项，单击“确定”按钮，创建一个新的图形元件“草莓”。图形元件的名称出现在舞台的左上方，舞台切换到了图形元件“草莓”的窗口，窗口中间出现十字，代表图形元件的中心定位点，在“库”面板中显示出图形元件。,创建图形元件过程,6.1.3 创建图形元件,选择“插入 新建元件”命令，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“星星”，在“类型”选项的下拉列表中选择“按钮”选项，单击“
4、确定”按钮，创建一个新的按钮元件“星星”。按钮元件的名称出现在舞台的左上方，舞台切换到了按钮元件“星星”的窗口，窗口中间出现十字，代表按钮元件的中心定位点。在“时间轴”窗口中显示出4个状态帧：“弹起”、“指针”、“按下”、“点击”。在“库”面板中显示出按钮元件。,创建按钮元件过程,6.1.4 创建按钮元件,选择“插入 新建元件”命令，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“变形动画”，在“类型”选项的下拉列表中选择“影片剪辑”选项，单击“确定”按钮，创建一个新的影片剪辑元件“变形动画”。影片剪辑元件的名称出现在舞台的左上方，舞台切换到了影片剪辑元件“变形动画”的窗口，窗口中间出
5、现十字，代表影片剪辑元件的中心定位点。在“库”面板中显示出影片剪辑元件。,创建影片剪辑元件过程,6.1.5 创建影片剪辑元件,6.1.6 转换元件,将图形转换为图形元件 如果在舞台上已经创建好矢量图形并且以后还要再次应用，可将其转换为图形元件。选中矢量图形，选择“修改 转换为元件”命令，或按F8键，弹出“转换为元件”对话框，进行设置后单击“确定”按钮，矢量图形被转换为图形元件。 设置图形元件的中心点 选中矢量图形，选择“修改 转换为元件”命令，弹出“转换为元件”对话框，在对话框的“注册”选项中有9个中心定位点，可以用来设置转换元件的中心点。 转换元件 在制作的过程中，可以根据需要将一种类型的元
6、件转换为另一种类型的元件。选中“库”面板中的图形元件，单击面板下方的“属性”按钮，弹出“元件属性”对话框，选中“影片剪辑”选项，单击“确定”按钮，图形元件转化为影片剪辑元件。,选择“窗口 库”命令，或按Ctrl+L组合键，弹出“库”面板。,“库”面板,6.1.7 库面板的组成,单击“库”面板右上方的按钮，出现弹出式菜单，在菜单中提供了实用命令。,“库”面板弹出式菜单,6.1.8 库面板弹出式菜单,6.1.9 内置公用库及外部库的文件,内置公用库 Flash CS5附带的内置公用库中包含一些范例，可以使用内置公用库向文档中添加按钮或声音。使用内置公用库资源可以优化动画制作者的工作流程和文件资源管
7、理。 内置外部库 可以在当前场景中使用其他Flash CS5文档的库信息。,6.2 实例的创建与应用,课堂案例制作彩色按钮实例 建立实例 转换实例的类型 替换实例引用的元件 改变实例的颜色和透明效果 分离实例 元件编辑模式,使用任意变形工具调整元件的大小，使用属性面板调整元件的不透明度。,效果图,6.2.1 课堂案例制作彩色按钮实例,6.2.2 建立实例,建立图形元件的实例 选择“窗口 库”命令，弹出“库”面板，在面板中选中图形元件“花”，将其拖曳到场景中，场景中的草莓图形就是图形元件“花”的实例。 建立按钮元件的实例 选中“库”面板中的按钮元件“按钮”，将其拖曳到场景中，场景中的图形就是按钮
8、元件“按钮”的实例。 建立影片剪辑元件的实例 选中“库”面板中的影片剪辑元件“鱼”，将其拖曳到场景中，场景中的鱼图形就是影片剪辑元件“鱼”的实例。,每个实例最初的类型，都是延续了其对应元件的类型。可以将实例的类型进行转换。在舞台上选择图形实例，在“属性”面板的左上方，选择“元件行为”选项下拉列表中的“影片剪辑”，图形“属性”面板转换为影片剪辑“属性”面板，实例类型从图形转换为影片剪辑。,实例类型从图形转换为影片剪辑,6.2.3 转换实例的类型,如果需要替换实例所引用的元件，但保留所有的原始实例属性（如色彩效果或按钮动作），可以通过Flash的“交换元件”命令来实现。 选中花实例，单击图形“属性
9、”面板中的“交换元件”按钮，弹出“交换元件”对话框，在对话框中选中按钮元件“按钮”，单击“确定”按钮，花转换为按钮。,6.2.4 替换实例引用的元件,替换实例所引用的元件,在舞台中选中实例，在“属性”面板中的“色彩效果”选项组的“样式”选项的下拉列表中，应用其中的选项可以改变实例的颜色和透明效果。,6.2.5 改变实例的颜色和透明效果,“属性”面板,选中实例，选择“修改 分离”命令，或按Ctrl+B组合键，将实例分离为图形，即填充色和线条的组合，选择“颜料桶”工具，设置不同的填充颜色，改变图形的填充色。,6.2.6 分离实例,分离实例过程,6.2.7 元件编辑模式,元件创建完毕后常常需要修改，
10、此时需要进入元件编辑状态，修改完元件后又需要退出元件编辑状态进入主场景编辑动画。,在主场景中双击元件实例进入元件编辑模式。 在“库”面板中双击要修改的元件进入元件编辑模式。 在主场景中用鼠标右键单击元件实例，在弹出的菜单中选择“编辑”命令进入元件编辑模式。 在主场景中选择元件实例后，选择“编辑 编辑元件”命令进入元件编辑模式。,进入组件编辑模式，可以通过以下几种方式。,退出元件编辑模式，可以通过以下几种方式 。,单击舞台窗口左上方的场景名称，进入主场景窗口。 选择“编辑 编辑文档”命令，进入主场景窗口。,使用钢笔工具绘制图形。使用椭圆工具绘制图形。使用颜色面板为圆形填充颜色。使用矩形工具制作底图。,效果图,课堂练习制作演唱会动画,使用矩形工具绘制图形，使用任意变形工具调整图形的大小，使用多角星形工具绘制星星，使用椭圆工具绘制云朵。,效果图,课后习题制作卡通插画,