电子教案-《Flash CC动画设计与制作》-A06-2765 第八章 Flash CC动画脚本

第八章 Flash CC动画脚本 课题 教学内容 8.1雨天效果 课时 1、掌握ActionScript的运用 2、掌握函数的运用 教学目标 主要学习FlashCC脚本语言 教学重点 利用“动作”面板在时间轴上书写代码 教学难点 利用脚本语言制作具有交互性的动画 教学活动及主要语言 一、创设意境，导入新课（设疑法、提问法） 导入：本案例使用导入功能，将背景图片导入舞台中；再使用线条工具，绘制出雨点的外形；最后使用ActionScript技术，编辑出雨点不断下落的效果。 二、新课教学（讲解法、提问法、示范法） 步骤： 1、新建一个Flash空白文档，选择【修改】>【文档】命令，打开“文档设置”对话框，在对话框中将舞台大小设置为“580*450像素”，设置舞台颜色为“黑色”，选择“文件>导入>导入到舞台”命令，将“素材\\第八章\\8.1 雨天效果\\下雨.jpg”导入到舞台中，如图所示。 2、选择“插入>新建元件”命令，打开“创建新元件”对话框。在对话框中的“名称”文本框中输入名称为yd，在“类型”下拉列表中选择“影片剪辑”选项，完成后单击“确定”按钮进入按钮元件编辑区, 如图所示。 3、使用“线条工具”在工作区中绘制一条线段，在实践轴的第24帧处插入关键帧，然后选中该帧处的线条，将其向左下方移动一段距离。这里移动的距离就是雨点从天空落向地面的距离。最后在第1帧和第24帧之间创建补间动画，如图所示。 学生活动 学生回顾自己在日常生活中碰到的动画音效，并随着教师的讲解，引导出本节课要学习的内容。 此时学生应该注意听和观看教师的讲解与操作，因为此处是新知识，同时也应积极回答相应的问题，进行认真的思考 4、新建“图层2”，并把它拖到“图层1”的下方。然后在“图层2”的第24帧处插入空白关键帧，并使用“椭圆工具”在舞台中线条的下方绘制一个边框为白色，填充色为无，宽和高分别为57像素与7像素的椭圆，如图所示。 5、选择“图层2”的第24帧，按住不放，将它向右移动一个帧的距离。也就是将“图层2”的第24帧移动到第25帧处。然后选中第25帧处的椭圆，按F8键，将其转换为图形元件，在“名称”文本框中输入“水纹”，如图所示。 6、选中“图层2”的第40帧，按F6键插入关键帧。然后选中该帧处的椭圆。使用“任意变形工具”将其宽和高分别放大至“118像素”与“13”像素。接着“属性”面板中将它的Alpha值设置为“0%”，再在“图层2”的第25帧与第24帧之间创建传统补间动画，如所示。 学生听讲，笔记 学生思考、讨论 7、打开“库”面板，在影片剪辑元件yd上单击鼠标右键，在弹出的快捷菜单中选择“属性”命令。打开“元件属性”对话框，单击“高级”按钮，单击为“ActionScript导出”选项，完成后单击“确定”按钮，如图所示。 学生根据教师规定动手制作案例 8、返回主场，新建一个“图层2”，选中该层的第1帧，在“动作”面板中添加如下代码，保存动画文件，然后按Ctrl+Enter组合键测试效果，如图所示。 三、扩展项目 通过使用ActionScript技术与创建制作ActionScript文件制作如上图所示的物体3D旋转特效。 课题 8.2制作变出来的花儿 课时 教学内容 1、熟练使用ActionScript制作动画 2、在“动作”面板中输入代码 利用ActionScript脚本制作一个使用鼠标在空白处擦出来的图像效果 熟练使用ActionScript制作动画 熟练使用ActionScript制作动画 学生活动 学生回顾上节课学习的内容，并随着教师的讲解，引导出本节课要学习的内容。 此部分主要由老师来讲解，同时学生也配合着老师回答一些常见问题 此时学生应该注意听教师的讲解，因为此处是新知识，同时也应积极教学目标 教学重点 教学难点 教学活动及主要语言 一、创设意境，导入新课（设疑法、提问法） 导入：回顾上节课所学习的内容，在这一节中，我们学习在“动作”面板中输入代码，利用ActionScript脚本，制作一个鼠标在空白处擦出来的图像效果，熟练使用ActionScript制作更多生动有趣的动画。 二、新课教学（讲解法、提问法、示范法） 本案例利用ActionScript脚本制作一个使用鼠标在空白处擦出来的图像效果。 步骤： 1、新建一个Flash空白文档，选择【修改】>【文档】命令，打开“文档设置”对话框，在对话框中将舞台大小设置为“620*530像 素”，如图所示。 2、选择【文件】>【导入】>【导入到舞台】命令，将“素材文件\\第八章\\8.2制作变出来的花儿\\背景.jpg”导入到舞台中，如图所示。 3、选择导入的图片，按F8健，打开“转换为元件”对话框，在“名回答相应称”文本框中输入元件的名称pic，并在“类型”下拉列表中选择的问题，进“影片剪辑”选项，如图所示。 行认真的思考 学生听讲，笔记 4、保存元件的选中状态，打开“属性”面板，并将其实例名称设 置为“imageMC”，如图所示。 学生根据教师要求进行扩展项目练习 5、单击“新建图层”按钮，新建“图层2”，然后选中“图层12”的第1帧，并按F9健打开“动作”面板，接着在面板中输入如图所示。保存文件，按Ctrl+Enter组合键测试效果。 三、扩展项目 通过使用ActionScript制作如上图所示擦出来的蓝天白云。