活动4 让水平线更突出 教案
文档属性
| 名称 | 活动4 让水平线更突出 教案 |  | |
| 格式 | zip | ||
| 文件大小 | 125.4KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 沪科版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2017-08-21 13:40:20 | ||
图片预览
文档简介
活动4
让水平线更突出
教材分析
学生第一次接触用Flash制作动画，学习
( http: / / www.21cnjy.com )难度较大。本活动涉及信息的获取（收集图片素材）、信息的加工（用Photoshop处理图片）、信息的表达（Flash动画的制作与发布），重点在Flash动画制作部分。帧和关键帧、图层、帧频、引导层、补间动画等都要学生了解。学生应能完成课本或者教师所制定的基本任务，然后再根据网页的主题需要自主设计制作动画。应分层次进行教学，教师根据学情首先安排1-2节课对Flash软件进行熟悉，然后再进行动画的制作。
【教学目标】
理解Flash动画的基本原理。
了解Flash动画的常用术语。
了解Flash软件的界面。
掌握帧、图层、时间轴、库的概念。
理解图层的作用。
掌握补间动画和引导层动画的创建方法。
体验制作动画的乐趣。
提高学习动画制作的兴趣。
能够通过动画表达主题。
体验Flash强大的动画制作功能。
【教学重点】
了解Flash动画的常用术语。
掌握补间动画和引导层动画的创建方法。
理解图层的作用。
【教学难点】
掌握补间动画和引导层动画的创建方法。
理解图层的作用。
【教学课时】
3课时。
【教学准备】
多媒体网络教室。
安装Flash
软件。
【教学过程】
第1课时（设计动画并收集素材）
教学阶段
教师活动
学生活动
教学意图
活动引入
引入：同学们，在活动4中，我们将尝试用Fl
( http: / / www.21cnjy.com )ash软件制作一个水平线动画。在制作动画之前，我们先去网上看看他人的网页。例如，http://21世纪教育网/gif/qita/027。
1.观看教材及其他网页上的水平线状动画。
开门见山，明确任务。
构思动画，收集素材
1.请学生构思自己的水平线动画。
2.请学生从网上收集相关素材。
1.构思适合自己网页的水平线动画。2.参考教材第55页张晓明同学的构思，完成学习单。
3.收集相关素材。
提高学生网络检索的能力。
学习Photoshop
软件的使用
介绍制作背景透明的图片步骤“,示范操作。
（1）用Photoshop
打开图片文件。
（2）在界面右下方的图层面板中，将“背景”图层拖至“创建新图层”按钮上，图层面板中会增加一个“背景副本”图层。
（3）将“背景”图层拖至
“删除图层”按钮上，图层面板中就只剩下一个“背景副
本”图层。
（4）在界面右侧的导航器面板中，向右拖曳缩
( http: / / www.21cnjy.com )放滑块，将显示比例放大，然后在左侧的工具箱中选择“多边形套索工具”,在画面中沿着图形的外轮廓勾勒。
（5）勾勒完成后，选择“选择”菜单中的“反向”命令，然后按键。
(6)在左侧的工具箱中选择“裁剪工具”，将画面中的多余部分裁去。
(7)选择“文件”菜单中的“存储为”命令。
(8)在弹出的“存储为”对话框中，选择“GIF(RD)”格式，然后单击“保存”按钮。
跟着教师的演示一步步操作。
1.边学边练，掌握使用Photoshop软件制作背景透明的图片的方法。
2.感受使用Photoshop
软件制作背景透明的图片成功的喜悦。
对自己收集的素材进行加工，并相互协助
1请同学们用Photoshop软件对自己收集的图片进行处理。2.一部分同学完成了透明背景图片的制作，请大家相互协助完成自己的图片。
1.处理图片。
2.相互协助，完成图片的处理
1.掌握所学技能。
2.养成协作精神。
第2课时（制作动画）
教学阶段
教师活动
学生活动
教学意图
新课导入
1.播放动画示例（一个小球
( http: / / www.21cnjy.com )位置在改变的动画）。
2.导入：同学们，上节课我们使用Photoshop软件将动画制作中所需要的蝴蝶素材处理好了，这节课我们将学会使用Flash软件。Flash软件以前大家没有接触过，本节课的内容就是简要地认识这款动画制作软件，并使用这款软件制作简单的动画。
观看例子，
明确本节课的学习任务。
开门见山，明确任务。
介绍FLASH动画的特点
讲述Flash动画的特点：Flash动
( http: / / www.21cnjy.com )画使用矢量图形和流式播放技术。矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，并通过使用关键帧和图符让生成的动画(.swf)文件非常小。Flash动画把音乐、动画、声效、交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具……
了解Flash动画的特点。
了解Flash动画的特点。
熟悉工作环境
1.介绍“舞台”
：Flash中，
( http: / / www.21cnjy.com )舞台就是工作区，是最主要的可编辑区域。在舞台中可以直接绘图，或者导入外部图形文件进行安排编辑。就像演员表演的舞台，动画呈现在舞台上，超出舞台的区域就为不可见，也就是幕后，FLASH动画要十分注重舞台和幕后的共同设计。
2.介绍“时间轴窗口”：
用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序……
了解Flash动画编辑的工作环境。
了解Flash动画编辑的工作环境
认识Flash中的常见名词
介绍帧频、时间轴、图层、元件和库、帧与关键帧等名词（注意边演示边介绍这些概念）。
打开Flash软件，跟着教师的介绍熟悉这些名词。
了解帧频、时间轴等的概念。
制作补间动画的
教师制作小球位置改变、圆形变方形等的例子（注意要关注学生的认知能力和操作进度）。
照着教师的操作进行操作，掌握补间动画的制作。
掌握补间动画的制作。
第3课时（制作动画）
教学阶段
教师活动
学生活动
教学意图
新课导入
提出要求：本节课我们要实现水平线动画的效果。首先大家掌握课本上的知识，再延伸到自己的网页动画中去。
明确本节课的任务。
明确任务。
蝴蝶飞舞动画制作
按照P60-P65的操作步骤进行操作。注意：
（1）边讲解边操作，关注全体学生的操作进度。
（2）基于初二学生的认知能力，教师要一步步带着学生做。完成作品后，可在水平线动画的制作基础上让学生发挥。
按照教师的操作步骤一步步操作。
1.按照操作步骤制作水平线动画，体会成功的喜悦。
2.激发进一步对自己的作品进行探究的欲望。
自主发挥
请学生基于蝴蝶飞舞水平线动画的操作步骤，制作自己的特色动画。
制作自己的水平线动画。
制作自己的动画。
将动画插入网页
要求学生完成以下任务：
（1）删除原来网页中的水平线。
（2）插入Flash动画并调整大小至合适
（3）完成第67页的学习单
1.插入动画到网页中。
2.完成第67页的学习单。
掌握将动画插入网页的方法。
分享网页效果
请学生分享自己插入动画后的网页效果。
组内、组外分享各自的网页。
提高审美能力。
让水平线更突出
教材分析
学生第一次接触用Flash制作动画，学习
( http: / / www.21cnjy.com )难度较大。本活动涉及信息的获取（收集图片素材）、信息的加工（用Photoshop处理图片）、信息的表达（Flash动画的制作与发布），重点在Flash动画制作部分。帧和关键帧、图层、帧频、引导层、补间动画等都要学生了解。学生应能完成课本或者教师所制定的基本任务，然后再根据网页的主题需要自主设计制作动画。应分层次进行教学，教师根据学情首先安排1-2节课对Flash软件进行熟悉，然后再进行动画的制作。
【教学目标】
理解Flash动画的基本原理。
了解Flash动画的常用术语。
了解Flash软件的界面。
掌握帧、图层、时间轴、库的概念。
理解图层的作用。
掌握补间动画和引导层动画的创建方法。
体验制作动画的乐趣。
提高学习动画制作的兴趣。
能够通过动画表达主题。
体验Flash强大的动画制作功能。
【教学重点】
了解Flash动画的常用术语。
掌握补间动画和引导层动画的创建方法。
理解图层的作用。
【教学难点】
掌握补间动画和引导层动画的创建方法。
理解图层的作用。
【教学课时】
3课时。
【教学准备】
多媒体网络教室。
安装Flash
软件。
【教学过程】
第1课时（设计动画并收集素材）
教学阶段
教师活动
学生活动
教学意图
活动引入
引入：同学们，在活动4中，我们将尝试用Fl
( http: / / www.21cnjy.com )ash软件制作一个水平线动画。在制作动画之前，我们先去网上看看他人的网页。例如，http://21世纪教育网/gif/qita/027。
1.观看教材及其他网页上的水平线状动画。
开门见山，明确任务。
构思动画，收集素材
1.请学生构思自己的水平线动画。
2.请学生从网上收集相关素材。
1.构思适合自己网页的水平线动画。2.参考教材第55页张晓明同学的构思，完成学习单。
3.收集相关素材。
提高学生网络检索的能力。
学习Photoshop
软件的使用
介绍制作背景透明的图片步骤“,示范操作。
（1）用Photoshop
打开图片文件。
（2）在界面右下方的图层面板中，将“背景”图层拖至“创建新图层”按钮上，图层面板中会增加一个“背景副本”图层。
（3）将“背景”图层拖至
“删除图层”按钮上，图层面板中就只剩下一个“背景副
本”图层。
（4）在界面右侧的导航器面板中，向右拖曳缩
( http: / / www.21cnjy.com )放滑块，将显示比例放大，然后在左侧的工具箱中选择“多边形套索工具”,在画面中沿着图形的外轮廓勾勒。
（5）勾勒完成后，选择“选择”菜单中的“反向”命令，然后按
(6)在左侧的工具箱中选择“裁剪工具”，将画面中的多余部分裁去。
(7)选择“文件”菜单中的“存储为”命令。
(8)在弹出的“存储为”对话框中，选择“GIF(RD)”格式，然后单击“保存”按钮。
跟着教师的演示一步步操作。
1.边学边练，掌握使用Photoshop软件制作背景透明的图片的方法。
2.感受使用Photoshop
软件制作背景透明的图片成功的喜悦。
对自己收集的素材进行加工，并相互协助
1请同学们用Photoshop软件对自己收集的图片进行处理。2.一部分同学完成了透明背景图片的制作，请大家相互协助完成自己的图片。
1.处理图片。
2.相互协助，完成图片的处理
1.掌握所学技能。
2.养成协作精神。
第2课时（制作动画）
教学阶段
教师活动
学生活动
教学意图
新课导入
1.播放动画示例（一个小球
( http: / / www.21cnjy.com )位置在改变的动画）。
2.导入：同学们，上节课我们使用Photoshop软件将动画制作中所需要的蝴蝶素材处理好了，这节课我们将学会使用Flash软件。Flash软件以前大家没有接触过，本节课的内容就是简要地认识这款动画制作软件，并使用这款软件制作简单的动画。
观看例子，
明确本节课的学习任务。
开门见山，明确任务。
介绍FLASH动画的特点
讲述Flash动画的特点：Flash动
( http: / / www.21cnjy.com )画使用矢量图形和流式播放技术。矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，并通过使用关键帧和图符让生成的动画(.swf)文件非常小。Flash动画把音乐、动画、声效、交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具……
了解Flash动画的特点。
了解Flash动画的特点。
熟悉工作环境
1.介绍“舞台”
：Flash中，
( http: / / www.21cnjy.com )舞台就是工作区，是最主要的可编辑区域。在舞台中可以直接绘图，或者导入外部图形文件进行安排编辑。就像演员表演的舞台，动画呈现在舞台上，超出舞台的区域就为不可见，也就是幕后，FLASH动画要十分注重舞台和幕后的共同设计。
2.介绍“时间轴窗口”：
用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序……
了解Flash动画编辑的工作环境。
了解Flash动画编辑的工作环境
认识Flash中的常见名词
介绍帧频、时间轴、图层、元件和库、帧与关键帧等名词（注意边演示边介绍这些概念）。
打开Flash软件，跟着教师的介绍熟悉这些名词。
了解帧频、时间轴等的概念。
制作补间动画的
教师制作小球位置改变、圆形变方形等的例子（注意要关注学生的认知能力和操作进度）。
照着教师的操作进行操作，掌握补间动画的制作。
掌握补间动画的制作。
第3课时（制作动画）
教学阶段
教师活动
学生活动
教学意图
新课导入
提出要求：本节课我们要实现水平线动画的效果。首先大家掌握课本上的知识，再延伸到自己的网页动画中去。
明确本节课的任务。
明确任务。
蝴蝶飞舞动画制作
按照P60-P65的操作步骤进行操作。注意：
（1）边讲解边操作，关注全体学生的操作进度。
（2）基于初二学生的认知能力，教师要一步步带着学生做。完成作品后，可在水平线动画的制作基础上让学生发挥。
按照教师的操作步骤一步步操作。
1.按照操作步骤制作水平线动画，体会成功的喜悦。
2.激发进一步对自己的作品进行探究的欲望。
自主发挥
请学生基于蝴蝶飞舞水平线动画的操作步骤，制作自己的特色动画。
制作自己的水平线动画。
制作自己的动画。
将动画插入网页
要求学生完成以下任务：
（1）删除原来网页中的水平线。
（2）插入Flash动画并调整大小至合适
（3）完成第67页的学习单
1.插入动画到网页中。
2.完成第67页的学习单。
掌握将动画插入网页的方法。
分享网页效果
请学生分享自己插入动画后的网页效果。
组内、组外分享各自的网页。
提高审美能力。