中文版FlashCS5基础培训教程6ppt课件教案.ppt

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