8.1雨天效果（教案）-《Flash CC动画设计与制作》同步教学（劳动版）

第八章 Flash CC动画脚本 课题 8.1雨天效果 课时 教学内容 I、掌握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帧处的椭圆， 按℉8键，将其转换为图形元件，在“名称”文本框中输入“水纹”，如图所 示。 学生思考、 讨论 6、选中“图层2”的第40帧，按F6键插入关键帧。然后选 中该帧处的椭圆。使用“任意变形工具”将其宽和高分别放大至“118 像素”与“13”像素。接着“属性”面板中将它的Alpha值设置为 “0%”,再在“图层2”的第25帧与第24帧之间创建传统补间动画， 如所示。 7、打开“库”面板，在影片剪辑元件yd上单击鼠标右键，在弹 出的快捷菜单中选择“属性”命令。打开“元件属性”对话框，单 击“高级”按钮，单击为“ActionScript导出”选项，完成后单击 “确定”按钮，如图所示。 =4的 学生根据 教师规定 从4B米国 动手制作 案例 8、返回主场，新建一个“图层2”，选中该层的第1帧，在“动 作”面板中添加如下代码，保存动画文件，然后按Ctrl+Eter组 合键测试效果，如图所示。 花0m, a益米eekm和 三、扩展项目 通过使用ActionScript技术与创建制作ActionScript文件制 作如上图所示的物体3D旋转特效。