粤教版高中信息技术选修2教案-5.2.2二维动画的制作

捡起一张废纸，创造一个美好的家园！ §5.2.2 Flash 基本动画制作 本节课内容是高中信息技术（选修 2）（粤教版）第五章第二节《Flash 基本动画制 作》。课标要求培养学生对信息技术的兴趣和意识，通过对制作关于环保的倡议动画广 告，让学生了解或掌握 Flash 基本动画制作的方法和技能，使学生具有多媒体技术应用 的基本能力，形成良好的信息文化素养，为他们适应信息社会的学习、工作和生活打下 必要的基础，并且加强了学生的环境保护意识，使他们认识到保护环境，人人有责。 学习目标: 1.学生掌握 Flash 的变形动画制作方法。 2.学生掌握 Flash 的运动动画制作方法。 3.学生掌握 Flash 的逐帧动画制作方法。 4.学生掌握 Flash 中导出影片的方法。 5. 体会创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究问题的 能力；培养创造性思维能力。让学生选择自己喜欢的图片进行创作，培养学生的想象力 和审美能力。 6. 加强了学生的环境保护意识，使他们认识到保护环境，人人有责。 学习重、难点: 重点：Flash 的变形动画、运动动画、有逐帧动画的制作方法。 难点：变形动画制作过程中要将图片分离成离散图形。运动动画制作过程中要将对 象转换成元件。 学习方法：自主学习、任务驱动、合作探究、讲授演示。 教学过程: 展示“满地垃圾”的图片，老师：同学们，我们愿意生活在这样的一个环境中吗？ 学生回答：不愿意。老师：那我们肯定都希望有这样的美好家园吧！展示“美好家园” 图片。学生：是。老师：好，保护环境，人人有责，为了加强人们的环保意识，我们今 天利用 Flash 制作一个关于环保的倡议动画广告，好不好？学生回答：好。老师：今天 我们的学习任务是通过学习 Flash 的基本动画制作来完成关于环保的动画广告。 Flash 的强大功能充分体现在动画制作上。Flash 动画是以时间线为基础的帧动画。 （帧动画，是通过改变连续帧的内容来实现动画效果。） Flash 动画是以三种动画为基础的，这三种动画为：形变动画、运动动画、逐帧动画。 依次展示形变动画、运动动画、逐帧动画的影片。 形变动画，针对矢量图形对象的应用，能使这些对象产生形状、颜色、大小等变化 过程。（对象是形状） 运动动画，针对非矢量图形对象的应用，能使这些对象产生淡入淡出、移动、旋转 等变化效果。（对象是元件） 逐帧动画，是一个由若干连续关键帧组成的动画序列，Flash 将这些关键帧连续播放， 形成动画效果。 接下来，我们打开 Flash 程序，学习三种基本动画制作方法。 活动一： 1.从打开 Flash 程序，设置文档大小：550×400；背景：白色；帧频：12。 （方法：“修改”菜单中的文档 文档属性：设置尺寸、背景、帧频。） 2.将“素材”文件夹中的满地垃圾.jpg、美好家园.jpg 两个图像文件导入到库中。 （方法：“文件”菜单中的导入 导入到库 “导入到库”对话框中选择桌 面 “素材”文件夹 按住 Ctrl 键，用鼠标同时选择 满地垃圾.jpg、美好 家园.jpg 打开，此时这两个图片到了 Flash 程序窗口的右侧的库中。 ） 活动二： 形变动画的制作 1.从第 1 帧开始，将“满地垃圾”的图片制作成一个长度是 30 帧，并且由小（宽 50，高 40）到大（宽 550，高 400）逐渐变化的形变动画。 （方法：① 时间轴的第 1 帧，将库中的满地垃圾.jpg 图片放入场景中间，在第 30 帧插入关键帧。 ② 并调整第 1 帧的图片大小：宽 50，高 40，并将其放置场景中间；第 30 帧图片不 变。 提示 ：形变动画只能对形状对象应用，对文字和图片必须要经过打散处理使之转变 为离散图形后才能制作形状渐变动画。 ③ 在第 1 帧和第 30 帧之间实现图片由小逐渐过渡到大的形变动画效果： 单击第 1 帧，右击小图片，选择快捷菜单中的“分离”，将图片打分离为离散图形； 再单击第 30 帧，同样的方法将大图片分离为离散图形。 ④ 鼠标单击在第 1 帧和第 30 帧之间，依次选择下方“属性”、“补间”、“形状”， 即可实现形变动画。） 2. 按 Ctrl+回车键进行测试。 学生实践（让全体学生操作完成后，再请一名学生上讲台演示制作过程。以便检验 学生是否掌握形变动画的制作。） 活动三： 运动动画的制作 1.从第 40 帧开始，将“满地垃圾”的图形元件制作成一个长度是 30 帧，并且淡出 直至消失的运动动画。 （方法：① 在第 40 帧插入空白关键帧，将库中的满地垃圾.jpg 图片放入场景中间， 在第 70 帧插入关键帧。 提示 ：运动动画中的淡入淡出动画只能对元件对象应用，对文字、图形、图片必须 要转换成元件后才能制作淡入淡出动画。 ② 单击第 40 帧，右击图片，选择“转换为元件”，在“转换为元件”对话框中选 择“图形”，确定。在下面“属性”中 的“颜色”中设置“Alpha” 值为 100%；同样的 方法在第 70 帧处将图片也转换为元件，再将图片的“Alpha” 值为 0%。 ③ 右击第 40 帧和第 70 帧之间任意位置，在快捷菜单中选择“创建补间动画”。） 2.在第 71 帧和第 100 帧之间制作一个“美好家园”图片向右移动的运动动画。 （方法：① 在第 71 帧处插入空白关键帧，将库中的美好家园.jpg 图片放入场景中 间，在第 100 帧插入关键帧。 ② 将第 71 帧的图片向左水平移动至场景外面，并在第 71 帧和第 100 帧之间创建补 间动画。 3.为了使“美好家园”画面在动画中停留时间长一点，可在第 150 帧上插入关键帧。 4.按 Ctrl+回车键进行测试。 学生实践（让全体学生操作完成后，再请一名学生上讲台演示制作过程。以便检验 学生是否掌握运动动画的制作。） 活动四： 逐帧动画的制作 根据我们创作意图，我们要在这个场景中添加文字 ，并想让文字逐字显示，这就需 要我们再插入图层，在新的图层上制作逐帧动画。 1.插入图层 2。 （方法：右击 “图层 1”，在快捷菜单中选择“插入图层”，图层 2 便插入到图层 1 上方。） 2.在图层 2 的第 65 帧和第 81 帧之间，使得文字“捡起一张废纸，创造一个美好的 家园！”依次逐字显示出来。调整位置为：X：35，Y：57.字体为：黑体，30 号，红色， 加粗。 提示：逐帧动画的每一帧都有变化，根据创作意图，前一帧的内容在后一帧中还得 出现，所以，从第 65 帧开始，每一帧都要插入关键帧，在原来的基础上添加新内容。并 且在开始的第 65 帧的内容一定先调整好位置，字体、字号、颜色。这样便于后面的操作。 （方法：在第 65 帧插入关键帧，单击 “文本工具 A”，在场景中输入“捡”，在属 性中设置位置 X：35，Y：57；设置字体：黑体，30 号，红色，加粗。设置好后，在第 66 帧插入关键帧，并在原来的基础上添加“起”，依次在第 67 帧添加“一”，第 68 帧添 加“张”，…… 一直到最后一个“！”添加到第 81 帧为止。） 3.按 Ctrl+回车,测试影片，有不合适的地方再做调整。 4.保存原文件到“素材”文件夹中，文件名为：保护环境.fla，便于以后修改。 活动五： 导出影片 导出影片到“素材”文件夹，影片名为：保护环境.swf (方法： “文件”菜单 导出 导出影片 “导出影片”对话框 桌面 素材 文件名：保护环境，文件类型：Flash 影片（*.swf）) 活动六： 展示、评价学生作品 活动七： 总结 这节课同学们通过制作 关于环保的动画广告，学习了 Flash 的三个基本动画制作， 掌握了制作方法。同时，也加强了环保意识。所以，请同学们在下课时“捡起你们脚下 的废纸，让我们的教室变得更加干净，明亮！” 教学反思： 大多数学生掌握了动画的基本制作，但也有个别学生动手能力还是很差，继续加强 练习，多指导他们，提高他们对动画制作的兴趣。 作品评价表 评测项目 作品1 作品2 备注 导入素材图片到库中（2分） 形变动画制作（5分） 运动动画制作（6分） 逐帧动画制作（5分） 创意（2分） 整体动画效果（8分） 25分以上 "你很棒哦！" 导出影片（2分） 15—24分 "很有潜力哦！" 你的总分(满分30分) 0 0 15分以下 "需要努力哦！" 评价结果 需要努力哦! 需要努力哦!