人教版八年级下册第2章 Flash动画初步活动4 制作补间动画一 制作形状补间动画教案设计

姓名：_____________班级：_________

第2章 Flash动画初步

制作补间动画（1）——制作形状补间动画

课型：实践练习 新授课    主备：    审核：

课时：1课时      备课时间：     授课时间：

教法：教师演示、任务驱动、学生示范、合作学习

教具：计算机、PPT

【学习目标】

1.了解形状补间动画的特点和原理。                       目标达成良好【  】

2.初步学会导入图片的方法和文字工具的用法。             目标达成良好【  】

3.掌握简单形状补间动画的制作过程。                     目标达成良好【  】

【学习重点】位图变形动画、文字变形动画

【学习难点】文字变形动画

一、课前复习

【有奖答题】通过“砸金蛋”小游戏复习回顾上节课的主要知识点。

二、比较导入

【观察思考】：观察“移动的圆”、“圆变矩形”动画，思考它们有何不同之处？

1.“移动的圆”中改变的是什么？

2.“圆变矩形”中改变的是什么？

答疑解惑：1.圆的位置。      2.形状、位置、颜色。

三、出示目标

出示本节课的学习目标：

1.了解形状补间动画的特点和原理。

2.初步学会导入图片的方法和文字工具的用法。

3.掌握简单形状补间动画的制作过程。

四、课堂学习（自主探究—学习模仿—课堂检测—拓展提高）

（一）图形变形

1.【动一动，拔萝卜】自主探究：制作“圆变矩形”动画

提示：

（1）新建Flash文档，在第1帧绘制圆。

（2）在第30帧插入空白关键帧，绘制一个矩形。

（3）选中一帧，打开“属性”面板，补间：“形状”，

     创建形状补间动画，预览效果。

2. 【学一学，变高手】插入帧的快捷键：F5插入一般帧，F6插入关键帧，F7插入空白关键帧。本节课中我们将用到快捷键F6和F7。

（二）位图变形

1.【动一动，拔萝卜】自主探究：制作“孙悟空变猪八戒”动画

制作前简单学习导入外部图片的方法。

提示：

（1）新建Flash文档，“文件→导入→导入到库”，找到图片并导入。

（2）选中第1帧，拖动“孙悟空”到舞台中央。

（3）选中“孙悟空”，“修改→位图→转换位图为矢量图”。

（4）20帧插入关键帧，删除图片，拖动“猪八戒”到舞台中央。

（5）选中“猪八戒”，“修改→位图→转换位图为矢量图”。

（6）选中一帧，在属性面板创建“形状”补间， 查看效果。

2. 【学一学，变高手】位图变形注意事项：位图转换为矢量图

1)Flash中绘制的图形为矢量图。

2)Photoshop中绘制的图形为位图。

3)导入位图时，“修改→位图→转换位图为矢量图”，才能生成正确的形状补间

动画。

（三）文字变形（难点）任务驱动：帮助老师完成动态环保宣传徽章。

任务描述：3.12中国植树节，3.21世界森林日，3.22世界爱水日，3.23世界气象日，所以我们把3月成为环保月。老师制作了一枚环保宣传徽章，为了让它的内容更加丰富，需要大家发挥想象在徽章中央添加动态标语。下面就让我们一起来完成这项任务吧！

1.【教师演示-学生模仿】文字工具的使用

2.【教师演示-学生学习】制作文字变形

3.【跳一跳，摘苹果】课堂检测：完成徽章

提示：

打开文件“环保徽章.fla”

（1）在图层1的第1帧输入文字“节能环保”。

（2）在第10帧、第40帧插入关键帧。将第40帧文字修改为“人人有责”。

    （文字内容自行设计更好哦！）

（2）将第40帧文字“节能环保”，两次“修改→分离”或Ctrl+B， 把文字

    “打散”成图形。

（5）类似操作，把40帧中的“人人有责”文字也分离（打散）成图形。

（6）选中10~40中一帧，“属性”面板，补间：“形状”，查看效果。

（7）“文件→保存”，以“徽章”为文件名保存文件。

4.【学一学，变高手】文字变形注意事项：将文字打散（分离）

1)文字是组合的对象，需要分离/打散成矢量图形，才能制作变形动画。

2)打散：“修改→分离”，快捷键：Ctrl+B.

3)单个字符只需要“打散”一次，一组字符需要“打散”两次。

★【加加油，飞起来】拓展提高：制作另一枚徽章。

    制作“徽章”时同时下发本任务，提供给学有余力的同学进行练习。

五、课堂小结   

    将本节课主要知识整理归纳编制成不同类型的习题进行集体测试，完成课堂小结。

六、课后反思