第5章 Flash的元件.pptVIP

* 任务14：动态按钮 第五章 Flash的元件 教学目标：掌握图形、按钮、影片剪辑的定义及使用 教学难点：按钮及影片剪辑结合制作动态按钮 制作步骤： 1、新建文档，执行“文件—导入—导入到舞台”命令，依次导入素材： 黑白图、彩色图、金色图。 2、选择黑白图，执行“修改—转化为元件”命令，在弹出的“转换为元 件”对话框中，在对话框的名称处，输入“黑白图”，“类型”处选择“图形”， 将素材转为元件。 3、重复步骤2，将另外两个素材也转换为元件，注意命名。 4、将舞台上的三幅图片删除。 5、执行“窗口—库”命令打开【库】面板， 6、执行“插入—新建元件”命令，弹出“创建新元件”对话框， 在对话框的“类型”处选择“影片剪辑”选项，“名称”文本框中输入“弹起状态”， 单击“确定”按钮，进入元件编辑模式， 7、在影片剪辑“弹起状态”的编辑状态下，制作黑白图由小到大并渐渐透明 的动态效果。在第1帧将【库】面板中的元件“黑白图”拖拽到舞台上，并相 对于舞台居中对齐。 8、选择时间轴的第30帧，按F6插入关键帧，使用【任意变形工具】将黑白图 放大（按住Shift键）。 9、选择第30帧，在工具箱中单击【选择工具】，打开【属性】面板，在“颜色” 下拉列表中选择“Alpha”选项，将其值设置为0%，黑白图变为透明。 10、选择时间轴第1帧~30帧之间的任意一帧，单击鼠标右键，选择“创建补间动画”。 11、再在影片剪辑里新建一图层，使用“文本”工具输入“按钮”两字起提示作用。 12、 新建一个影片剪辑，命名为“经过状态”，做彩色图顺时针旋转一周的动画。 13、在影片剪辑“经过状态”的编辑状态下，在第1帧将【库】面板中的元件 “彩色图”拖拽到舞台上，并相对于舞台居中对齐。 14、选择时间轴的第30帧，按F6插入关键帧。 15、选择第1帧~第30帧的任意一帧，打开【属性】面板，“补间”处选择“动画”， “旋转”处选择“顺时针”，值设置为“1”次。 16、此时按回车键测试动画，会看到彩色图顺时针旋转一周动画。 至此，做动态按钮的准备工作都已经完成。 17、执行 “插入—新建元件”命令，弹出“创建新元件”对话框，在对话框的 “类型”处选择“按钮”选项，“名称”文本框中输入“动态按钮”，单击“确定”按钮， 进入按钮元件编辑模式。 18、用鼠标单击“弹起”帧，在按钮的弹起状态下由库中将影片剪辑“弹起状态” 拖拽到舞台上，设置相对于舞台居中对齐。 19、用鼠标单击“指针经过”帧，按F6插入关键帧，删除舞台上的对象，由库中 将影片剪辑“经过状态”拖拽到舞台上，设置相对于舞台居中对齐。 20、用鼠标单击“按下”帧，按F6插入关键帧，删除舞台上的彩色图，由库中将 图形元件 “金色图”拖拽到舞台上，设置相对于舞台居中对齐。 21、到此完成了动态按钮的制作。退出元件编辑状态，将“动态按钮”从库中拖 拽至舞台。 22、保存并测试动画，就可以看到效果不错的按钮了。 任务15 春天来了 教学目标：熟悉图形、按钮、影片剪辑的综合应用 教学难点：影片剪辑沿指定路径运动 制作步骤： 1、制作花朵 2、制作蝴蝶飞舞的影片剪辑 执行“文件—导入—导入到舞台”命令，将“蝴蝶”素材导入到舞台 执行“修改—文档”命令，在弹出的“文件属性”对话框中，将“背景颜色” 进行修改（不是白色即可） 将素材的白色背景去掉，选中素材后执行“修改—分离”命令 （快捷键Ctrl+B）。 从工具栏中选用【套索工具】后，点击【选项】中的魔术棒。 在蝴蝶图片的白色背景处单击，进行选取后按Delete键删除， 依次单击白色区域，将白色背景全部删除。如果删除得不彻 底，可以将图片放大，取消魔术棒，只用套索工具选取多余 的部分再次删除，或用【橡皮擦工具】擦除掉多余部分，删 除背景后效果。 执行“编辑—全选”命令，选中蝴蝶，执行“修改—转换为元件”命令，弹出 “转换为元件”对话框，在对话框的名称处，输入“蝴蝶1”；“类型”处选择 “影片剪辑”，将素材转为元件。 在【库】面板中，双击“蝴蝶1”，进入元件编辑状态。在工具箱中单击 【套索工具】，在选项中选择“多边形模式”，将蝴蝶左侧翅膀选中， 执行“编辑—剪切”命令，将蝴蝶左侧翅膀删去，单击“新建图层”按钮， 新建一个图层，在新图层上执行“编辑—粘贴到当前位置”命令（快捷 键Ctrl+Shift+V）,将蝴蝶的左翅膀粘贴到图层2上。 重复执行上述步骤，将蝴蝶右侧翅膀粘贴至图层3的第一帧。 并分别将各层内容进行组合（快捷键Ctrl+G）。 执行“视图—标尺”命令，从标尺上拖拽出两条辅助线 【选择工具】选中蝴蝶左侧翅膀，单击【任意变形工具】将中心点 移至辅助线的中心点处，（为方便显示，可将图层1内容隐藏）。 在图层2的第4帧及第8