北理工版 八年级信息技术 单元一 活动4 图形变变变-被间形状 教案（表格式）
文档属性
| 名称 | 北理工版 八年级信息技术 单元一 活动4 图形变变变-被间形状 教案（表格式） |  | |
| 格式 | doc | ||
| 文件大小 | 52.5KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 通用版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2021-03-29 11:08:08 | ||
图片预览
文档简介
章 节 首 页
教学过程设计 年 月 日
章节 课题 单元一 动画制作
活动4 图形变变变--补间形状 课时 1
主备 教师 侯东辉 课型 新授
三 维
教
学
目
标 知识
技能 1.进一步掌握关键帧和普通帧的使用
2、会分析简单的形状补间动画的例子
过程方法 通过对形状补间动画的分析研究，和实际制作体验，了解Flash动画制作的过程，并从中总结出动画制作的主要步骤
情感态度
价值观 激励学生学习动画制作的兴趣，培养学生乐于接受和探究新知识的精神
教学重点 1、形状补间动画的概念
2、形状补间动画的制作方法
教学难点 形状补间动画的应用
教学方法 任务驱动法：情景导入，激发兴趣 ，实例演示法， 指导法， 启发法 ， 鼓励法，Flash动画欣赏；
教具 极域电子教室，Flash CS5.5、 课本、计算机、课件、教案、各种素材
板书设计： 单元一 动画制作
活动4 图形变变变--补间形状
一、设置两帧
二、动画令
起始帧
结束帧
创建
补间形状
任务1
红圆
蓝矩形
任务2
文字--图形
位图--矢量图形
相同
空白关键帧---关键帧
课后反思
续 页
教学过程设计 年 月 日
教师活动预设 预设学生行为及设计理念 补充修订
一、引入新课 【活动描述】
组织学生阅读17页活动描述内容，激发学习兴趣；
【补间形状动画】
是Flash CS中一种非常见的动画形式，
1、补间形状动画：就是为两个关键帧中的矢量图形创建自然过渡的形变效果；
就是在一个关键帧中绘制一个图形，在另一个关键帧中改变这个图形或绘制另一个图形，Flash CS会根据二者之间的差距来创建动画。
2、实现补间动画的三个条件：
（1）一个补间形状动画至少有两个关键帧；
（2）两个关键帧中的内容必须为可编辑矢量图形；
（3）两个关键帧中的内容必须有变化；
二、讲授新课
任务1 红色圆形变为蓝色方形；
【学习实施】
（一）新建一个Flash CS文档；
（二）制作红色圆形
选择“椭圆工具”：笔触色为无，填充色为红色；
第一帧： 由空白关键帧---关键帧；
（三）制作蓝色方块
学生阅读17页内容
观看动画范例，思考理解；
学生练习制作，先在第一帧画一个红色的圆；
提供一个范例，对照讲解；
设置两点中的“起点”
续 页
教学过程设计 年 月 日
教师活动预设 预设学生行为及设计理念 补充修订
单击第30帧，按F7，插入空白关键帧； 选择“矩形工具”：笔触色为无，填充色为蓝色。
拖动鼠标绘制一个蓝色方形；
制作补间形状动画；
在1-30帧的任一帧上单击右键；
执行：创建补间形状：
测试，观看；
【想一想】
补间动画的起始图形和结束图形都发生了哪些变化？
大小、位置、形状、颜色等；
任务2：变废为宝
【学习实施】
（一）新建一个Flash CS文档；
（二）制作初始图形--“电子垃圾”文字
（1）选择“文本工具”：大小140，颜色：灰色；
（2）输入文字“电子垃圾”
（3）执行“修改”--“分离”
将4个字分离成4个字符。
再次执行“修改”“分离”。
将每个字符分离成图形；
（三）制作结束图形
（1）单击第60帧，按F7键，插入空白关键帧；
（2）执行“文件”-“导入”-“导入到舞台” 练习制作
绘制练习
练习制作，测试，导出GIF动画；
观察思考：
学生练习制作
学生观看制作 设置两点中的“终点”
下动画令
整体-个体
续 页
教学过程设计 年 月 日
教师活动预设 预设学生行为及设计理念 补充修订
将图片“变废为宝”图片导入到文档中； 执行“修改”-“位图”-“转换位图为矢量图”命令；
在弹出的“转换位图为矢量图”对话框中单击“确定”按钮；
用“选择工具”在文字图形的白色背景上单击，选中白色背景，按Delete键删除；
将“变”字和“废”字中间封闭的白色背景，按Delete键删除；
此时图片变为矢量图且去掉了背景色；
（四）制作补间形状动画
（1）在1-60帧的任一帧上单击右键；
（2）执行：创建补间形状：
（3）测试，观看；
【想一想】
1、分离后的文字可不可以用“选择工具”调整成其他形状？
分离后的文字，成为了普通图形，也就可以用“选择工具”调整成其他形状。
2、使用“分离”命令与使用“转换为矢量图”命令的区别是什么？
分离位图只是同等于用位图填充一个矩形一样，你可以查看混色器，发现它的填充颜色就是刚才的位图。分离的位图，放大后会失真有马赛克的。
学生练习制作
学生对照要求操作
学生操作验证
续 页
教学过程设计 年 月 日
教师活动预设 预设学生行为及设计理念 补充修订
位图转换成矢量图之后就可以对其编辑，比如填色什么的，而且，转换成矢量图之后图行任意放大缩小不会有品质的差异，位图转换成矢量图时，往往图形都会变形。
【试一试】
将导入的图片作为补间形状动画的运动对象，不去掉背景会是什么效果？
【自我检测】：
人们都说幸福像花一样，那么就请你用创建补间形状的方式制作一个由“幸福”变成花朵的动画；
分析提示：
起始帧中为文字“幸福”；结束帧为“花朵”。运用分离和转换为矢量图来制作；
学生观察思考
学生制作练习
教学过程设计 年 月 日
章节 课题 单元一 动画制作
活动4 图形变变变--补间形状 课时 1
主备 教师 侯东辉 课型 新授
三 维
教
学
目
标 知识
技能 1.进一步掌握关键帧和普通帧的使用
2、会分析简单的形状补间动画的例子
过程方法 通过对形状补间动画的分析研究，和实际制作体验，了解Flash动画制作的过程，并从中总结出动画制作的主要步骤
情感态度
价值观 激励学生学习动画制作的兴趣，培养学生乐于接受和探究新知识的精神
教学重点 1、形状补间动画的概念
2、形状补间动画的制作方法
教学难点 形状补间动画的应用
教学方法 任务驱动法：情景导入，激发兴趣 ，实例演示法， 指导法， 启发法 ， 鼓励法，Flash动画欣赏；
教具 极域电子教室，Flash CS5.5、 课本、计算机、课件、教案、各种素材
板书设计： 单元一 动画制作
活动4 图形变变变--补间形状
一、设置两帧
二、动画令
起始帧
结束帧
创建
补间形状
任务1
红圆
蓝矩形
任务2
文字--图形
位图--矢量图形
相同
空白关键帧---关键帧
课后反思
续 页
教学过程设计 年 月 日
教师活动预设 预设学生行为及设计理念 补充修订
一、引入新课 【活动描述】
组织学生阅读17页活动描述内容，激发学习兴趣；
【补间形状动画】
是Flash CS中一种非常见的动画形式，
1、补间形状动画：就是为两个关键帧中的矢量图形创建自然过渡的形变效果；
就是在一个关键帧中绘制一个图形，在另一个关键帧中改变这个图形或绘制另一个图形，Flash CS会根据二者之间的差距来创建动画。
2、实现补间动画的三个条件：
（1）一个补间形状动画至少有两个关键帧；
（2）两个关键帧中的内容必须为可编辑矢量图形；
（3）两个关键帧中的内容必须有变化；
二、讲授新课
任务1 红色圆形变为蓝色方形；
【学习实施】
（一）新建一个Flash CS文档；
（二）制作红色圆形
选择“椭圆工具”：笔触色为无，填充色为红色；
第一帧： 由空白关键帧---关键帧；
（三）制作蓝色方块
学生阅读17页内容
观看动画范例，思考理解；
学生练习制作，先在第一帧画一个红色的圆；
提供一个范例，对照讲解；
设置两点中的“起点”
续 页
教学过程设计 年 月 日
教师活动预设 预设学生行为及设计理念 补充修订
单击第30帧，按F7，插入空白关键帧； 选择“矩形工具”：笔触色为无，填充色为蓝色。
拖动鼠标绘制一个蓝色方形；
制作补间形状动画；
在1-30帧的任一帧上单击右键；
执行：创建补间形状：
测试，观看；
【想一想】
补间动画的起始图形和结束图形都发生了哪些变化？
大小、位置、形状、颜色等；
任务2：变废为宝
【学习实施】
（一）新建一个Flash CS文档；
（二）制作初始图形--“电子垃圾”文字
（1）选择“文本工具”：大小140，颜色：灰色；
（2）输入文字“电子垃圾”
（3）执行“修改”--“分离”
将4个字分离成4个字符。
再次执行“修改”“分离”。
将每个字符分离成图形；
（三）制作结束图形
（1）单击第60帧，按F7键，插入空白关键帧；
（2）执行“文件”-“导入”-“导入到舞台” 练习制作
绘制练习
练习制作，测试，导出GIF动画；
观察思考：
学生练习制作
学生观看制作 设置两点中的“终点”
下动画令
整体-个体
续 页
教学过程设计 年 月 日
教师活动预设 预设学生行为及设计理念 补充修订
将图片“变废为宝”图片导入到文档中； 执行“修改”-“位图”-“转换位图为矢量图”命令；
在弹出的“转换位图为矢量图”对话框中单击“确定”按钮；
用“选择工具”在文字图形的白色背景上单击，选中白色背景，按Delete键删除；
将“变”字和“废”字中间封闭的白色背景，按Delete键删除；
此时图片变为矢量图且去掉了背景色；
（四）制作补间形状动画
（1）在1-60帧的任一帧上单击右键；
（2）执行：创建补间形状：
（3）测试，观看；
【想一想】
1、分离后的文字可不可以用“选择工具”调整成其他形状？
分离后的文字，成为了普通图形，也就可以用“选择工具”调整成其他形状。
2、使用“分离”命令与使用“转换为矢量图”命令的区别是什么？
分离位图只是同等于用位图填充一个矩形一样，你可以查看混色器，发现它的填充颜色就是刚才的位图。分离的位图，放大后会失真有马赛克的。
学生练习制作
学生对照要求操作
学生操作验证
续 页
教学过程设计 年 月 日
教师活动预设 预设学生行为及设计理念 补充修订
位图转换成矢量图之后就可以对其编辑，比如填色什么的，而且，转换成矢量图之后图行任意放大缩小不会有品质的差异，位图转换成矢量图时，往往图形都会变形。
【试一试】
将导入的图片作为补间形状动画的运动对象，不去掉背景会是什么效果？
【自我检测】：
人们都说幸福像花一样，那么就请你用创建补间形状的方式制作一个由“幸福”变成花朵的动画；
分析提示：
起始帧中为文字“幸福”；结束帧为“花朵”。运用分离和转换为矢量图来制作；
学生观察思考
学生制作练习
同课章节目录