6.蜻蜓点水——教学设计

第6课蜻蜓点水——制作动作渐变动画

一、教材分析

本节课的知识点有导入的图片，图片的处理方法，如图片的缩放、旋转、图片转化为元件；制作动作渐变动画；元件的分类及元件与实例的概念。动作渐变动画是flash动画中最基本的动画之一，也是学习后续知识的基础。

二、学情分析

在前阶段教学中，学生已经学会新建文件并导入位图，初步掌握了制作渐变动画的原理，理解关键帧和图层的概念，学会创建补间动画的方法，这对于本节的学习非常有利，但学生对元件比较陌生，教学中老师可以用知识迁移的方法使学生通过体验与探索更深入地掌握了动作渐变动画的原理和方法。

三、教学目标

1．知识与技能

（1）掌握将图片转化为元件的方法；

（2）掌握对图片基本的处理方法：图片的缩放、旋转、图片转化为元件；

（3）掌握动作渐变动画的原理和制作方法；

（4）了解动作渐变动画适用范围；

2．过程与方法

（1）通过所熟悉的软件，掌握知识迁移的方法；

（2）培养自主探究学习的能力和创新精神；

（3）培养学生以动画方式呈现信息的能力；

3．情感态度与价值观

（1）通过评价和欣赏动画作品，培养学生的鉴赏能力和审美观；

（2）激发学生学习信息技术的兴趣；

四、教学重难点：

重点：1.掌握去除背景的方法。

2.了解什么是元件并制作出动作补间动画。

难点：制作动作补间动画，并理解其关键。

五、教学策略

1．以“任务驱动式”为主要教学组织方式

通过任务把教学目标和内容有机地结合在一起，使学生置身于提出问题、思考问题、解决问题的动态学习过程中。学生完成任务的同时，也完成了需要达到的学习目标。在设置任务时，体现分层次，给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学。

2．创设学习情境，激发学生的学习兴趣。

在导入新课时，教师演示作品，提高学生的学习兴趣和求知欲望。组织学生互评作品，进行公开的、及时的评价，发表自己的见解，激发学习热情。

五、教学媒体选择

1．多媒体网络机房；

2．在线学习资源；

六、教学过程

（一）激趣导入，揭示课题

1.盛夏的池塘里开满了美丽的荷花，引来了嬉水的蜻蜓。看！一只可爱的蜻蜓在荷花中飞来飞去，久久不愿离去。本课，我们就来用flash软件把这个动人的场景记录下来吧！板书课题：“蜻蜓点水”（边演示作品边导入）从刚才的动画中同学们看到蜻蜓从荷叶飞到水面，停留一会再飞到荷花的动作变化，这个动画是动作渐变动画。板书将课题补充完整：“蜻蜓点水——制作动作渐变动画”那位同学尝试简单概括一下什么是“动作渐变动画”

2.学生回答问题。

3.教师总结：“动作渐变动画”可以改变对象的位置、大小和旋转角度等属性，也可以使对象沿着路径进行运动。下

面，我们就开始学吧！

（二）任务驱动，学生自主学习

任务一：新建文件并导入位图

1. 同学们思考一下刚才老师刚才展示的作品是由几个图

层组成的？

2. 学生回答问题。

3. 请同学们参照课本29页中的提示，完成任务一。

步骤一：新建动画文件。

步骤二：导入位图“荷花”，并将该图层命名为“荷花”。

步骤三：利用工具栏中的“任意变形”工具，缩放位图直到满意为止。

任务二：处理新图层中导入的位图

1.请同学们看老师演示：

步骤一：建立一个新图层，并将图层命名为“蜻蜓”。

步骤二：倒入一张“蜻蜓”的位图并调整到合适大小。

步骤三：执行“修改”—“分离”命令，将位图打散，打散的目的是对图形进行编辑与处理。

步骤四：单击工具箱中的“套索”工具，然后在工具箱下面选项区中，单击“魔术棒”按钮，使其凹陷下去。

步骤五：将鼠标指针移到“蜻蜓”图片上单击，此时鼠标指针变成了魔术棒样式。选中其中的白色区域，执行“编辑”—“剪切”命令，即可删除图片中的白色。

2.学生按照教师的演示操作，教师巡视个别指导。

任务三：将打散后的图形转换为元件

1．教师讲解什么是元件：元件是Flash MX中可以被不断重复使用的一种特殊对象。在flash8中有一个“库”面板，“库”面板中的对象都称为“元件”，而把“库”面板中的“元件”拖到舞台上形成的对象叫“实例”。只有“元件”才能做运动渐变动画。“元件”有三种类型，即影片剪辑元件、按钮元件和图形元件。这节课我们要用到的是图形元件，它主要用于创建动画中的静态角色。

2.学生小组合作探究如何将位图转化为元件。

3. 学生代表演示具体操作步骤。

步骤一：用“箭头”工具来选中蜻蜓，执行“修改”—“转换为元件”命令。

步骤二：在弹出的“转换为元件”对话框中，输入名称，选择元件类型为“图形”。

步骤三：设置完成后，单击“确定”按钮，被转化为图形元件的蜻蜓被一个蓝色矩形框了起来。

4. 学生操作，教师个别指导。

任务四：为“图形”元件设置动画类型

1. 同学们请认真观看一段微视频。（教师播放微课，学生

观看）

①在“荷花”图层的第24帧，按F5键普通帧。

②在“蜻蜓”图层的第一帧，将蜻蜓移到一片荷叶上。

③在“蜻蜓”图层的第15帧插入关键帧，将蜻蜓移到水面上。

④选中“蜻蜓”图层的第1帧，然后在“属性”面板中“补间”下拉列表中选择“动作”选项。此时“时间轴”窗口的第1帧至第15帧上会出现紫色箭头，说明动作渐变效果已经设置完成。

⑤选中“蜻蜓”图层的第24帧，按F5键插入普通帧，使动画延续到第24帧处。

2.同学们学会了吗？教师强调：动画对象必须是“元件”；动作渐变动画首、尾帧一定是关键帧；“元件”要产生动作渐变效果就必须设置“动作补间”。

（3）学生制作动画，教师个别指导。

（4）有困难的同学还可以再看一遍微视频（提前将微课发送到学生的电脑上），已经完成的同学请尝试让蜻蜓在水