当前位置:首页 >> 其它课程 >> 八年级信息技术上册教案

八年级信息技术上册教案


八年级 上册

备课时间:2013 年





授课时间:2013 年





课题
授课班级

第1课
初二(7,9,11,13,14)班

Flash 和 Flash 动画
课时 第 1 周 2 节

知识目标

掌握启动与退出 Flash 的方法。 认识 Flash 的工作环境。 熟悉的认识到 Flash 的工作环境。

智能目标 感情德育

提高学生的观察能力。

难点 重点 认识 Flash 环境。 教学用品 导入新课 教学过程
Flash 是一种常用的动画制作软件,灵活运用它,可以制作界面美观、动静结合、声形 并茂的动画。 一、启动 Flash 在计算机里安装 Flash 后,执行“开始→程序→Macromedia→Macromedia Flash”命 令,稍等片刻,屏幕上就会显示出 Flash 的窗口,启动 Flash 的操作就完成了。
菜单栏 工具栏 时间轴面 板

教材 ,电脑 ,多媒体软件 同学们你们以前学过了几个软件,还记得启动他们方法吗? Flash 窗口和你们学过的软件窗口有那些部分是一样的?

舞台

属性面板

二、Flash 的工作环境
1

八年级 上册

第 1 步:观察 Flash 窗口的组成 可以看到, 与其他应用软件的窗口类似, Flash 的窗口也有标题栏、 菜单栏、 工具栏等组成部分。另外,Flash 窗口中还会出现工具箱、 “时间轴”面板和 舞台等。 第 2 步:观察 Flash 窗口左侧的工具箱。 可以看到,工具箱分为四部分,自上而下依次是绘图工具栏,查看栏,颜 色栏,选项栏。利用绘图工具栏中的工具,可以完成绘图、喷涂、修改以及 编排文字等操作;利用查看栏的工具,可以移动、放大或缩小舞台;在颜色栏 中,可以设置对象的颜色;选项栏中的内容一般会随绘图工具栏中工具按钮的 切换有所变化,可以用来设置工具的某些特定功能。

第 3 步:把鼠标指针依次指向工具箱里的各工具按钮并稍作停留,观察指针附近出现 的文字,在下面的空白框里填写对应的工具名称。 第 4 步:观察窗口上方的“时间轴”面板。可以看到, “时间轴”面板主要有两部分, 左侧是图层控制区,右侧是帧控制区。 第 5 步:观察窗口中间的白色区域。 它是用来编辑动画的主要场所,通常被称为舞台。在这里可以绘制、编辑、修改各种 对象,合成画面,生成动画作品。 第 6 步:单机菜单栏中的“窗口”选项,观察菜单中的命令。菜单中列出了工具栏和 各种类型的面板名称。单机需要显示的面板名称,屏幕上就会显示该面板。单机前面有 √标志的面板名称,可以关闭相应的面板。例如,单机“库”命令,可以打开右图所示 的“库”面板。

板书设计

第1课 一、启动 Flash

Flash 和 Flash 动画

开始→程序→Macromedia→Macromedia Flash

二、Flash 的工作环境 教学反思 这是 Flash 的第一节课,学生对这个软件和有感兴趣,还有这个软件的启 动、关闭方法跟别个软件一样的,所以同学们很快就认识到了这节课的内容。
作业

填写第 4 页的工具名称。
2

八年级 上册

备课时间:2013 年





授课时间:2013 年





课题
授课班级

第1课
初二(7,9,11,13,14)班

Flash 和 Flash 动画
课时 第 2 周 1 节

知识目标 智能目标 感情德育

初步了解制作 Flash 动画的基本操作。 制作一个简单的动画 让学生享受成就感,树立自信心。

难点 重点 制作动画过程 教学用品 导入新课 教学过程
三、制作简单的动画 启动 Flash 后,就可以开始制作动画了。下面先做一个简单的动画,让一个圆从屏幕 的左上角向右下角运动 制作一个运动的圆 第 1 步:单击工具箱中的椭圆工具按钮 ,选定椭圆工具。 按钮,在弹出的颜色列表框 教材、电脑

同学们上节课我们已经认识到了 Flash 的工作环境,那同学们你们想 不想应用 Flash 制作动画呢?

第 2 步:在工具箱中部的颜色栏里单机笔触颜色框中 中单击 按钮,把绘制椭圆的变现设为无色。

第 3 步:在工具箱中部的颜色栏里单击填充色框中的 单击“红色”色标,把绘图时填充色设为红色。

按钮,在弹出的颜色列表框中

第 4 步:按住 Shift 键在舞台左上角拖动鼠标指针,画一个大小适当的圆。 第 5 步:单击工具箱中的箭头工具按钮 选定圆。 第 6 步:执行“插入→转换为元件”命令,出现“转换为元件”对话框后,在名称框 ,选定箭头工具,再单击画好的圆内部,

3

八年级 上册

中输入“圆” ,在行为栏中选定“图形”选项,然后单击“确定”按钮。

这时,舞台中圆的选定状态发生了变化。

第 7 步:单击“时间轴”面板上的第 50 帧(刻度 50 下面的小方格) ,选定它,在执行 “插入→关键帧”命令,然后把拖到舞台的右下角。 第 8 步:单击“时间轴”面板上的第 1 帧,然后执行“插入→创建补间动画”命令, 可以看到在 1~50 帧之间出现了一条显示浅蓝色北京的带箭头的实线,表示在 1~50 帧 之间生成了补间动画。 第 9 步:执行“控制→播放”命令或敲回车键,播放动画,可以看到圆从舞台的左上 角移到右下角的动画过程。 第 10 步:执行“文件→保存”命令,把默认的“未命名-1”改成适当的文件名,如“运 动的圆” ,把动画作品保存到适当的文件夹里。 第 11 步:单击 Flash 菜单栏右侧的“关闭”按钮,关闭“运动的圆”文件。单击标题 栏右侧的“关闭”按钮,退出 Flash 软件。

板书设计

第1课
三、制作简单的动画
制作一个运动的圆

Flash 和 Flash 动画

教学反思
在这节课的任务驱动下,通过创设情境激发学生兴趣,提出问题,学生自主探究,让学生在学 习中感受制作动画的趣味性,在完成任务过程中掌握重点知识,完成了难点任务。 作业 利用“矩形工具”和“椭圆工具”绘制一辆小车,在选择“移动”工具,按住“shift”键选 中车身和两个车轮,转换为元件,然后制作小车沿水平方向前进的动画,并保存在自己的文件夹 中。
4

八年级 上册

备课时间:2013 年





授课时间:2013 年



课题
授课班级

第2课
初二(7,9,11,13,14)班

动作补间动画
课时 第 2 周 2 节

知识目标

了解元件和实例的概念。 会在 Flash 动画中导入图片。 掌握动作不见动画的基本制作方法。 通过同学之间的合作探究,培养学生互相帮助,增进同学之间的友好感情; 给学生以方法、以胆量、以鼓励、以成功,让学生享受成就感,树立自信 心。培养学生积极探索、敢于实践,大胆创新的精神和意识。

智能目标

感情德育

难点 重点 在 Flash 动画中导入图片。 教学用品 导入新课 教学过程
一、利用导入的图片制作动画 用 Flash 制作动画时,可以再 Flash 窗口中绘制起始帧和结束帧的画面,也可以在起 始帧和结束帧中导入已有的图片。下面以制作一幅图片从屏幕左上角进入,运动到右下 角再移出的动画为例,介绍有关的操作。 1.导入图片 找一张自己的照片,把它导入 Flash,在进行一些处理操作,就可以制作出动画的效果 来。 第 1 步:启动 Flash,执行“插入→新建元件”命令,出现“创建新元件”对话框时, 在名称框中输入适当的元件名,如“小女孩” ,在行为栏中选定“图形”选项,再单击“确 定”按钮,进入元件编辑状态。 第 2 步:执行“文件→导入”命令,出现“导入”对话框中,打开保存图片的文件夹, 选定要导入的图片文件,然后单击“打开”按钮。这时,元件编辑区中会显示出导入的
5

教材,电脑。 让学生们观看我们要制作的实例,这样可以提高学生的学习热情,这时我 们再来讲解,学生的兴起就要搞一些。

八年级 上册

图片。 2.制作动画 导入图片后再把它应用到舞台中,就可以制作动画作品了。 第 1 步:单击 图标,进入场景编辑状态。

第 2 步:执行“窗口→库”命令,打开“库”面板,在“库”面板中单击“小女孩” 图形元件名,然后把“小女孩”元件拖动到舞台中。 第 3 步:把指针指向图片后拖动,把它拖至舞台左上角以外的灰色区域,作为动画的 起始点。 第 4 步:单击“时间轴”面板中的第 30 帧,然后敲 F6 键(或执行“插入→关键帧” 命令) ,在第 30 帧插入关键帧。 第 5 步:把“小女孩”图片拖至舞台右下角以外的灰色区域,作为动画的结束点。 第 6 步:单击“时间轴”面板上的第 1 帧,执行“插入→创建补间动画”命令,在 1~ 30 帧之间创建补间动画。 第 7 步:执行“控制→播放”命令(或敲回车键) ,播放动画。可以看到, “小女孩” 图片从左上角进入舞台,然后从右下角移出舞台。 第 8 步:以“小女孩.fla”为文件名保存文件。

二、改变对象的大小 在动作补间动画中,还可以改变对象的大小。 第 1 步:单击“时间轴”面板的第 45 帧,敲 F6 键插入关键帧,然后拖动右下角的“小 女孩”图片到舞台底部的中间位置上。 第 2 步:单击工具箱中的任意变形工具按钮 作点上,指针变成 ,选定图片后把指针移到右上角的操

形时,按住 shift 键拖动鼠标,调大“小女孩”图片。

第 3 步:在舞台外单击,取消图片的选定状态。 第 4 步:在“时间轴”面板中的 30~45 帧之间的任一帧上右击,在弹出的快捷菜单中 单击“创建补间动画”命令,30~45 帧之间也生成了一段补间动画。 第 5 步:单击“时间轴”面板的第 30 帧,敲回车键播放动画。可以看到“小女孩”图 片从舞台的右下角移到舞台中央,同时逐渐变大。

6

八年级 上册

第 6 步:保存文件。

三、改变对象的不透明度 在动作补间动画中,还可以通过改变对象的不透明度,为他们设置淡入或淡出的效果。 第 1 步:单击“时间轴”面板的第 60 帧,敲 F6 键插入关键帧,然后单击舞台中的“小 女孩”图片。 第 2 步: 单击 “属性” 面板中颜色选择框里的 选项,再单击右侧选择框里的 第 3 步:选择 按钮, 在打开的下拉列表框中单击 Alpha

按钮,然后拖动标尺上的滑块,调整不透明度为 20%。

工具,适当调小“小女孩”图片。

第 4 步:在“时间轴”面板中的 45~60 帧之间右击,在弹出的快捷菜单中单击“创建 补间动画”命令。 第 5 步:播放动画,然后保存文件。

板书设计

第2课 一、利用导入的图片制作动画 二、改变对象的大小 三、改变对象的不透明度 教学反思

动作补间动画

本课的难点在于元件的制作,学生习惯于直接在场景中制作动画,要重点强调元件的作 用,并通过学生在进行透明度设置时出现的问题强调非元件某些不能实现的效果。极个 别学生直接在元件里完成了整个动画,在以后的学习中应反复强调。
作业

根据所学的内容制作一个动画。

7

八年级 上册

备课时间:2013 年





授课时间:2013 年





课题
授课班级

第2课
初二(7,9,11,13,14)班

动作补间动画
课时 第 3 周 1 节

知识目标

了解元件和实例的概念。 会在 Flash 动画中导入图片。 掌握动作不见动画的基本制作方法。 通过同学之间的合作探究,培养学生互相帮助,增进同学之间的友好感情; 给学生以方法、以胆量、以鼓励、以成功,让学生享受成就感,树立自信 心。培养学生积极探索、敢于实践,大胆创新的精神和意识。

智能目标

感情德育

难点 重点 在 Flash 动画中导入图片。 教学用品 导入新课 教学过程
四、旋转对象 利用动作补间,还可以让对象旋转。 第 1 步:单击“时间轴”面板的第 90 帧,敲 F6 键插入关键帧。 第 2 步:单击“时间轴”面板中 75~90 帧之间的任意一帧,单击“属性”面板补间框 里的 按钮,选择“动作”选项,然后设置旋转栏的参数。 教材,电脑。 让学生们观看我们要制作的实例,这样可以提高学生的学习热情,这时我 们再来讲解,学生的兴起就要搞一些。

第 3 步:保存文件。 第 4 步:向左拖动“时间轴”面板下方的滚动块,单击“时间轴”面板的第 1 帧,敲 回车键播放动画,观看整个动画的效果。
8

八年级 上册

可以看到,小女孩图片先从舞台左上角移到右下角,然后变大并移到舞台中央,变小 淡出,在变大淡入,接着顺时针旋转一圈。

五、发布动画 用 Flash 制作动画作品时保存的文件时扩展名为“.fla”的 Flash 文档,另外,还可 以把动画作品发布成扩展名为“.swf”的 Flash 影片文件和扩展名为“.exe”的可执行 文件。 第 1 步:执行“文件→发布设置”命令“发布设置”对话框。打开格式选项卡,取消 “HTMAL(.html)”选项的选定状态,再选定“Windows 放映文件(.exe) ”选项。 第 2 步:单击“发布”按钮,把动画发布成扩展名为“.swf”的 Flash 影片文件和扩 展名为“.exe”的可执行文件。 第 3 步:发布完毕后,单击“确定”按钮,然后退出 Flash。 第 4 步:打开保存“小女孩.fla”文档的文件夹,可以看到文件名为“小女孩.fla” 的 Flash 文件, “小女孩.swf”的 Flash 影片文件, “小女孩.exe”的可执行文件。 第 5 步:双击扩展名为“.fla”

板书设计

第2课 四、旋转对象 五、发布动画 文件→发布设置 教学反思

动作补间动画

本课的难点在于元件的制作,学生习惯于直接在场景中制作动画,要重点强调元件的作 用,并通过学生在进行透明度设置时出现的问题强调非元件某些不能实现的效果。极个 别学生直接在元件里完成了整个动画,在以后的学习中应反复强调。
作业

制作一个动画,这个动画添加旋转效果,然后把它发布。

9

八年级 上册

备课时间:2013 年





授课时间:2013 年





课题
授课班级

第3课
初二(7,9,11,13,14)班

形状补间动画
课时 第 3 周 2 节

知识目标

学会制作图形变形和文字变形动画。

智能目标

学会制作简单的形状补间动画。 鼓励学生进一步学习动画的制作,由浅入深、由表及里掌握动画制作的方

感情德育

法,提高其制作动画和欣赏动画的水平;培养学生的自主探索、协作研究 的精神。

难点 重点 图形变形和文字变形的区别。 教学用品 导入新课 教学过程
除了动作补间动画以外,还可以用 Flash 制作形状补间动画,让图形、文字等对象自 动变形。 一、图形变形 在两个关键帧里安排不同形状的图形,然后设置补间类型为“形状” ,就可以生成形状 补间动画,实现图形之间的变形。 制作动画,让一个圆变成矩形,然后再变成三角形。 第 1 步:启动 Flash,选定“椭圆”工具,用适当的颜色在舞台中画一个圆。 第 2 步:单击“时间轴”面板中的第 10 帧,执行“插入→空白关键帧”命令(或者敲 F7 键)插入空白关键帧。 第 3 步:选定“矩形”工具,在舞台中画一个矩形。 第 4 步:单击“时间轴”面板的第 1 帧,在“属性”面板中单击补间框,打开下拉列 表,在单击其中的“形状”选项,把补间类型设为“形状” 。 第 5 步:仿照第 2 步第 4 帧操作,在“时间轴”面板的第 20 帧插入空白关键帧,画一 个三角形,在把补间类型设为“形状” 。 第 6 步:保存文件为“图形变形.fla” 。 第 7 步:敲回车键,播放动画,观看效果。
10

教材,电脑。

播放一段 Flash 动画,导入新课。

八年级 上册

二、 文字变形 第 1 步:单击工具栏中的 按钮,新建一个文件。 第 2 步:执行“修改→文档”命令,弹出“文档属性”对话框后,在尺寸框中把宽度 和高度的值均设为 100px(像素) ,改变舞台的大小。 第 3 步:单击“背景色”右侧的 第 4 步:选定工具箱中的 A。 第 5 步: 选定 体。 第 6 步:拖动字母 A,使它位于舞台的中间。 第 7 步:单击“时间轴”面板的第 10 帧,敲 F7 键插入空白关键帧,然后输入字母 B。 第 8 步:单击“时间轴”面板的第 20 帧,仿照第 7 步的操作,插入空白关键帧,输入 字母 C。 第 9 步:单击“时间轴”面板的第 1 帧,执行“修改→分离”命令(或敲 Crtl+B 键) , 把字母 A 分离成图形。在单击第 10 帧,敲 Ctrl+B 键,把字母 B 分离成图形。用同样的 操作,将第 20 帧中的字母 C 分离成图形。 第 10 步:单击“时间轴”面板的第 1 帧,在“属性”面板中把补间类型设为“形状” 。 再单击第 10 帧,在“属性”面板中把补间类型设为“形状” 。 第 11 步:保存文件为“字符变形.fla” 。 第 12 步:执行“控制→播放”命令,观察动画效果。 利用“修改→分离”命令,可以将字符、实例、图形等打散,从而进行动画变形。如 果是一组文字,则一般需要打散 2 次。 实例被分离后失去了实例的所有属性,不能称为实例。 工具, 单击输入的字母 A, 选定它, 在 “属性” 面板中把字体设为 Times 按钮和 按钮,把字母 A 设为粗斜 New Roman,字号设为 96,颜色设为黄色。然后单击 按钮,在弹出的颜色列表中单击“浅蓝色”色标作 为舞台的背景色,然后单击“确定”按钮。 工具,然后在舞台中单击,出现文本输入框时,输入字母

板书设计
第3课 一、图形变形 二、文字变形 形状补间动画

教学反思
在这节课的任务驱动下,通过创设情境激发学生兴趣,提出问题,学生自主探究,让学生在学 习中感受制作动画的趣味性,在完成任务过程中掌握重点知识,完成了难点任务。 作业 制作一个圆变成矩形的动画,使图形在变形过程不断换颜色。
11

八年级 上册

备课时间:2013 年





授课时间:2013 年





课题
授课班级

第3课
初二(7,9,11,13,14)班

形状补间动画
课时 第 4 周 1 节

知识目标

了解形状提示的作用。 知道动作补间动画和形状补间动画的区别。 学会制作一个形状补间动画。

智能目标

感情德育

通过绘制图形,体验补间动画的奇妙。再次感受 Flash 动画的动态效果。

难点 重点 了解形状提示的作用。 教学用品 导入新课 教学过程
三、形状提示 观看上面制作的“字符变形”动画时可以看到,字母 A 变成 B 再变成 C 的变形过程不 明显,而且有些凌乱。 实际应用时,适当使用 Flash 提供的形状提示,可以再一定程度上改盖变形的过程。 动画增加形状提示。 第 1 步:启动 Flash,单击工具栏中的 打开它。 第 2 步:单击“时间轴”面板中的第 1 针,然后执行“修改→形状→添加形状提示” 命令,在字母 A 上增加一个提示点 a。 第 3 步:拖动提示点到适当的位置,如左下角。 第 4 步:单击“时间轴”面板的第 10 帧,把字母 B 上的提示点 a 拖到合适的位置上。 第 5 步:单击“时间轴”面板中的第 1 帧,执行两次“修改→形状→添加形状提示” 命令,增加提示点 b 和提示点 c,把他们分别把它们分别移到合适的位置上。 第 6 步:单击第 10 帧,把字母 B 上的提示点 b 和 c 移到恰当的位置上。
12

教材,电脑。 上节课我们已经制作了一个简单的动作补间动画,同学们已经初步认识了 Flash 动画的制作过程。这节课我先让同学们观看两个有趣的动画。下面 我们就一起看一下形状补间动画的制作过程。

按钮,找到“字符变形”动画所在的文件夹,

八年级 上册

第 7 步:播放动画,可以看到字母 A 变成 B 的过程变得比较有规律了。 第 8 步:仿照以上操作,位字母 B 到字母 C 的变形过程添加形状提示。 在默认状态下,Flash 会自动为要变形的对象设置一些关键点,播放动画时,这些关键 点的位置会发生变化,对象其余部分的变化由 Flash 通过计算自动生成。通过设置提示 点的操作,可以改变默认的关键点位置,使整个变形的过程按设计者的要求进行。 动作补间动画、形状补间动画及二者的区别 Flash 能生成两种类型的补间动画:动作补间动画和形状补间动画。 动作补间动画中的对象是元件的实例。实例的属性包括位置、大小以及旋转角度等。 在一个关键帧中定义实例的位置、大小以及旋转角度,然后再其他关键帧中改变这些属 性,最后再在各关键帧之间生成动作补间动画。 在动作补间动画的起始关键帧和结束关键帧以及他们之间的所有帧生成了一个动作补 间动画。如果两个关键帧之间是一条浅蓝色背景的虚线,表明这个动作补间动画存在一 些问题,不能正常显示。 形状不讲动画可以使一幅图形逐渐变成另一幅图形(形状、位置、大小和颜色等属性 的变化) 。 在形状补间动画的起始关键帧和结束关键帧之间,会显示一条带箭头的浅绿色背景的 直线,表明在两个关键帧以及他们之间的所有帧生成了一个形状补间动画。如果两个关 键帧之间是一条浅绿色背景的虚线,表明这个形状补间动画存在一些问题,不能正常显 示。 动作补间动画的对象是元件的实例,而实例只有被“分离”后才能用来生成形状补间 动画。使用绘图工具绘制的图形,都是“分离”的。在制作形状不讲动画时,用 A 工具 生成的字符需要先进行分离。

板书设计
第3课 三、 形状提示 动作补间动画、形状补间动画及二者的区别 形状补间动画

教学反思
将学生自主探究、教师示范讲解与同伴互助等学习方式,很好地适合在本节课中,教师 自如地课堂调控与师生互动,使得本课取得了和好地教学效果。
作业

制作一个数字 1 变成数字 3 的形状补间动画,利用形状提示使变形过程显得比较有规 律。

13

八年级 上册

备课时间:2013 年





授课时间:2013 年





课题
授课班级

第4课
初二(7,9,11,13,14)班

多图层动画
课时 第 4 周 2 节

知识目标

掌握并学会多图层动画的制作方法。

智能目标

制作一个“摇动的树枝”动画 激励学生进一步学习动画的制作,有浅入深、由表及里掌握动画制作的方

感情德育

法,提高其制作动画和欣赏动画的水平;培养学生的自主探索,协作研究 的精神。 重点:让学生掌握运用两个或多个图层做一种效果的基本步骤。 难点:制作摇动的树枝的动画并两个图层的组合。 电脑,教材 播放两段 Flash 动画,一段一个图层的动画和一个多图层动画,导入新课。

难点 重点 教学用品 导入新课 教学过程

在前面的动画制作中,使用了系统默认的名为“图层 1”的图层。操作时如果注意观察 就可以再“时间轴”面板上看到,选定帧、创建补间动画等操作都是在“图层 1”中完成 的。实际上,还可以添加多个图层,制作更复杂的动画。本课以制作随风摇动的树枝和 旋转的风车动画为例,介绍制作多图层动画的有关方法。

一、制作“摇动的树枝”动画 首先创建“树枝”元件,在来制作“摇动的树枝”动画。

创建“树枝”元件。 第 1 步:启动 Flash,打开一个新文件,单击“属性”面板上的 色。 第 2 步:选定 枝。
14

,设置背景色为蓝

工具,然后再颜色栏的笔触颜色框中选择棕色,在舞台中画出几条树

八年级 上册

第 3 步:选定 两侧画上树叶。 第 4 步:选定 叶。

工具,设置笔触颜色为“没有颜色”

,填充色为绿色,在树枝

工具,从树枝的左上方拖到右下方,松开鼠标,选中全部的树枝和树

第 5 步:执行“插入→装换为元件”命令,在“转换为元件”对话框的名称框中输入 “树枝” ,在行为栏中选定“图形”选项,再单击对话框注册栏中最上方的小方块,最后 单击“确定”按钮。

制作“摇动的树枝”动画。 第 1 步:选定第 30 帧,敲 F6 键插入关键帧。选定 工具,单击“树枝”图片,移鼠

标指针到左上角的操作点,指针变为 形时向右拖动,旋转树枝到一定角度。 第 2 步:选定第 60 帧,敲 F7 键键插入空白关键帧。 第 3 步:选定第 1 帧,单击舞台中的树枝,敲 Ctrl+C 键复制,然后选定第 60 帧,敲 Ctrl+Shift+V 键,把第 1 帧的内容复制到底 60 帧中。 第 4 步:按住 Shift 键,单击第 1 帧和第 60 帧,选中 1~60 帧。在“属性”面板中设 置补间类型为“动作” ,在 1~30 帧和 30~60 帧之间分别出现了一条带箭头的浅蓝色直 线,生成了两个补间动画。 第 5 步:以“风儿吹动.fla”为名保存文件。敲回车键,可以看到树枝先向左摇动, 然后又向右摇动。

板书设计

第4课 一、制作“摇动的树枝”动画 教学反思

多图层动画

在这节课的任务驱动下,通过创设情境激发学生兴趣,提出问题,学生自主探究,让学 生在学习中感受制作动画的趣味性,在王城任务过程中掌握重点知识,完成了难点任务。
作业

制作一个国旗摇动的动画。

15

八年级 上册

备课时间:2013 年





授课时间:2013 年





课题
授课班级

第4课
初二(7,9,11,13,14)班

多图层动画
课时 第 5 周 1 节

知识目标

会运用箭头工具改变图形的形状。

智能目标

会运用箭头工具改变图形的形状。 激励学生进一步学习动画的制作,有浅入深、由表及里掌握动画制作的方

感情德育

法,提高其制作动画和欣赏动画的水平;培养学生的自主探索,协作研究 的精神。 重点:让学生掌握运用两个或多个图层做一种效果的基本步骤。 难点:制作摇动的树枝的动画并两个图层的组合。 教材、电脑。 播放两段 Flash 动画,一段一个图层的动画和一个多图层动画,导入新课。

难点 重点 教学用品 导入新课 教学过程

二、制作“旋转的风车”动画 单击“时间轴”面板下侧的插入图层按钮 ,可以再增加一个图层,然后在不同的图

层中制作不同对象的动画。Flash 会把所有的图层叠加成一个完整的画面。下面就再增加 一个图层,在新图层中制作一个旋转风车的动画。 先来制作风车上的“叶片”元件。

创建“叶片”元件 第 1 步:单击 按钮增加一个图层,然后单击“图层 2”的第 1 帧。 工具,在“属性”面板中把笔触颜色设为无色,把填充颜

第 2 步:选定工具箱中的 色设为七彩的线性渐变色。

第 3 步:在舞台中拖动鼠标指针,画一个矩形。

16

八年级 上册

画一个矩形

移鼠标到左上角

变为三角形

向右拖动

变成叶片形状

第 4 步:选定

工具,把鼠标指针移到矩形的左上角,指针变成

形时,按住鼠标左

键向右拖动,把矩形左上角的顶点拖到矩形的右上角,这时,矩形转换成一个三角形。 第 5 步:把鼠标指针移到三角形的右直角边上,指针变成 形时向右拖动,把这条直 角边变成曲线,然后再把指针移到三角形的下直角边上拖动。这样,矩形就变成了叶片。 第 6 步:选定画好的叶片,执行“插入→转换为元件”命令。在“转换为元件”对话 框的名称框中输入“叶片”,在行为栏中选定“图形”选项,然后单击注册栏右上角的小 方块,把它设为中心点,再单击 确定 按钮。 制作好“叶片”元件后,可以利用它制作“风车”的其他叶片,进一步创建“风车” 元件。

创建“风车”元件 第 1 步:选定“叶片” ,执行“窗口→变形”命令,打开“变形”面板,在旋转框中输 入“45.0 度” ,单击“拷贝并应用变形”按钮,就复制了一个叶片。 第 2 步:再单击 6 次“拷贝并应用变形”按钮,复制“风车”的其他 6 个叶片。每单 击一次“拷贝并应用变形”按钮,就会复制出一个“叶片” ,同时旋转角度增加 45 度。 第 3 步:按住 Shift 键,单击舞台中的每一个“叶片” ,使他们都处于选定状态,然后 执行“插入→装换为元件”命令。在“转换为元件”对话框的名称框中输入“风车” ,在 行为栏选定“图形”选项,再单击注册栏中心位置上的小方块,然后单击 确定 按钮

制作“旋转的风车”动画。 第 1 步:单击“时间轴”面板中“图层 2”的第 30 帧,敲 F6 键插入关键帧。再单击 “图层 2”的第 60 帧,也插入关键帧。 第 2 步:单击“图层 2”的第 1 帧,再“属性“面板中设置补间为“动作” ,设置旋转 为“逆时针” 。

17

八年级 上册

第 3 步:单击“图层 2”的第 30 帧,在“属性”面板中设置补间为“顺时针” 。 第 4 步:保存文件。敲回车键播放动画,可以看到数值随风先向左摇动,后向右摇动, 同时风车先逆时针旋转,然后顺时针旋转的效果。

三、箭头工具 在 Flash 中,箭头工具有选定、移动、改变形状等功能。在前面的学习中,我们已经 比较熟悉移动对象的操作了。下面举例介绍用 法。 第 1 步:利用绘图工具,在 Flash 舞台上绘制一个有边界和填充区的圆。 第 2 步:选定箭头工具,单击图形边界,可以选定边界;单击图形的内部,可以选定 填充区;双击图形的内部,可以选定整个图形。 第 3 步:选定箭头工具,在图形外部适当的位置按住鼠标左键并拖动,使拉出的矩形 能把图形都围住,然后放开鼠标,图形就被选定了。如果只框住图形的不分区域,选定 的就是局部。 第 4 步:选定箭头工具,把指针移到圆的边缘附近,当指针变成 形时按住左键往哥 哥方向拖动,可以改变圆的形状。 工具选定图形、改变图形形状的操作方

板书设计

第4课 二、制作“旋转的风车”动画
创建“叶片”元件。 创建“风车”元件。 制作“旋转的风车”动画。

多图层动画

三、箭头工具 教学反思
在这节课的任务驱动下,通过创设情境激发学生兴趣,提出问题,学生自主探究,让学 生在学习中感受制作动画的趣味性,在王城任务过程中掌握重点知识,完成了难点任务。
作业

制作文字淡入画面并旋转出现的动画效果。

18

八年级 上册

备课时间:2013 年





授课时间:2013 年





课题
授课班级

第5课
初二(7,9,11,13,14)班

制作弹性球动画
课时 第 5 周 2 节

让学生理解逐帧动画的制作原理;让学生理解普通帧、关键帧、空白关键

知识目标

帧的分类;掌握复制帧的操作方法;了解“混色器”、综合运用 Flash 进 行动画创作。 通过观察篮球运动分析动画、制作动画,培养学生观察、分析和解决问题

智能目标

能力,提高学生综合运用所学知识的能力,让学生能够制作基本的逐帧动 画。 通过同学之间的合作探究,培养学生互相帮助,增进同学之间的友好感情;

感情德育

给学生以方法、以胆量、以鼓励、以成功,让学生享受成就感,树立自信 心。

难点 重点 教学用品

普通帧、关键帧、空白关键帧的分类;综合运用所学的 Flash 知识进行动 画创作。 教材,电脑。 拿出一个篮球,这是什么?篮球!你们喜欢打篮球吗?喜欢打篮球的同学

导入新课

举手?教师演示拍篮球,学生观察后说一说篮球发生了怎样的变化?请一 位学生来拍一拍。想在 flash 里实现这个动画效果吗?学生说想。我们今 天就一起学习在 flash 里制作弹性球动画。

教学过程
一、 “弹性球”动画简介 首先把名为“弹性球”的动画复制或下载到自己的计算机中,然后运行它,观看完整 的动画过程。 找到并双击保存在自己文件夹里德动画文件名,观看动画“弹性球” ,下面是动画过程 中的四个画面。

19

八年级 上册

从这个动画中可以看到,一个弹性球落到屏幕的最下方时,先是被压扁,然后逐渐恢 复原形并向上弹起。在整个落下和弹起的过程中,小球的下方始终有一片光影,该光影 区域的大小随着小球位置的变化也在改变,使整个动画更加逼真。

二、制作过程 要制作这个动画,可以按“制作弹性球元件→制作弹性球落地后弹起的动画→制作动 画中的光影效果”的顺序来操作。 制作“弹性球”元件 第 1 步:新建一个 Flash 文档,在“属性”面板中把大小设为 300px×600px,把背景 颜色设为黑色,然后以文件名“弹性球.fla”保存文档。 第 2 步:选定 工具,按住 Shift 键的同时拖动鼠标,在舞台中画一个无边界色的圆。 。

第 3 步:选定舞台中的圆,选择填充色为

第 4 步:执行“窗口→混色器”命令,打开“混色器”面板,单击渐变定义栏右端的 滑块,然后单击左上方的颜色框,在其中选择黄色。 第 5 步:选定 工具,在圆的左上方单击,把它填充成一个左上方稍白的黄色的圆。

第 6 步:单击圆,执行“插入→转换为元件”命令,把它转换成名为“弹性球”的图 形元件。 制作弹性球落地后弹起的动画 第 1 步:把“时间轴”面板中的“图层 1”改名为“弹性球” 。 第 2 步:执行“查看→网格→显示网格”命令,在舞台中显示出可辅助对象对齐的网 格线。 第 3 步:选定工具箱中的 工具,拖动舞台中的弹性球,把它移到舞台中间偏上的位 置。 第 4 步:在“时间轴”面板的第 20 帧处插入关键帧。按住 Shift 键把弹性球拖到舞台 下方适当的位置,然后敲↑键或↓键,使图形的下边缘与邻近的一条水平网格线对齐, 同时记下这条水平网格线的位置。 第 5 步:在“时间轴”面板的第 25 帧处插入关键帧。单击舞台中的弹性球,再选定工 具箱中的 工具,拖动弹性球上的操作点,适当把小球压扁一些,拉宽一些。然后调整

小球的位置,使它的下边缘与变形钱下边缘所在的位置一致。 第 6 步:右击“时间轴”面板的第 20 帧,在弹出的快捷菜单中单击“拷贝帧”命令,
20

八年级 上册

然后右击第 30 帧,在弹出的快捷菜单中单击“粘贴帧”命令,把第 20 帧中的画面复制 到第 30 帧里。 第 7 步:仿照第 6 步,把第 1 帧中的画面复制到第 47 帧中。 第 8 步:单击“弹性球”图层的第 1 帧,按住 Shift 键的同时单击第 47 帧,使 1~47 帧间的所有帧都处于选定状态。然后执行“插入→创建补间动画”命令,在 1~20、20~ 25 帧、25~30 帧、30~47 帧之间就会生成动作补间动画。 第 9 步:选定“时间轴”面板的第 1 帧,把“属性”面板中的简易框里的数值改为 -50, 使弹性球下落时加速;选定第 30 帧,把“简易”值改为 50,使弹性球弹起时减速。 第 10 步:执行“控制→测试影片”命令,可以看到一个弹性球落地时发生了变形,然 后又弹起并逐渐恢复原状的过程。
适当设定“简易”参数,可以使对象朝着动画结束的方向加速或减速运动。方法是:在“时 间轴”面板上选定要改变速度的关键帧,然后在“属性”面板的“简易”框中输入适当的数(-1 到-100 的表示加速,1 到 100 的数表示减速) 。

在动画中加入一片光影。 第 1 步:执行“插入→新建元件”命令,创建一个名为“光影”的图形元件。进入元 件编辑区后,绘制一个无边界色、填充色为白到黑的中心渐变色的椭圆。 第 2 步:单击 图标,返回场景编辑状态。插入一个图层,把图层名改名为“光

影” ,然后把它拖到“弹性球”图层的下面。 第 3 步:敲 F11 键打开“库”面板,把“光影”元件拖到舞台中弹性球落地时下边缘 所在的水平网格线上。 第 4 步:在“光影”图层的第 20 帧处插入关键帧,选定舞台中的“光影”图形,再选 定 工具,拖动顶角的操作点把图形适当缩小。

第 5 步:在“光影”图层的第 25 帧处插入关键帧,利用 再适当缩小。

工具,把舞台中的“光影”

第 6 步:利用拷贝和粘贴帧命令,把“光影”图层第 20 帧中的内容复制到第 30 帧, 把第 1 帧中的内容复制到底 47 帧。

21

八年级 上册

第 7 步:单击“光影”图层第 1 帧,按住 Shift 键的同时单击第 47 帧,选定 1→47 帧的所有帧。 第 8 帧:执行“插入→创建补间动画”命令,在 1~20 帧、20~25 帧、25~30 帧、30~ 47 帧之间生成动作补间动画。这时再测试影片,就可以看到更加逼真的弹性球落下并被 压扁的过程。

板书设计

第5课 一、 “弹性球”动画简介 二、制作过程 教学反思

制作弹性球动画

本节课注重了以学生为主体, 教师为主导的原则, 通过创设情境, 让学生自己发现问题, 并通过自主学习,合作探究的学习方法来分析问题和解决问题。在教学过程中,充分注 意了学生差异的问题,设计了不同层次的学习任务,让学生选择自己能够完成学习目标, 使不同差异的学生得到分步提高。在完成学习任务的同时,让学生感受到成功的喜悦, 激发了学生学习的欲望,输了自信心。

作业

思考以下问题: 1、 “弹性球”动画由多少个运动对象组成? 2、弹性球落地时发生了变形,哪两个关键帧之间是弹性球变形的过程?

22

八年级 上册

备课时间:2013 年





授课时间:2013 年





课题
授课班级 初二(7,9,11,13,14)班

单元小结
课时 第 6 周 1 节

知识目标

进一步认识到第一单元的内容。

智能目标

利用所学的知识制作一个动画。

感情德育

培养学生应用动画技术的制作动画的能力和创新能力。

难点 重点 图层的应用 教学用品 导入新课 教学过程
这一单元,简单地介绍了动画的原理,Flash 的工作环境,动作补间和形状补间两种动 画形式,以及多图层动画的基本制作方法。 一、Flash 的窗口界面主要包括标题栏、菜单栏、工具栏、工具箱、 “时间轴”面板和 舞台等,其中舞台是呈现动画的主要场所。面板也是 Flash 的重要组成部分,制作动画 的过程中经常需要打开各种面板。 二、Flash 可以创建动作补间动画和形状补间动画。在一个关键帧中定义一个对象的位 置、大小或颜色等属性,然后在另一个关键帧中改变这些属性,利用“插入→创建补间 动画”命令可以再前后两个关键帧中改变该图形的形状或绘制另一个不同的图形,在“属 性”面板的补间框里选定“形状”选项,就可以在前后两个关键帧之间创建形状补间动 画。 三、如果动画中含有两个或两个以上的运动对象,应该把他们放在不同的图层中分别 制作,Flash 会把各个图层组合成一个完整的动画。图层的排列顺序会影响整个动画在屏 幕上的显示效果,在制作动画过程中,可以适当调整图层顺序,从而获得需要的效果。 制作时,可以根据实际情况锁定暂时不编辑的图层,避免对图层的误操作。 四、在制作一个动画前,先分析一下动画一共分为几个运动过程,每个过程该如何实 现,然后在不同的图层进行制作。需要的时候,利用拷贝帧和粘贴帧命令,可以快速作 图。
23

教材,电脑 讲上几节课已经学过的内容来导入新课。

八年级 上册

评价表 课次
动画的原理 第 1 课 第 2 课 第 3 课 第 4 课 第 5 课 在“属性”面板中设置“简易”参数 □会 □不会 箭头工具的用法 拷贝帧和粘贴帧的操作 □熟悉 □会 □了解 □不会 □不知道 动作补间动画的基本制作方法 制作简单的形状补间动画 形状提示的作用 动作补间和形状补间动画的区别 多图层动画的制作方法 □熟悉 □会 □熟悉 □了解 □了解 □了解 □不会 □了解 □不知道 □不知道 □不知道 □不知道 Flash 窗口的组成 制作简单的动画 元件和实例的概念 启动和退出 Flash

学习内容
□了解 □会 □熟悉 □会 □知道

在相应□内打√
□不知道 □不会 □了解 □不会 □不知道 □不知道

板书设计

单元小结
一、Flash 的窗口界面 二、补间动画 三、图层

教学反思
这节课我们巩固上几节已经学过的内容,同学们填“评价表”以后,再练习了不熟悉的 部分,通过再次练习同学们进一步的认识到了,不熟悉的内容。
作业 做 47 页的练习。

24

八年级 上册

备课时间:2013 年





授课时间:2013 年





课题
授课班级 初二(7,9,11,13,14)班

第 46 页练习
课时 第 6 周 2 节

知识目标

制作一个高兴的表情改成悲伤的表情动画

智能目标

进一步认识图层的应用。

感情德育

培养学生应用动画技术的制作动画的能力和创新能力。

难点 重点 图层的应用。 教学用品 导入新课 教学过程
充分发挥你的想象力,修改文档“弹性球 .fla”中的“弹性球”元件,在弹性球上面 画上眼睛和嘴巴,显示弹性球高兴的表情,然后制作“弹性球 2”元件,把弹性球压扁一 点,并把高兴的表情改成悲伤的表情。 教材、电脑。 给同学们演示一个动画,让同学们分析,这个动画由几个图层组成的,问 这个问题来导入新课。

25

八年级 上册

在“弹性球”图层的第 1、20、30、47 帧应用“弹性球”元件,在地 25 帧应用“弹性 球 2”元件,然后把他们都“分离” ,生成形状补间动画。

板书设计

练习 制作一个高兴的表情改成悲伤的表情动画

教学反思
看同学们上节课填的评价表后,我发现好多学生对图层概念的知识有点模糊,所以这节 课专门用图层制作一个有趣的动画,让同学们更深入的认识到图层的概念。通过制作这 个动画后学生再次认识到了,图层的基本知识。
作业

跟自己的想象力制作一个有趣的动画。

26

八年级 上册

备课时间:2013 年





授课时间:2013 年





课题
授课班级

第6课
初二(7,9,11,13,14)班

引导动画
课时 第 7 周 1 节

知识目标

了解引导动画的基本原理。

智能目标

掌握制作引导动画的基本方法。 培养学生应用动画技术的制作动画的能力和创新能力。

感情德育

通过分享作品,互相学习,积极参与,发挥他们的主动性,激发他们的求 知欲。 难点:运用引导层制作引导动画。 重点:引导图层建立方法、作用。 教材、电脑。 展示引导动画作品:飘落的秋叶导入引导层概念,讲解引导层基本操作。

难点 重点 教学用品 导入新课 教学过程

在前面的操作中,所使用的图层都是普通图层,舞台中的对象一般都沿着从起始位置 到终止位置的路径运动。在 Flash 中,还有一种叫做引导层的特殊图层。利用引导层, 可以为下面一个图层中的对象指定运动路径。这种让对象按引导层指定的路径运动的动 画,叫做引导动画。这一课以制作飘落的秋叶为例,介绍制作引导动画的基本方法。 一、制作“飘落的秋叶”动画 一般说来,引导动画中的对象应该是元件的实例。在这个动画中,对象是一片秋叶, 因此先制作秋叶图形元件。 创建“秋叶”图形元件。 第 1 步:启动 Flash,打开一个空白文档,以“飘落的秋叶.fla”为文件名存盘。 第 2 步:执行“插入→新建元件”命令,出现“创建新元件”对话框时,在名称框中 输入“秋叶” ,在行为栏中选定“图形” ,然后单击 确定 按钮,进入图形元件编辑区。 第 3 步:选定工具箱中的 工具,选择合适的笔触颜色,然后单击工具箱下方的铅笔
27

八年级 上册

模式按钮 子的轮廊。

,在弹出的列表框中选定墨水工具

。在编辑区中拖动鼠标,画出一片叶

第 4 步:选定工具箱中的颜料桶工具

,这时,指针在编辑区中变成

形。选择棕红

色为填充色, 在单击工具箱下方的空隙大小按钮 项。最后用

, 弹出列表框时选择 “封闭大空隙 “选

形指针多次单击轮廊图的内部,给图形填上棕红色。

创建好秋叶的图形元件后,就可以用它来制作秋叶在空中沿着一定路径飘落的动画了。 制作一片秋叶飘落的动画。 第 1 步:单击编辑区中的 图标,切换到场景编辑状态。

第 2 步:执行“修改→文档”命令,把背景色设为黄色。 第 3 步:双击“时间轴”面板中的“图层 1” ,把图层名改为“秋叶” 。 第 4 步:敲 F11 键,打开“库”面板,拖动“秋叶”元件到舞台左上方。 第 5 步:单击“时间轴”面板下方的添加引导层按钮 个名为“引导层:秋叶”图层。 第 6 步:单击“引导层:秋叶”图层的第 1 帧,用铅笔工具画出叶子落下的路径。 ,这时, “秋叶”层上会出现一

引导层

被引导层

第 7 步:在“引导层:秋叶”层的第 30 帧处敲 F5 键,使引导路径延续到第 30 帧,然 后单击 图标下对应的小黑点,锁定这个图层。
28

八年级 上册

第 8 步: 单击 “秋叶” 层的第 1 帧, 选定

工具后再单击工具箱下方的对齐对象按钮



使它处于选定状态。然后把秋叶拖到引导路径的起始位置。 第 9 步:在“秋叶”层的第 30 帧处敲 F6 键,复制关键帧到底 30 帧。然后拖动秋叶图 形到引导线的结束点。 第 10 步:选定“秋叶”图层的第 1 帧,执行“插入→创建补间动画”命令,在 1~30 帧之间生成一段动作补间动画。这时,敲回车键后可以看到,秋叶沿着直线方向从起始 点一到终止点,而没有严格沿路径运动。 第 11 步:单击“秋叶”图层的第 1 帧,在“属性”面板中选中“调整到路径” 。 第 12 步:保存文件。再次敲回车键播放动画,可以看到,秋叶沿路径落下的过程。 第 13 步:执行“控制→测试影片”命令或者敲 Ctrl+Enter 键播放动画,看看运动的 画面与第 12 步播放的动画有什么不同。

板书设计

第6课 一、制作“飘落的秋叶”动画
创建“秋叶”图形元件。 制作一片秋叶飘落的动画。

引导动画

教学反思
学生对本节课的内容普遍都很感兴趣,从学生实际操作情况看,第一关的完成情况比 较好,第二关对一些学生来讲有些困难,对该在哪一曾绘制引导线、哪一层设置动画理 解的不是很清楚。以后的课中要注意多强调。并且发现学生的创新意识不强,在以后的 教学中药多注意学生创新思维的培养。
作业

你们想一想冬天下雪的时候雪花怎样下来? 使用引导动画制作雪花漫天飞舞的动画。

29

八年级 上册

备课时间:2013 年





授课时间:2013 年





课题
授课班级

第6课
初二(7,9,11,13,14)班

引导动画
课时 第 7 周 2 节

知识目标

了解引导动画的基本原理。

智能目标

掌握制作引导动画的基本方法。 培养学生应用动画技术的制作动画的能力和创新能力。

感情德育

通过分享作品,互相学习,积极参与,发挥他们的主动性,激发他们的求 知欲。 难点:运用引导层制作引导动画。 重点:引导图层建立方法、作用。 教材、电脑。 展示引导动画作品:飘落的秋叶导入引导层概念,讲解引导层基本操作。

难点 重点 教学用品 导入新课 教学过程

二、完善“飘落的秋叶”动画 除了在某一图层上添加引导层外,还可以把一个普通的图层转变为运动导向图层。 在“飘落的秋叶”动画中在添加两片下落的秋叶。 第 1 步:选定“引导层:秋叶”层后单击 “秋叶 2” 。 第 2 步:把“库”面板中的“秋叶元件拖到舞台上。选定 当的旋转,在“属性”面板中把不透明度设为 90%。 第 3 步:选定“秋叶 2”图层,单击 定 层”命令, “图层 4”前的图标变为 。 按钮在该图层上添加一个新图层“图层 4” ,选 工具在舞台中画一条弧线。然后再“图层 4”上右击,出现快捷菜单后选定“引导 第 4 步:在“秋叶 2”图层的第 30 帧插入关键帧。右击“秋叶 2”层,出现快捷菜单 后选定“属性”命令,打开“图层属性”对话框,选择类型栏中的“被引导”选项,然 后单击 确定 按钮。这样, “秋叶 2”图层就被设置成了“图层 4”的被引导层。 第 5 步:单击“秋叶 2”层的第 1 帧,把第二片秋叶拖到“图层 4”中弧线的起始点。 单击“秋叶 2”层的第 30 帧,拖动第二片秋叶到引导线的终止点。打开“属性”面板,
30

按钮,添加一个新图层“图层 3” ,改名为 工具缩小秋叶,并进行适

八年级 上册

选择补间类型为“动作” ,并选定“调整到路径”选项,从而生成秋叶 2 的补间动画。

第 6 步:按照类似操作,在添加两个图层,制作第三片秋叶下落的动画。

第 7 步:执行“控制→测试影片”命令,可以看到三片树叶同时下落的动画效果。 第 8 步:保存文件。

板书设计

第6课 二、完善“飘落的秋叶”动画 教学反思

引导动画

学生对本节课的内容普遍都很感兴趣,从学生实际操作情况看,第一关的完成情况比较 好,第二关对一些学生来讲有些困难,对该在哪一曾绘制引导线、哪一层设置动画理解 的不是很清楚。以后的课中要注意多强调。并且发现学生的创新意识不强,在以后的教 学中药多注意学生创新思维的培养。
作业

制作一个小球沿着半圆型凹槽做曲线运动的动画。
31

八年级 上册

备课时间:2013 年





授课时间:2013 年





课题
授课班级

第7课
初二(7,9,11,13,14)班

遮罩动画
课时 第 8 周 1 节

知识目标

了解遮罩动画的基本原理。

智能目标

在操作过程中使用遮罩作用制作各种吸引人的优美动画。 提高学生的团队协作意识。 提高学生 Flash 的兴趣。 掌握遮罩层和被遮罩层的区别。 学会在实践上正确利用遮罩操作步骤进行操作。 教材、电脑。

感情德育 难点 重点 教学用品 导入新课 教学过程

播放一段“用放大镜查看文字”的 flash 动画,导入新课。

Flash 中还有一种特殊的图层——遮罩层。灵活运用遮罩层,可以产生一些特殊的动画 效果。这一课将从制作一个简单的遮罩层动画开始,逐步了解遮罩动画的基本原理,学 习有关的制作方法。 一、简单的遮罩动画 最简单的遮罩动画只需要两个图层。下面以制作一行文字自左向右出现的动画为例, 初步学习和了解遮罩动画的基本知识。下图是文字出现的最后一帧画面。

制作“让我们荡起双桨”遮罩动画。 第 1 步: 启动 Flash,新建一个 600px×100px 的文档, 把文档以文件名 “文字出现.fla” 保存在自己的文件夹里。 第 2 步:把“时间轴”面板中的“图层 1”改名为“矩形” 。
32

八年级 上册

第 3 步:选定工具箱中的“矩形”工具,笔触颜色设为无色,把填充颜色设为七彩的 线性渐变色,然后在舞台中画一个高度与舞台相当的矩形。 第 4 步:把矩形转换为元件,把矩形转换成名为“矩形”的图形元件。这时,舞台中 的矩形就是“矩形”元件的实例。 第 5 步:在“矩形”图层上面插入一个图层,把它改名为“文字” 。

第 6 步:选定“文字”图层的第 1 帧,利用“插入文字”工具,在舞台的中间位置输 入文字“让我们荡起双桨”并设定适当的格式。最后在该图层的第 25 帧处插入一般帧, 使文字延续到第 25 帧。 第 7 步:单击“矩形”图层的第 1 帧,利用“选择”工具,把舞台中的矩形拖动到文 字的最左侧。

第 8 步:在“矩形”图层的第 25 帧处插入一个关键帧。利用“任意变形”工具把矩形 拉长,使它覆盖整行文字。

33

八年级 上册

第 9 步: “矩形”图层的第 1 帧到底 25 帧之间生成一段动作补间动画。敲回车键,就 可以看到矩形移动的过程。 第 10 步:右击“文字”图层,在弹出的快捷菜单中单击“遮罩层”命令。这时, “时 间轴”面板上的“文字”图层时遮罩层, “矩形”图层时被遮罩层。

遮罩层

被遮罩层

板书设计

第7课 一、简单的遮罩动画 教学反思

遮罩动画

在这节课的任务驱动下,通过创设情境激发学生兴趣,提出问题,学生自主探究,让学 生在学习中感受制作动画的趣味性,在完成任务过程中掌握重点知识,完成了难点任务。

作业

制作一个简单的遮罩动画。

34

八年级 上册

备课时间:2013 年





授课时间:2013 年





课题
授课班级

第7课
初二(7,9,11,13,14)班

遮罩动画
课时 第 8 周 2 节

知识目标

了解遮罩动画的基本原理。

智能目标

在操作过程中使用遮罩作用制作各种吸引人的优美动画。 提高学生的团队协作意识。 提高学生 Flash 的兴趣。 掌握遮罩层和被遮罩层的区别。 学会在实践上正确利用遮罩操作步骤进行操作。 教材、电脑。 播放一段“用放大镜查看文字”的 flash 动画,导入新课。

感情德育 难点 重点 教学用品 导入新课 教学过程

二、较复杂的遮罩动画

在前面的操作中,我们学习了制作遮罩动画的基本方法。下面以制作用放大镜查看文 字的动画为例,介绍灵活运用遮罩曾制作较复杂动画的基本思路。

开始时的画面

结束时的画面

1.制作文字图层 要制作这个动画,可以把放大前和放大后的文字分别放在两个图层中,使对应文字的 位置大体重叠,然后为放大后的文字制作一个遮罩层,使放大后的文字逐一显示出来。 制作“小字”和“放大字”图层。 第 1 步:单击工具栏中的“新建”按钮,新建一个文档。适当设定舞台的大小和背景 色,然后以“放大镜.fla”为文件名保存在自己的文件夹里。 第 2 步:把“时间轴”面板中的“图层 1”改名为“小字” ,然后在舞台中输入字号较 小的文字“中华人民共和国” 。
35

八年级 上册

第 3 步:新建一个图层,把图层名改为“放大字” ,然后再舞台中输入字号较大、字体 与小字相同的文字“中华人民共和国” 。 第 4 步:选定“选择”工具,单击“小字”图层的第 1 帧,小字会处于选定状态。执 行“修改→分离”命令,7 个小字就会从一个文本框中分离出来。 第 5 步:仿照第 4 步,把“放大字“图层中的文字分离。 第 6 步:利用“选择”工具拖动哥哥文本框,调整他们的位置,使两个图层中的文字 大体重叠(在一个图层中操作时可先锁定另一个图层) 。 第 7 步:敲 F5 键,分别在“小字”图层和“放大字”图层的第 50 帧处插入一般帧, 然后锁定这两个图层。 2.制作遮罩层 从上面可以看出,遮罩层中表示放大镜的“孔”应该是一个圆,透过这个“孔”看到 的是放大的文字。 制作“放大字”遮罩层 第 1 步:选定“放大字”图层,在上面插入一个图层,并改名为“放大字遮罩” 。 第 2 步:选定“椭圆”工具,把笔触颜色设为无色。按住 Shift 键的同时,在舞台中 拖动鼠标画一个圆。 第 3 步:利用“箭头”工具,把圆拖到舞台“中”字的上面。利用“属性”面板调整 圆的宽和高,使宽和高的值相同,并盖住“中”字。选定这个圆,把它转换成名为“圆 形”的图形元件。 第 4 步:在“放大字遮罩”图层的第 50 帧处插入一个关键帧。把舞台中的圆拖到“国” 字上面。 第 5 步:右击“放大字遮罩”图层的第 1 帧,在弹出的快捷菜单中单击“创建补间动 画”命令,在 1~50 帧之间生成一段圆从左向右移动的动画。 第 6 步:右击图层名称“放大字遮罩” ,弹出快捷菜单时,选定“遮罩层”命令。这时, 舞台上的“华” “人” “民” “共” “和” “国”这 6 个大字就被遮罩起来了。 制作“小字”遮罩层 第 1 步:在“小字”图层上面插入一个图层,改名为“小字遮罩” 。 第 2 步:选定“矩形”工具,在舞台中画一个无边界颜色的黑色矩形。调整它的大小, 使它高于“圆形”元件,宽度是整行小字所占宽度的两倍。 第 3 步:敲 F11 键打开“库”面板,把“图形”元件拖到舞台中矩形的中间位置。执 行“修改→分离”命令,把这个“圆形”实例分离。 第 4 步:选定“箭头”工具,单击矩形中圆形以外的区域,取消圆形的选定状态。再 单击圆形所在的位置,使它重新处于选定状态。 第 5 步:敲一下 Delete 键,选定的圆形区域就删掉了,这时,矩形上相当于被挖了一 个孔。 第 6 步:选定矩形,利用“插入→转换为元件”命令,把它转换成名为“带圆孔的矩
36

八年级 上册

形幕布”的图形元件。 第 7 步:把矩形一道文字上面,使矩形中的圆“孔”恰好显示在“中”字上面。 第 8 步:在“小字遮罩”图层的第 50 帧处插入关键正,拖动矩形,使矩形中的“孔” 恰好显示在“国”字上。 第 9 步:在 1~50 帧之间生成一段动作补间动画。 第 10 步:把“小字遮罩”图层设为遮罩层。 3.制作放大镜移动的动画 为了使放大的效果更佳逼真,可以再添加一个图层,制作一个移动的放大镜动画,使 之与“放大字遮罩”图层中的圆同步移动。 制作放大镜移动的动画。 第 1 步:执行“插入→新建元件”命令,在对话框中输入名称“放大镜” ,选定“图形” 选项,单击 确定 按钮进入元件编辑区。 第 2 步:选定工具箱中的“椭圆”工具,在“属性”面板中把笔触颜色设为深灰色, 填充颜色设为无色。 第 3 步:按住 Shift 键的同时拖动鼠标,在编辑区中画一个空心圆,然后再“属性” 面板中把这个圆的宽和高设成与“圆形”元件中的圆相同。 第 4 步:按住 Shift 键并拖动鼠标,在画一个稍大一点的空心圆。 第 5 步:执行“窗口→对齐”命令,打开“对齐”面板,选定“箭头”工具,然后单 击小一点的圆,在单击“对齐”面板右侧的 按钮,以及对齐栏中的 按钮和 按钮, 这个小圆就会编辑区里剧中对齐。 第 6 步:仿照第 5 步,把大圆也设为剧中对齐。选定“填充”工具,把填充颜色设为 黑色,然后再两个圆之间的区域单击,使这个区域填上黑色,形成一个圆环。 第 7 步:选定“矩形”工具,在“属性”面板中把笔触颜色设为无色,把填充颜色设 为由白到黑的线性渐变色,然后在编辑区画一个矩形。 第 8 步:选定“箭头”工具,把指针移到矩形的右边缘,指针变成 形时往右拖动, 适当改变矩形的形状。用同样的方法改变矩形左边的形状。 第 9 步:选定“任意变形”工具

板书设计

第7课 二、较复杂的遮罩动画 教学反思

遮罩动画

在这节课的任务驱动下,通过创设情境激发学生兴趣,提出问题,学生自主探究,让学 生在学习中感受制作动画的趣味性,在完成任务过程中掌握重点知识,完成了难点任务。
作业

制作一个动画,实现透过一个手电筒看到一只暗处的猫的效果。
37

八年级 上册

备课时间: 2013 年





授课时间: 2013 年





课题
授课班级 初二(1,2,3,5)班

第8课

影片剪辑动画
课时 第 9 周 1 节

知识目标

了解影片剪辑动画的属性。

智能目标

掌握影片剪辑元件的制作方法。 通过让学生自己动手,动脑,培养他们的成就感和自信感,提高自学学习的 精神,帮助开发他们的创造力和想象力。

感情德育

难点 重点 了解影片剪辑动画的属性。 教学用品 导入新课 教学过程
用 Flash 制作动画时,可以将动画片断做成影 片剪辑, 需要时再把影片剪辑插入适当的场景中。 下面以制作两个动画为例,惊醒详细介绍。 教材、电脑。 播放一段“百叶窗”的 flash 动画,导入新课。

一、制作“百叶窗”动画 我们先来制作一个动画,以百叶窗的形式一张张地显示一系列图片。 先制作“窗页”影片剪辑元件,然后再利用这个元件制作“百叶窗”动画。 制作“窗页”影片剪辑元件。 第 1 步:启动 Flash,打开一个空白文档,设置文档大小为 600px×450px,然后以“百 叶窗.fla”为文件名保存在自己的文件夹中。 第 2 步:执行“插入→新建元件”命令,在“创建新元件”对话框中,输入元件名“窗
38

八年级 上册

页” ,把行为设成“影片剪辑” ,单击 确定 后进入“窗页”影片剪辑编辑区。 第 3 步:在工具箱中选定“矩形”工具,在舞台中画出一个无线框的长条矩形,把它 的宽度设为 40(舞台宽度的 1/15,高度设为 450 度(舞台高度) 。 第 4 步:执行“窗口→对齐”命令,打开“对齐”面板,把编辑区中的矩形居中对齐。 第 5 步:在第 30 帧处敲 F6 键插入关键帧,将矩形的宽度设为 1,然后也把它居中对 齐。 第 6 步:单击第 1 帧,然后打开“属性”面板,选择补间类型为“形状” ,其他属性为 莫认值。 第 7 步:敲回车键,可以看到矩形从宽变窄的效果。 制作完影片剪辑之后,把它从库中拖到动画场景中,就可以用来实现动画效果。 制作“百叶窗”动画。 第 1 步:准备 4 张鲜花图片,大小均设置为 600×450 像素。 第 2 步:执行“文件→导入到库”命令,把这 4 副鲜花图导入到库中。在“库”面板 中双击图片的名称,把他们重命名为“花儿 1” “花儿 2” “花儿 3”和“花儿 4” 。 第 3 步:返回场景编辑状态,把“图层 1”的名字改为“花儿 1234”在第 1 帧把“花 儿 1”图片拖入舞台,并适当调整位置,使它完全覆盖舞台。 第 4 步:在地 20 帧插入空白关键帧,把“花儿 2”图片拖入舞台,也使它完全覆盖舞 台。 第 5 步:仿照第 4 步,在第 40、60 帧分别插入“花儿 3”和“花儿 4” 。然后敲 F5 键 延长到第 80 帧。 第 6 步:再新建一个图层,改名为“花儿 2341” ,在第 1、20、40、60 帧分别插入花儿 2、3、4、1. 第 7 步:在“花儿 2341 上再新建一个图层,改名为“百叶窗” 。 第 8 步:把库中的“窗页”影片剪辑拖到舞台最左侧,按住 Ctrl 键向右拖动,松开鼠 标复制出一个,接着再复制 13 个。 第 9 步:敲 Ctrl+A 键将 15 个“窗页”全部选中,敲 Ctrl+K 键打开“对齐”面板, 选中 按钮,然后单击分布栏下的垂直中间分布按钮 与水平中间分布按钮 ,使所有

39

八年级 上册

的窗页中心分布。

第 10 步:执行“插入→转换为元件”命令,把这些窗页转换成名为“百叶窗”的影片 剪辑元件。 第 11 步:右击“百叶窗”图层,在弹出的快捷菜单中选择“遮罩层”命令。 第 12 步:执行“控制→测试影片”命令,在“测试影片”窗口中可以看到图片以百叶 窗的形式显示出来。

板书设计
第8课 一、制作“百叶窗”动画 影片剪辑动画

教学反思

在这节课的任务驱动下,通过创设情境激发学生兴趣,提出问题,学生自主探究,让学 生在学习中感受制作动画的趣味性,在完成任务过程中掌握重点知识,完成了难点任务。

作业

回家后,有条件的同学们在做一边“百叶窗”动画(其他同学仔细的看一边制作“百 叶窗”的操作步骤) 。

40

八年级 上册

备课时间: 2013 年





授课时间: 2013 年





课题
授课班级 初二(1,2,3,5)班

第8课

影片剪辑动画
课时 第 9 周 2 节

知识目标

了解影片剪辑动画的属性。

智能目标

掌握影片剪辑元件的制作方法。 通过让学生自己动手,动脑,培养他们的成就感和自信感,提高自学学习的 精神,帮助开发他们的创造力和想象力。

感情德育

难点 重点 了解影片剪辑动画的属性。 教学用品 导入新课 教学过程
二、制作“星星滑落”动画 首先制作一个影片剪辑,实现星星闪烁的效果,然后插入引导层并绘制引导路径,在 制作星星沿引导路径运动的动画。 制作星星闪烁的影片剪辑 第 1 步:启动 Flash,打开一个空白文档,把背景设置成黑色,以“星星滑落 .fla”为 文件名存牌。 第 2 步:执行“插入→新建元件”命令,在弹出的对话框中输入元件名“星星” ,把行 为设成“影片剪辑” ,单击 确定 按钮。 第 3 步:在工具箱中单击 廊。并利用 按钮, ,然后选择笔触颜色为浅黄色,画出一个四角星的轮 教材、电脑。 播放一段“百叶窗”的 flash 动画,导入新课。

工具进行加工。 工具,再单击颜色栏中的填充色按钮,打开颜色面板,指针变成滴管

第 4 步:选定

形状,移滴管到笔触颜色按钮上单击,填充也变为淡黄色。移鼠标到舞台上星星的轮廊 内单击,星星被涂上和轮廊线一样的颜色。 第 5 步:单击第 5 帧,敲 F6 键插入关键帧,选定 工具并设置填充色,把星星涂成
41

八年级 上册

淡蓝色。单击第 10 帧,也插入关键帧,然后把星星涂成黄色。在第 5~10 帧之间生成形 状补间动画。 第 6 步:敲回车键,可以看到星星闪烁的动画效果。 制作星星滑落的动画。 第 1 步:单击 图标,返回场景编辑状态。

第 2 步:把图层 1 改名为“星星” ,打开“库”面板,拖动“星星”影片剪辑到舞台中。 第 3 步:单击“星星”图层,然后单击 层:星星”的图层。 第 4 步:单击“引导层:星星”的第 1 帧,选定 栏中选定铅笔模式为“平滑”模式 工具,改笔触颜色为红色,在选项 按钮,在这个图层上面新增一个名为“引导

。从星星所在位置起笔,向下画一条波浪形曲线,

直至舞台的底部。单击“引导层:星星”层的第 60 帧,敲 F5 键延续引导线。 第 5 步:在“星星”图层的第 60 帧处插入关键帧。选定 工具,单击“图层 1”的第 1 帧,拖动星星到引导路径的起点。单击“星星”图层的第 60 帧,拖动星星到引导路径 的终点。然后在“星星”图层的 1~60 帧之间创建动作补间动画。 第 6 步:敲回车键,观看动画效果。执行“控制→测试影片”命令,看看有什么不同。 有关元件的操作 1.修改元件 我们知道,元件应用到动画中厚称为实例。元件可以在一个动画中多次应用,即产生 多个实例。一般说来, 要修改这些实例,可以先打开“库”面板,然后双击与实例对应 的元件图标,再在编辑区中编辑和修改这个元件。元件改变了,动画中与这个元件对应 的所有实例就会随之改变。 2.修改元件名称 双击“库”面板中的元件名称,元件名称处于改写状态时,输入新名称后敲回车键, 这个元件就被改名了。 3.复制元件 如果要制作的元件与原有的元件基本相同,可以用复制元件的方法提高工作效率。操 作时,先右击“库”面板中要复制的元件,出现快捷菜单后单击“复制”命令,会出现 “复制元件”对话框。 这时,输入新的元件名后单击 确定 按钮, “库”面板中就会增加一个内容与原元件相 同的新元件。要修改这个新元件,可以双击元件图标进入这个元件的编辑区,然后进行
42

八年级 上册

相应的编辑操作。 4.删除元件 如果“库”面板中有些元件不再有用,可以把它们删除。方法是:单击要删除的元件, 再单击“库”面板下方的“删除”按钮,出现“删除”对话框时,单击 删除 按钮,选 定的元件就会从“库”面板中消失。

板书设计
第8课 二、制作“星星滑落”动画 有关元件的操作 影片剪辑动画

教学反思
在这节课的任务驱动下,通过创设情境激发学生兴趣,提出问题,学生自主探究,让学 生在学习中感受制作动画的趣味性,在完成任务过程中掌握重点知识,完成了难点任务。
作业

制作一个雪花飘落的动画。 提示:先制作一个雪花飘落的影片剪辑,再制作整个动画。

43

八年级 上册

备课时间: 2013 年





授课时间: 2013 年





课题
授课班级

第9课
初二(1,2,3,5)班

制作小鱼跳跃动画
课时 第 10 周 1 节

知识目标

掌握引导动画的制作,进一步掌握多图层动画的制作方法。掌握影片剪辑 元件的特点,属性和制作方法。 利用制作影片剪辑动画知识,培养学生的创造能力,观察,分析,解决问 题的能力,同事提高学生学过的内容灵活运用能力。通过影片剪辑的学生, 开发学生智力,激发学生动画的兴趣。 通过让学生自己动手,动脑,培养他们的成就感和自信。

智能目标

感情德育

提高自学学习的精神。 帮助开发他们的创造力和想象力。 难点:进一步了解影片剪辑动画的属性和影片剪辑动画的制作方法。学会 制作复杂的动画。 重点:遮罩动画工作原理,引导动画公国原理及影片剪辑动作制作原理相 结合。

难点 重点

教学用品 导入新课 教学过程

教材、电脑。 播放一段小鱼跳跃影片剪辑动画,导入新课。

这节课要做的“小鱼跳跃”动画综合运用了逐帧动画、引导动画等动画形式,以及多 个对象在不同图层中运动的制作方法。下面我们一起来做一下这个动画。 一、 “小鱼跳跃”动画简介 这个动画包含多个图层。动画的过程可以分为两部分:首先是小鱼跳起,跳入水面, 然后是水波纹效果。动画的“时间轴”面板如下图所示。

44

八年级 上册

要获得小鱼跳跃的过程,可以先制作小鱼影片剪辑,逐帧绘出小鱼跳起的每个动作, 然后为小鱼添加引导线,作为跳跃的弧线。 要获得水波纹扩散效果,可以在一个图层中制作椭圆由小变大的动画,然后在另外 4 个图层中制作同样的动画,每个图层的起始关键帧都比前一个图层延迟 5 帧,使得第 1 圈波纹扩散到一定大小时,第 2 圈波纹开始出现并扩散;第 2 圈波纹扩散到一定大小时, 第 3 圈波纹开始出现并扩散??依次类推,从而产生水面的涟漪效果。 这个动画涉及了逐帧动画、影片剪辑动画、引导动画、由小变大的变形动画以及动作 补间动画。 二、制作过程 1.制作小鱼跳跃动画 先来制作元件,然后创建动画。 制作“背景”图形元件。 第 1 步:启动 Flash,打开一个空白文档,把背景设为蓝色,然后以文件名“小鱼跳 跃.fla”保存在自己的文件夹里。 第 2 步:执行“插入→新建元件”命令,创建名为“背景“的图形元件,然后再元件 编辑区中画出荷叶和荷花图形作为背景。 制作“小鱼”影片剪辑元件。 第 1 步:执行“插入→新建元件”命令,新建名为“小鱼”的影片剪辑元件,进入元 件编辑区。 第 2 步:在第 1 帧画出一条小鱼,在“对齐”面板中选择“相对于舞台分布”按钮, 然后单击右对齐按钮和上对齐按钮,把小鱼设为右上角对齐。 第 3 步:第 3 帧插入关键帧。运用工具箱中的工具适当修改小鱼的形状。然后执行类 似操作,在第 5、7、9、11 帧分别制作不同状态的小鱼。 制作“小鱼跳跃”动画 第 1 步:单击 名为“背景” 。 第 2 步:把“库”面板中的“背景”元件拖到舞台中下方的位置。
45

图标,返回场景编辑状态。把“时间轴”面板中的“图层 1”改

八年级 上册

第 3 步:单击

按钮添加一个新图层,改名为“小鱼” 。

第 4 步:把“库”面板中的“小鱼”元件拖到舞台左上方的位置。 第 5 步:选定“小鱼”图层,单击 一条弧线。 第 6 步:单击“小鱼”图层的第 10 帧,敲 F6 键插入关键帧。 第 7 步:单击“小鱼”图层的第 1 帧,移“小鱼”元件的中心点到引导线的左侧。然 后再单击“小鱼”图层的第 10 帧,移“小鱼”元件的中心点到引导线的右侧。 第 8 步:在“属性”面板中为“小鱼”图层设置动作补间动画,并选中“调整到路径” 选项。 第 9 步:单击“背景”层的第 60 帧,敲 F5 键,在“时间轴”面板的第 60 帧处插入 一般帧,使背景延续下来。 第 10 步:保存文件。选定“时间轴”面板上的第 1 帧,执行“控制→测试影片”播放 动画,可以看到小鱼跳跃的过程。 2.制作多层水波纹扩散的动画 小鱼跳入水面时,会激起层层涟漪。要用动画来表示,可以先制作一个水波纹由小变 大的影片剪辑元件,然后把这个影片剪辑元件分别放到不同图层不同帧里。 制作“水波纹”影片剪辑元件。 第 1 步:在文档“小鱼跳跃.fla”中新建一个名为“水波纹”的影片剪辑元件,进入 元件编辑区。 第 2 步:选定工具箱中的 工具,在“属性”面板中把笔触颜色设为白色,把填充色 中输入 2,然后在,编辑区中拖动鼠标指针画一 按钮添加一个引导图层,选定 工具在舞台上面

设为无色,在“笔触高度”输入框 个较扁的空心椭圆。 第 3 步:用

工具选定椭圆,在“属性”面板中把宽设为 36,高设为 9,然后利用“对

齐”面板,把椭圆与编辑区的中心对齐。 第 4 步:选定椭圆,执行“修改→现状→将线条转换为填充”命令后,椭圆就转变成 了可填充的区域。 第 5 步:保持椭圆的选定状态,打开“混色器”面板,调出一种由蓝岛白的线性渐变

46

八年级 上册

色,这时,椭圆就被填上了这种渐变色。 第 6 步:保持椭圆的选定状态,执行“修改→形状→柔化填充边缘”命令。 第 7 步:在“时间轴”面板的第 30 帧处插入关键帧后,删掉编辑区中椭圆。在编辑区 中画一个宽为 320,高为 76 的椭圆,并把它设为中心对齐。仿照第 4、5 步,把椭圆转换 为填充区域并填上由蓝到白的线性渐变色。 第 8 步:利用“修改→形状→柔化填充边缘”命令,把柔化的距离设为 10,步骤数设 为 6。 第 9 步:选定“时间轴”面板中的第 1 帧,在“属性”面板中设置形状补间类型,在 1~ 30 帧之间生成一段形状补间动画。

板书设计

第9课
一、 “小鱼跳跃”动画简介

制作小鱼跳跃动画
制作“背景”图形元件

1.制作小鱼跳跃动画 二、制作过程 2.制作多层波纹扩散的动画

制作“小鱼”影片剪辑元件 制作“小鱼跳跃”动画 制作“水波纹”影片剪辑元件

教学反思
在这节课的任务驱动下,通过创设情境激发学生兴趣,提出问题,学生自主探究,让学 生在学习中感受制作动画的趣味性,在完成任务过程中掌握重点知识,完成了难点任务。
作业

做第 88 页的练习。

47

八年级 上册

备课时间: 2013 年





授课时间: 2013 年





课题
授课班级

第9课
初二(1,2,3,5)班

制作小鱼跳跃动画
课时 第 10 周 2 节

知识目标

掌握引导动画的制作,进一步掌握多图层动画的制作方法。掌握影片剪辑 元件的特点,属性和制作方法。 利用制作影片剪辑动画知识,培养学生的创造能力,观察,分析,解决问 题的能力,同事提高学生学过的内容灵活运用能力。通过影片剪辑的学生, 开发学生智力,激发学生动画的兴趣。 通过让学生自己动手,动脑,培养他们的成就感和自信。

智能目标

感情德育

提高自学学习的精神。 帮助开发他们的创造力和想象力。 难点:进一步了解影片剪辑动画的属性和影片剪辑动画的制作方法。学会 制作复杂的动画。 重点:遮罩动画工作原理,引导动画公国原理及影片剪辑动作制作原理相 结合。

难点 重点

教学用品 导入新课 教学过程

教材、电脑。 播放一段小鱼跳跃影片剪辑动画,导入新课。

制作多层波纹扩散的动画 第 1 步:返回“场景 1”的编辑状态。 第 2 步:在“引导层:小鱼”图层上方连续插入 5 个图层,从下往上依次命名为“波 纹圈 1” “波纹圈 2” “波纹圈 3”?? 第 3 步:选定“波纹圈 1”图层,在第 10 帧处敲一下 F6 键,插入关键帧。然后把“库” 面板中的“水波纹”元件拖到舞台中小鱼图形的下面。 第 4 步:在“波纹圈 1”图层的第 39 帧处敲一下 F6 键,插入关键帧。 第 5 步:单机舞台中的“水波纹”实例,然后单击“属性”面板中的颜色框,设置 Alpha 值为 0,然后敲一下回车键,把第 39 帧中的“水波纹”实例设为完全透明。 第 6 步:在“波纹圈 1”图层的 10~39 帧间生成一段动作补间动画。 第 7 步:执行“控制→测试影片”命令,在“测试影片”窗口中可以看到,小鱼跳入

48

八年级 上册

中后,一圈水波纹逐渐扩大至消失的动画过程。 第 8 步:按住 Shift 键,先后单击“波纹圈 1”图层第 10 帧和第 39 帧,使 10~39 帧 恢复到剪贴板中。 第 9 步:选定“波纹圈 2”图层的第 15 帧,然后执行“编辑→剪贴帧”命令,把剪贴 板中的帧剪贴到第 15 帧及后面的帧中。 第 10 步:仿照第 9 步操作,分别在“波纹圈 3”的第 20 帧、 “波纹圈 4”的第 25 帧、 “波纹圈 5”的第 30 帧处插入关键帧,并执行“剪贴帧”的操作。 把一个简单的动画放 在多个图层中的不同位置上,使各层的起始关键帧适当错开,就可以获得多个对象按 一定次序运动的动画效果。 3.制作水珠溅起并消失的动画 制作水珠溅起并逐渐消失的动画 第 1 步:在文档“小鱼跳跃.fla”中新建一个名为“水珠”的图形元件,进入元件编 辑区。 第 2 步:在编辑区中绘制一个无边界色、填充色为白色的圆,然后选定它,在“混色 器”面板中设定由蓝到白的线性渐变色。 第 3 步:在“属性”面板中把圆的宽和高均设为 20.利用“对齐”面板把圆设为与编 辑区的中心对齐。利用“修改→形状→柔化填充边缘”命令,适当柔化圆的边缘。 第 4 步:返回“场景 1”的编辑状态,在“波纹圈 5”图层上方插入 4 个图层,从下往 上依次名为“水珠 1” “水珠 2”?? 第 5 步:按住 Shift 键单击“水珠 4”图层的第 1 帧和“水珠 1”图层的第 60 帧,使 4 个图层的 1~60 帧都处于选定状态,然后右击其中一帧,实行快捷菜单里的“删除帧” 命令,把这些帧删掉。 第 6 步:在“水珠 1”图层的第 10 帧处插入关键帧,把“库”面板中的“水珠”原件 拖到小鱼图形的右侧并适当改变它的大小。 第 7 步:在“水珠 1”图层的第 14 帧处插入关键帧,把舞台中的水珠图形上移一小段 距离。在地 18 帧处插入关键帧,把水珠图形的 Alpha 值设为 0。 第 8 步:选定 10~18 帧的所有帧,执行“插入→创建补间动画”命令,在 10~14 帧 和 14~18 帧之间生成动作补间动画。 第 9 步:选定第 10 帧后播放动画,可以看到“水珠”上移一小段距离,然后慢慢消失
49

八年级 上册

的过程。 第 10 步:仿照第 6 到第 8 步,分别在另外 3 个图层中制作水珠溅起然后消失的动画。 第 11 步:测试影片,观看完整的小鱼跳跃及水波纹扩散的过程。 4.添加小鱼跳入水面的声音 添加小鱼跳入水面的声音。 第 1 步:执行“窗口→公用库→声音”命令,打开公用库面板,单击任一个声音,然 后单击上面所显示波形右侧的 按钮,可以听到声音的效果。 第 2 步: 执行 “窗口→库” 命令, 打开 “库” 面板。 单击公用库面板中的 “ Brick Drips” , 拖动它到“小鱼跳跃”动画“库”面板的原件区。松开鼠标, “ Brick Drops”声音就被 添加到“小鱼跳跃”动画的库中。 第 3 步:选定“小鱼”图层的第 10 帧,单击“属性”面板右侧的“声音”选择框。这 时,第 2 步添加的声音文件会出现在弹出的列表框中。 第 4 步:单击列表框中的声音文件。 制作 Flash 动画时收集一些常用的素材,把他们放入自建的库中,也可以调用 Flash 公用库中的元件,把它们添加到自己的 Flash 文档里,从而提高操作效率。

板书设计

第9课
1.制作多层水波纹扩散的动画。 2.制作水珠溅起并消失的动画 3.添加小鱼跳入水面的声音

制作小鱼跳跃动画

教学反思
在这节课的任务驱动下,通过创设情境激发学生兴趣,提出问题,学生自主探究,让学 生在学习中感受制作动画的趣味性,在完成任务过程中掌握重点知识,完成了难点任务。
作业

制作一个“打字机效果”的动画,把“春天的脚步越来越近了”这一句话中的每个字 逐字呈现在屏幕上。

50

八年级 上册

备课时间: 2013 年





授课时间: 2013 年





课题
授课班级 初二(1,2,3,5)班

第 10 课

制作生日贺卡
课时 第 11 周 1 节

知识目标

综合利用工具箱中工具绘图,进一步熟悉制作动画的方法(补间动画、引 导动画和遮罩动画) ,学会综合运用多种技术制作动画。 通过制作生日蛋糕,培养学生的综合能力,应用知识能力。 通过让学生自己动手,动脑,培养他们的成就感和自信。提高自学学习的

智能目标

感情德育

精神。帮助开发他们的创造力和想象力。培养学生们互相关心,互相斑竹 的合作精神。 难点:编写简单的代码,设置循环播放的背景音乐。 重点:结合本单元已学知识,综合性的应用制作动画的方法。 教材,电脑。

难点 重点 教学用品 导入新课 教学过程

播放一段简单的影片剪辑动画,百叶窗的形式一张张的现实一系列图 片,导入新课。

朋友要过生日的时候,可以用 Flash 制作具有动态效果的生日贺卡,送给盆友表达心 意。这一课介绍如何综合运用前面学到的知识,制作一个生日贺卡动画。 这张贺卡,综合运用了前面所学的知识,点燃蜡烛的效果是通过影片剪辑元件实现的, 文字效果是利用遮罩动画实现的,星星闪烁效果是利用引导动画制作的,下面就来分步 制作这张贺卡。 一、制作生日蛋糕出现的动画 制作“生日蛋糕”元件。 第 1 步:启动 Flash,新建一个文档,把大小设为 600px×600px,被禁色为粉红色,然 后以“生日贺卡.fla”为文件名保存到适当的文件夹里。 第 2 步:执行“插入→新建元件”敏玲,在“创建新元件”对话框中,输入元件名“生 日蛋糕” ,把“行为”设成“图形” ,再单击 确定 按钮,进入元件编辑区。 第 3 步:选择工具箱中的“椭圆”工具,画出蛋糕的地盘。

51

八年级 上册

第 4 步:选定“铅笔”工具,勾勒出蛋糕的轮廊。 第 5 步:选定“油漆桶”工具,选择合适的颜色,给蛋糕涂上颜色。 制作生日蛋糕出现的动画。 第 1 步:单击 图标,切换到场景编辑区。

第 2 步:把“图层 1”改为“生日蛋糕” ,敲 F11 键打开“库”面板,把生日蛋糕拖到 舞台外侧靠下的地方。 第 3 步:单击第 50 帧,敲 F6 键插入关键帧。移蛋糕到舞台的中下方。选定 把生日蛋糕适当变大。 第 4 步:单击第 150 帧,敲 F5 键延续到第 150 帧。 二、制作火柴点燃蜡烛的动画 要制作火柴点燃蜡烛的动画,需要先制作蜡烛元件,然后制作一个影片剪辑元件,模 拟焰火跳跃的效果,再制作火柴元件,最后把元件拖到舞台中形成多个实例,用来完成 火柴点燃蜡烛的整个过程。 制作“蜡烛”图形元件 第 1 步:执行“插入→新建元件”命令,在“创建新元件”对话框中,输入元件名“蜡 烛” ,把行为设成“图形” ,再单击 确定 按钮,进入元件编辑区。 第 2 步:选择工具箱中的 第 3 步:选定 第 4 步:选定 边框的弯曲程序。 第 5 步:仿照第 4 步操作,调整矩形框内斜线和下边框的弯曲程序。 制作“火焰”剪辑元件。 第 1 步:执行“插入→新建元件”命令,在“创建新元件”对话框中,输入元件名“火 焰” ,把行为设成“影片剪辑” ,再单击 确定 按钮。 第 2 步:利用工具箱中的合适工具,分别在第 1、5、10 帧画出火焰的三个状态,底部 对齐并设置成形状渐变动画。 制作“火柴”影片剪辑元件。 第 1 步:执行“插入→新建元件”命令,在“创建新元件”对话框中,输入元件名“火 柴” ,把行为设成“影片剪辑” ,再单击 确定 按钮,进入元件编辑区。 第 2 步:利用工具箱中的合适工具,画出火柴梗,再把“库”面板中的“火焰”元件
52

按钮,

工具,设置填充色为红色,笔触颜色为黑色,画一个矩形。

工具,移指针到居心上方和内部,花一些斜线。 工具,把指针移到矩形的上边框,指针变为 形式,拖动鼠标,调整

八年级 上册

拖到火柴头上。 制作火柴点燃蜡烛的动画。 第 1 步:单击 图标,切换到场景编辑区。

第 2 步:新建一个图层,改名为“蜡烛” 。 第 3 步:单击“蜡烛”图层的第 55 帧,敲 F6 键插入关键帧。从“库”面板中拖动“蜡 烛”元件到舞台中,并移到舞台的适当位置。 第 4 步:在“蜡烛”图层的第 60 帧插入关键帧,然后拖动“蜡烛”元件到舞台中,添 加一个蜡烛实例,再把它移到舞台的适当位置上,然后敲 Ctrl+B 键分离实例,利用 具将蜡烛内部涂成黄色。 第 5 步:仿照第 4 步,在第 65、70、75 帧处插入关键帧,把各帧中的蜡烛改成不同的 颜色。 第 6 步:再新建一个图层,改名为“点燃蜡烛” 。单击“点燃蜡烛”图层的第 75 帧, 敲 F6 键插入关键帧。从“库”面板中拖动“火柴”元件到舞台的右侧。 第 7 步:单击“点燃蜡烛”图层的第 80 帧,敲 F6 键插入关键帧。然后单击第 85 帧, 把“火柴”实例拖动到做左侧蜡烛的上方。 第 8 步:仿照第 7 步,在第 90、95、100、105 帧插入关键帧,自左向右依次移火柴到 另外四根蜡烛上。 第 9 步:单击“蜡烛”图层的第 86 帧,从库中拖动“火焰”元件到最左侧蜡烛的上方。 然后依次在 91、96、101、106 帧处插入关键帧,并依次在蜡烛上添加火焰。 第 10 步:保存文件。执行“控制→测试元件”命令,可以看到蛋糕在移动的过程中逐 渐变大,然后再蛋糕上插好 5 跟蜡烛,再由一根火柴依次点燃这些蜡烛。 三、制作星星滑落的动画 在第 8 课中我们制作了星星滑落的动画,可以把它调用到这个动画中作为一个影片剪 辑,然后再制作一群星星滑落的动画。 制作“星星滑落”影片剪辑元件。 第 1 步:在“点燃蜡烛“图层的上面新建一个名为“星星”的图层。 第 2 步:执行“插入→新建元件”命令,在“新建元件”对话框中输入元件名“星星 滑落” ,把行为设成“影片剪辑” ,在单击 确定 按钮,进入元件编辑区。 第 3 步:执行“文件→打开”命令,打开文档“星星花落.fla” 。 第 4 步:按住 Shift 键,单击“时间轴”面板上的文字“图层 1”和“引导层:图层
53



八年级 上册

1” ,选定两个图层中的所有帧。 第 5 步:执行“编辑→拷贝帧”命令,复制选定的帧。 第 6 步:单击“窗口”命令,再单击最下方的“生日贺卡.fla”选项,切换到“生日 贺卡”动画中“星星滑落”影片剪辑的编辑窗口。 第 7 步:单击“图层 1”的第 1 帧,执行“编辑→粘贴帧”命令,把选定的帧粘贴到该 图层中。 第 8 步:打开“库”面板,可以看到“星星”元件也被拷贝到“生日贺卡”的库中。

板书设计

第 10 课

制作生日贺卡

制作“生日蛋糕”元件。 一、制作生日蛋糕出现的动画 制作生日蛋糕出现的动画。 制作“蜡烛”图形元件。 二、制作火柴点燃蜡烛的动画 制作“火焰”影片剪辑元件。 制作“火柴”影片剪辑元件。 三、制作星星滑落的动画 制作“星星滑落”影片剪辑元件。

教学反思
本节课注重了以学生为主体, 教师为主导的原则, 通过创设情境, 让学生自己发现问题, 并通过自主学习,合作探究的学习方法来分析问题和解决问题。在教学过程中,充分注 意了学生差异的问题,设计了不同层次的学习任务,让学生选择自己能够完成学习目标, 使不同差异的学生得到分步提高。在完成学习任务的同时,让学生感受到成功的喜悦, 激发了学生学习的欲望,输了自信心。
作业

上网搜索并观看用 Flash 制作的贺卡,然后发挥自己的想象力,再制作一张贺卡。

54

八年级 上册

备课时间: 2013 年





授课时间: 2013 年





课题
授课班级 初二(1,2,3,5)班

第 10 课

制作生日贺卡
课时 第 11 周 2 节

知识目标

综合利用工具箱中工具绘图,进一步熟悉制作动画的方法(补间动画、引 导动画和遮罩动画) ,学会综合运用多种技术制作动画。 通过制作生日蛋糕,培养学生的综合能力,应用知识能力。 通过让学生自己动手,动脑,培养他们的成就感和自信。提高自学学习的

智能目标

感情德育

精神。帮助开发他们的创造力和想象力。培养学生们互相关心,互相斑竹 的合作精神。 难点:编写简单的代码,设置循环播放的背景音乐。 重点:结合本单元已学知识,综合性的应用制作动画的方法。 教材,电脑。 播放一段简单的影片剪辑动画,百叶窗的形式一张张的现实一系列图片, 导入新课。

难点 重点 教学用品 导入新课 教学过程

四、制作贺词 贺卡制作好后,还可以再贺卡中显示祝福文字。下面利用这招原理制作贺词。 创建“生日快乐”图层。 第 1 步:在“星星”图层的上面新建“生日快乐”图层。 第 2 步:单击“生日快乐”图层的第 120 帧,敲 F6 键插入关键帧。选定 工具,把

笔触颜色设为黑色,填充色设为黄色,画出两个大小不一的矩形,使它们中心对齐,把 里面的换色区域涂成白色。然后选定 大小,把它们移到矩形的中央。 制作“画轴”元件。 第 1 步:执行“插入→新建元件”命令,在“新建元件”对话框中,输入元件名“画 轴” ,把行为设成“图形” ,再单击 确定 按钮。 第 2 步:选定 工具,先画出中间的矩形,作为轴心,它的高度与“生日快乐”元件 工具,输入“生日快乐” ,适当设置文字的字体和

55

八年级 上册

中的大矩形相同,然后画出上下两个矩形,作为轴柄。 制作展开画卷的动画。 第 1 步:在“生日快乐”图层的上面新建“矩形幕布”图层。单击该图层的第 120 帧, 敲 F7 键敲入空白关键帧,利用 居中对齐。 第 2 步:单击第 150 帧,敲 F6 键插入关键帧,选择 个“生日快乐” 。 第 3 步:在“矩形幕布”图层的上面新建“画轴 1”图层。在第 120 帧插入关键帧,拖 动“画轴”元件到“矩形幕布”的上面。 第 4 步:在第 150 帧插入关键帧,拖动画轴到舞台左侧,左边缘覆盖“生日快乐”图 层。 第 5 步:在“画轴 1”图层的上面新建“画轴 2”图层。复制“画轴 1”的内容,单击 “画轴 2”图层的第 150 帧,拖动画轴到舞台右侧,右边缘覆盖“生日快乐”图层。 第 6 步:选定“矩形幕布”图层的第 120 帧,把补间类型设为“形状”补间。 第 7 步:右击图层名称“矩形幕布” ,在弹出的快捷菜单中单击“遮罩层”命令, “生 日快乐”图层就成了被遮罩层。 第 8 步:测试影片,保存文档。 五、设置循环播放的背景音乐 导入音频文件可以为动画作品配乐。Flash 可以导入 WAV、MP3 和 AIFF 等多种格式的音 频文件。 为“生日贺卡”设置背景音乐。 第 1 步:在“画轴 1”图层上面插入一个新图层,命名为“背景音乐” 。把鼠标指针移 到“时间轴”面板的底部,指针变为 形时,拖动鼠标,调大“时间轴”面板。在“背 工具,拉长矩形,使之覆盖整 工具画一个高度和“生日快乐”矩形框相当的矩形,并

景音乐”图层上单击,然后按住鼠标左键不放,把“背景音乐”图层拖到“生日蛋糕” 图层的下面。 第 2 步:执行“文件→导入”命令,在“导入”对话框里选定要导入的音频文件,如 “生日快乐.mp3” ,然后单击 打开(o) 按钮。 第 3 步:单击“背景音乐”图层的第 1 帧,打开“属性”面板,适当的设置其中参数。 第 4 步:锁定“背景音乐”图层,测试影片。 六、编写简单的代码
56

八年级 上册

测试影片时可以看到,动画过程会循环显示,不能停下来。要想让“生日贺卡”中的 画面停下来,可以再“动作”面板中编写简单的代码,设置帧动作。 为“生日贺卡”动画的最后一帧设置停止动作。 第 1 步:拖动“时间轴”面板中的滚动条,找到并单击“生日蛋糕”图层的最后一帧 ——第 150 帧,插入空白关键帧,然后在这一帧上右击,在单击打开的快捷菜单中的“动 作”命令,打开“动作”面板。 第 2 步:在“动作”面板中,单击“动作”选项下的“影片控制”选项,然后双击其 中的 stop。这时,在脚本编辑框中出现了脚本代码:stop(),它的功能是使动画在这一 帧停止运行。 第 3 步:关闭“动作”面板。

板书设计

第 10 课
创建“生日快乐”图层 四、制作贺词 制作“画轴”元件 制作展开画卷的动画 五、设置循环播放的背景音乐 六、编写简单的代码

制作生日贺卡

教学反思
本节课注重了以学生为主体, 教师为主导的原则, 通过创设情境, 让学生自己发现问题, 并通过自主学习,合作探究的学习方法来分析问题和解决问题。在教学过程中,充分注 意了学生差异的问题,设计了不同层次的学习任务,让学生选择自己能够完成学习目标, 使不同差异的学生得到分步提高。在完成学习任务的同时,让学生感受到成功的喜悦, 激发了学生学习的欲望,输了自信心。
作业

上网搜索并观看 Flash 制作的贺卡,然后发挥自己的想象力,再制作一张新年贺卡。

57

八年级 上册

备课时间: 2013 年





授课时间: 2013 年





课题
授课班级 初二(1,2,3,5)班

第十一课 制作按钮
课时 第 12 周 1 节

知识目标

智能目标

(1) 绘制按钮 (2) 按钮上添加声音和动画效果 (3) 会调用库中的按钮 (1) 能够培养学生的观察能力 (2) 制作按钮时添加声音和动画效果过程中可以充分发挥学生的 创造力与想象力 (1) 培养学生的审美能力。 (2) 培养学生认真、细致的学习态度。

感情德育

(3) 激发信息技术的兴趣,养成主动学习信息技术的积极态度和 习惯。

难点 重点 教学用品 导入新课 教学过程 教学流

重点:制作“按钮”元件的方法,并丰富其表现效果 难点: “按钮”元件的四个状态帧的理解。
教材、电脑

播放一段简单的按钮生日贺卡动画,用按钮来控制动画,导入新课。

教学内容 程教

教师活动

学生活动

注释

教师:同学们, 教师打开一个做好按 第一步 导入 钮的“生日祝贺卡” 控制贺卡的动作 制作的怎么样? 观察用什么办法来 你们觉得这动画

58

八年级 上册

听学生对这 第二步 集体讨论 贺卡制作的分析 制作简单的 教师引导学生制作按 第三步 按钮 钮的过程

让学生 提出建议 每一个学生在老师 的指导下动手制作 简单的按钮 每一个学生在老师 从而让学生说出 制作按钮的操作 方法 在这个过程中让 学生初步认识脚 本概念 让学生观察测试 的指导下引用库中 影片的效果 的按钮 学生自己总结制作

制作有动态 教师引导学生按钮上 第四步 效果的按钮 添加动态效果 有动态效果的按钮 每一个学生在老师 调用公用库 指导让学生灵活引用 第五步 中的按钮 库中的按钮 的指导下动手制作

第六步

总结

老师指导 按钮的步骤

教师提问引导

第七步 板书设计

作业学生

布置作业

学生记

第 11 课 制作按钮 一、制作简单的按钮
教学反思

作业

预习新课。
备课时间: 2013 年 月 日 授课时间: 2013 年 月 日

59

八年级 上册

课题
授课班级

第十一课 制作按钮
初二(1,2,3,5)班 绘制按钮; 按钮上添加声音和动画效果; 会调用库中的按钮; 课时 第 12 周 2 节

知识目标

智能目标

掌握“按钮”元件的基本制作方法; 熟练运用各种元件,丰富“按钮”的表现效果。 培养学生的审美能力。 提高自学学习的精神。 通过学让学生自己动手,动脑,培养他们的成就感和自信。 帮助开发他们的创造力和想象力。培养学生们互相关心,互相帮助的合 作精神。 重点:制作“按钮”元件的方法,并丰富其表现效果

感情德育

难点 重点 难点:“按钮”元件的四个状态帧的理解。 教学用品 导入新课 教学过程
教材、电脑

播放一段简单的按钮生日贺卡动画,用按钮来控制动画,导入新课。

一、创设情景,引入课题 首先创设情景:播放一段简单的按钮生日贺卡动画,用按钮来控制动 画,导入新课。 教师提问: 请大家比较一下老师做的这个生日贺卡与我们之前做的生日贺卡有 什么区别, 如何能让动画的播放在我们的控制中呢?这就是这节课要学习的新的知 识技能——制作按钮。 二、任务驱动,掌握新知 (一)制作简单的按钮 教师通过广播演示操作,并讲解制作简单的按钮的方法。介绍按钮时间轴以及 各个帧的概念。 任务一:按照教师的操作方法,自己动手制作简单的按钮,体会按钮的四个状 态即弹起、指针经过、按下、点击。 制作的过程中教师巡视,指导。在巡视过程中,发现学生操作上的问题给予必 要的帮助。
60

八年级 上册

(二)制作有动态效果的按钮。 在教师的指导下,根据刚才制作按钮的步骤,制作有动态效果的按钮。 任务二:给上节课的生日贺卡作品添加按钮,达到控制效果。 小组合作探究,教师巡视,指导。在巡视过程中,发现学生操作上的问题给予 必要的帮助。 (三)调用库中的按钮。 指导让学生灵活引用库中的按钮。观察测试影片的效果。结合之前的作品,将 按钮加入其中,观察控制效果。 完成所有的操作后,对 flash 文档进行保存并发布,生成独立的 flash 文件。 让学生保存后的文件上交到教师机,教师进行点评,指导,给出修改意见,对做的 优秀的作品进行展示,并提出表扬。未完成的,请已完成的小组进行指导,使全体 学生都完成任务。 三、反馈练习,熟练掌握 完成课后习题,回顾本课的知识点。自己动脑动手做一个作品,可以通过 QQ 传给教师。 四、归纳总结,灵活运用 本节课我们通过一个具体案例进一步学习了交互动画的制作方法, 体会按按钮 的作用。让学生初步学习交互动画的制作,对制作动画产生兴趣。提高学生的审美 情趣及合作互助乐于奉献的精神。 板书设计

第 11 课 制作按钮 一、制作简单的按钮
二、制作具有动态效果的按钮 教学反思

作业

打开文档“放大镜.fla”导入几幅图片并把他们制成按钮,用来控制动画的播放 过程。

61

八年级 上册

备课时间: 2013 年





授课时间: 2013 年





课题
授课班级 初二(1,2,3,5)班

第 12 课

制作留言板
课时 第 13 周 1 节

知识目标

会在 Flash 中制作简单的留言板。 初步了解变量的作用。 通过制作留言板,让学生掌握按钮的使用方法和变量的使用方法。提 高学生的综合应用能力,协调能力,自学能力。

智能目标

培养学生的审美能力。 提高自学学习的精神。 感情德育 通过学让学生自己动手,动脑,培养他们的成就感和自信。 帮助开发他们的创造力和想象力。培养学生们互相关心,互相帮助的 合作精神。 重点:理解静态文本、动态文本、输入文本,了解不同文本的效 果。 难点 重点 初步了解变量的使用,input 和 output 的意义。 难点:用 flash 制作简单的留言板。 教学用品
教材、电脑

导入新课

通过之前的学习,我们了解到信息技术是一门特别有趣的学科,大家 觉得自己学得怎么样呢?对接下来的学习大家有什么期待呢?大家 可以把想法通过 FLASH 动画传递给老师,那怎么样来实现呢?这就是 我们这节课要学习的新的知识技能——制作留言板。

教学过程 1、 启动 Flash,选择“窗口/开发面板/组件”命令,打开组件面板。 2、 单击文本工具,输入标题“Flash MX 留言板” ,换行输入文本“呢称: ” 3、 将组件面板中的“TextArea” (文本框)拖放到“呢称”右边,并打开属性面板, 给它取名为:nc。 4、 换行输入文本“性别: ” ,将“RadioButton(单选框) ”拖到“性别: ”右边,打 开属性面板,在“参数”标签里,设置 Label 为“男” 。 5、 同样在拖入一个单选框,将其标签改为“女” 6、 换行输入文本“专业: ” ,将“ComboBox” (下拉菜单)拖到“专业”右边,打开 属性面板,取名为“zy” ,并将 Label 添加 3 项“游戏软件,计算机网络,计算机
62

八年级 上册

多媒体” 。 7、 换行输入文本“留言: ” ,拖入一“TextArea” ,给实例取名为“ly” 。 8、 换行输入文本“爱好: ” ,拖入一“CheckBox” (复选框) ,在属性面板中取名为 “ah1” ,并将其 Label 改为“音乐” 。 9、 同样再拖入 1 个复选框,取名“ah2” ,并将其 Label 改为: “运动” 。 10、 从组件面板中分别拖一个 Button 和 TextArea, 将 Button 的 label 改为 “提 交” ,给 TextArea 实例取名为“jilu” 。 11、 选中“提交”按钮,打开动作面板,输入如下代码: on(click){ a="呢称:" + _root.nc.text +"\r 性别:" + _root.sex.getValue() + "\r 专业: " + _root.zy.getValue() + "\r 留言:" + _root.ly.text + "\r 爱好:"; if(_root.ah1.selected==true){ a=a+"音乐 "; } if(_root.ah2.selected==true){ a=a+"运动 "; } a=a + "\r" +"\r"; _root.jilu.text=_root.jilu.text +a;}

板书设计 第 12 课 制作留言板 复习制作按钮,按钮的四个状态; 一、制作简单的留言板

教学反思

作业

修改“留言板”程序,在第一个页面制作输入框和“发送”按钮,单击“发送” 按钮,跳到第二个页面,显示输入的文字内容。

63

八年级 上册

备课时间: 2013 年





授课时间: 2013 年





课题
授课班级 初二(1,2,3,5)班

第 12 课

制作留言板
课时 第 13 周 2 节

知识目标

会在 Flash 中制作简单的留言板。 初步了解变量的作用。 通过制作留言板,让学生掌握按钮的使用方法和变量的使用方法。提 高学生的综合应用能力,协调能力,自学能力。

智能目标

培养学生的审美能力。 提高自学学习的精神。 感情德育 通过学让学生自己动手,动脑,培养他们的成就感和自信。 帮助开发他们的创造力和想象力。培养学生们互相关心,互相帮助的 合作精神。 重点:理解静态文本、动态文本、输入文本,了解不同文本的效 果。 难点 重点 初步了解变量的使用,input 和 output 的意义。 难点:用 flash 制作简单的留言板。 教学用品
教材、电脑

导入新课

通过之前的学习,我们了解到信息技术是一门特别有趣的学科,大家 觉得自己学得怎么样呢?对接下来的学习大家有什么期待呢?大家 可以把想法通过 FLASH 动画传递给老师,那怎么样来实现呢?这就是 我们这节课要学习的新的知识技能——制作留言板。

教学过程 一、创设情景,引入课题 首先创设情景:播放一段简单的留言板动画,用按钮来控制动画,导入 新课。 教师提问:通过之前的学习,我们了解到信息技术是一门特别有趣的学科,大 家觉得自己学得怎么样呢?对接下来的学习大家有什么期待呢?大家可以把想法 通过 FLASH 动画传递给老师, 那怎么样来实现呢?这就是我们这节课要学习的新的 知识技能——制作留言板。 二、任务驱动,掌握新知 (一)装饰留言板认识输入文本区和动态文本区。
64

八年级 上册

教师通过广播演示操作,复习制作按钮,制作简单的留言板,添加背景,加入 静态文本、动态文本、输入文本,展示不同的文本的效果。 任务一:按照教师的操作方法,制作按钮、制作简单的留言板。为留言板添加 输入文本框和动态文本框。体会不同文本框的效果。 制作的过程中教师巡视,指导。在巡视过程中,发现学生操作上的问题给予必 要的帮助。 (二)制作按钮并设置动作脚本。 教师演示:在刚刚的简单的留言板的基础上进行完善,实现留言板的功能。 任务二:小组合作,将按钮拖放到舞台并设置动作脚本,实现留言板的功能。 小组合作探究,教师巡视,指导。在巡视过程中,发现学生操作上的问题给予 必要的帮助。

板书设计 第 12 课 制作留言板 静态文本、动态文本、输入文本 二、制作按钮并设置动作脚本 了解变量的意义:INPUT 和 OUTPUT 的作用。

教学反思

作业

修改“留言板”程序,在第一个页面制作输入框和“发送”按钮,单击“发送” 按钮,跳到第二个页面,显示输入的文字内容。
65

八年级 上册

备课时间: 2013 年





授课时间: 2013 年





课题
授课班级 初二(1,2,3,5)班

第 13 课

多场景动画
课时 第 14 周 1 节

知识目标

掌握场景的基本概念和操作方法; 掌握控制场景之间跳转的基本方法。

智能目标 培养学生的自学能力,统筹安排能力,策划能力,协作能力 培养学生的审美能力。 提高自学学习的精神。 通过学让学生自己动手,动脑,培养他们的成就感和自信。 帮助开发他们的创造力和想象力。培养学生们互相关心,互相帮助的 合作精神。 重点:掌握场景的基本概念和操作方法; 难点:掌握控制场景之间跳转的基本方法。
教材、电脑

感情德育

难点 重点 教学用品 导入新课 教学过程

播放一段“小鱼跳跃”动画,添加场景的例子。

教师:之前我们学习过在一个场景里操作,背景是相同的,可是我们刚才观看 的例子是多场景的, 那我们怎么样为动画添加多个场景呢?这就是这节课要学习的 新的知识技能——多场景动画。 二、任务驱动,掌握新知 (一)场景操作 教师通过广播演示操作,并讲解场景的概念,演示在 flash 中添加场景、删除 场景、修改场景名称、调整场景顺序等。 任务一:按照教师的操作方法,自己动手给“小鱼跳跃”动画添加一个场景并 修改场景的名称。 制作的过程中教师巡视,指导。在巡视过程中,发现学生操作上的问题给予必 要的帮助。 (二)场景控制 添加场景后,测试影片,让学生发现问题。不同的场景会来回的播放,不会停
66

八年级 上册

止, 那如果想让动画停在最后一个场景的最后一帧, 我们要怎么样来操作呢?引出: 场景控制。 在教师的指导下,根据之前学过的制作按钮的步骤,给场景引入库中的“开始 演示”按钮并加入动作,生成脚本代码 STOP()控制场景。 任务二:小组合作,完善“小鱼跳跃”动画,添加按钮按制场景。 小组合作探究,教师巡视,指导。在巡视过程中,发现学生操作上的问题给予 必要的帮助。 完成所有的操作后,对 flash 文档进行保存并发布,生成独立的 flash 文件。 让学生保存后的文件上交到教师机,教师进行点评,指导,给出修改意见,对做的 优秀的作品进行展示,并提出表扬。未完成的,请已完成的小组进行指导,使全体 学生都完成任务。

板书设计

第 13 课 一、场景操作 二、场景控制 教学反思

多场景动画

作业

思考:Flash 动画中的场景有什么作用?

67

八年级 上册

备课时间: 2013 年





授课时间: 2013 年





课题
授课班级 初二(1,2,3,5)班

第 13 课

多场景动画
课时 第 14 周 2 节

知识目标

掌握场景的基本概念和操作方法; 掌握控制场景之间跳转的基本方法。

智能目标 培养学生的自学能力,统筹安排能力,策划能力,协作能力 培养学生的审美能力。 提高自学学习的精神。 通过学让学生自己动手,动脑,培养他们的成就感和自信。 帮助开发他们的创造力和想象力。培养学生们互相关心,互相帮助的 合作精神。 重点:掌握场景的基本概念和操作方法; 难点:掌握控制场景之间跳转的基本方法。
教材、电脑

感情德育

难点 重点 教学用品 导入新课 教学过程

播放一段“小鱼跳跃”动画,添加场景的例子。

四、制作祝贺字 二、制作“生日快乐”遮罩动画 1.时间轴上加一个图层一重命名为“矩形” 2.用矩形工具,在绘图区任意位置画一个长方形,颜色设计为黄渐变白 的颜色。 3.插入一个图层,命名为“文字”。 4. 选择“文字”层的第一帧,用文本工具写“生日快乐”字,第 25 帧插入一个关键帧。 5.单击“矩形”第 1 帧,把长方形拖到文字的左边。 6. “矩形”第 25 帧插入一个关键帧,用缩放工具拉伸

68

八年级 上册

7.选择第 1 帧,执行“插入→创建补间动画”命令。 8.右击“文字”层,选择“遮罩”命令 9. 执行“控制→测试影片”命令 板书设计

第 13 课
制作祝贺字

多场景动画

二、制作“生日快乐”遮罩动画

教学反思

作业

如何在文档中增加场景、删除场景、修改场景名称、调整场景顺序?

69

八年级 上册

备课时间: 2013 年





授课时间: 2013 年





课题
授课班级 初二(1,2,3,5)班

第十四课

网上发布动画
课时 第 15 周1 节

知识目标

Flash 的发布设置; 把动画发布成 HTML 文件; 学会在网站上发布 SWF 动画; 能把动画制作成 GIF 动画并发布到网站上; 通过完成 FLASH 在网站上的发布,培养学生的自学能力, 统筹安排能力,策划能力,协作能力,信息技术综合能力。

智能目标

培养学生的审美能力。 提高自学学习的精神。 通过学让学生自己动手,动脑,培养他们的成就感和自 感情德育 信。 帮助开发他们的创造力和想象力。 培养学生们互相关心, 互相帮助的合作精神。 重点:如何将 flash 文件保存为 SWF、GIF、EXE 等文件 类型; 难点 重点 难点:如何将做好的 FLASH 文件用适当的类型发布到 Internet 网上。
教学用品

教材、电脑 首先创设情景: 我们之前学习的 FLASH 作品, 都是要通 过 FLASH 软件才能打开欣赏,如果我们想把作品给好朋友 看,而好朋友的电脑上没有安装 FLASH,要怎么样才能看 到我们的作品呢?我们又怎样将作品展示给更多的人看 呢?这就是这节课要学习的新的知识技能——在网站上发 布动画。

导入新课

教学过程

演示操作,叙述讲解 一、把动画发布成 HTML 文件 1. 打开“生日快乐.fla”文件。

70

八年级 上册

2. 执行“文件→发布设置”命令,打开对话框。 3. 确定“.swf”和“.HTML”前面的复选框以后,按“发 布”按钮。 4.启动 IE 浏览器,执行“文件→扩开”命令,找到“生 日快乐.HTML” 按“确定” 按钮。 二、网页上插入 SWF 格式动画 1.单击“开始” →程序→“MicrosoftFrontpage”, 打开“Frontpage”窗口。 2. 执行“插入→高级→插件”命令,单击打开的对话 框中的“浏览”按钮。 3.双击“水中游鱼.swf”,单击“确定”按钮。 4.选择插入的动画片,调整它的位置和大小。

板书设计

第十四课 网上发布动画 1.用 HTML 格式发布动画 2.网页上插入 SWF 格式动画 教学反思

作业

在 Frontpage 中制作一个网页,把本学期制作的所有动画在网站中

展示出来。
71

八年级 上册

备课时间: 2013 年





授课时间: 2013 年





课题
授课班级 初二(1,2,3,5)班

第十四课

网上发布动画
课时 第 15 周 2 节

知识目标

Flash 的发布设置; 把动画发布成 HTML 文件; 学会在网站上发布 SWF 动画; 能把动画制作成 GIF 动画并发布到网站上; 通过完成 FLASH 在网站上的发布,培养学生的自学能力, 统筹安排能力,策划能力,协作能力,信息技术综合能力。

智能目标

培养学生的审美能力。 提高自学学习的精神。 通过学让学生自己动手,动脑,培养他们的成就感和自 感情德育 信。 帮助开发他们的创造力和想象力。 培养学生们互相关心, 互相帮助的合作精神。 重点:如何将 flash 文件保存为 SWF、GIF、EXE 等文件 类型; 难点 重点 难点:如何将做好的 FLASH 文件用适当的类型发布到 Internet 网上。
教学用品

教材、电脑 首先创设情景:我们之前学习的 FLASH 作品,都是要通过 FLASH 软件才能打开欣赏, 如果我们想把作品给好朋友看, 而好朋友的电脑上没有安装 FLASH,要怎么样才能看到我 们的作品呢?我们又怎样将作品展示给更多的人看呢?这 就是这节课要学习的新的知识技能——在网站上发布动 画。

导入新课

教学过程

三、网页上用 GIF 格式发布动画 1.打开“生日快乐.fla”. 2. 执行“文件→发布设置”命令,打开对话框。
72

八年级 上册

3.取消“flash(.swf) ”和“HTML(.html)”复选框的钩, 然后选择“GIF 图像(.gif)”复选框。 4.单击 GIF 选项卡选择“动画”项目,单击“发布”按钮, 然后再单击“确定”按钮,可以做 GIF 动画。

板书设计 第十四课 网上发布动画

三、网页上用 GIF 格式发布动画 教学反思

作业

在 Frontpage 中制作一个网页,把本学期制作的所有动画在网站中

展示出来。

73


更多相关文档:

2014信息技术教案(八年级上册)

新河中学信 息技术教案 班级:142-146 新河中学 《信息技术》教案 教者:胡 华 2014 年八年级上册教案 编写:胡华 1 2014 年下学期八年级信息技术》教学计划...

八年级信息技术上册 教案 川教版

41 zhuiyicaomao@sina.com 八年级信息技术 川教版 课时教案(教学设计) 课题 第一课 认识 WPS 文字处理软件 1、知识目标: (1)掌握 WPS 软件的启动、退出及...

青岛版信息技术八年级上册全册教案

青岛版信息技术八年级上册册教案_其它课程_初中教育_教育专区。青岛版,信息技术,教案 第一单元第 1 课创建站点 内容分析 《创建站点》是青岛版信息技术第一单元...

八年级-信息技术教案上册_图文

八年级信息技术教案 信息技术教学教案 八年级上册 周小敏 2016 年 9 月 10 日 1 八年级信息技术教案 课题 第一课 熊猫的梦---绘制图像与逐帧动画 1.掌握 Fl...

八年级信息技术上册教案(新疆版)

八年级信息技术上册教案(新疆版)_其它课程_初中教育_教育专区。八年级信息技术第一学期教案 50 1 八年级信息技术第一学期教案 【课题】新学期第一课 【教材】 【...

八年级信息技术上册教案

八年级信息技术教学计划一、学期教学总的目的要求 知识目标:让学生掌握数字化声音、视频及动画的制作方法,使学生在掌握基础知识和技能 的基础上,进一步了解信息技术的...

初二信息技术上册教案(清华黑白版)_图文

教学工作计划 2015-2016 学年第一学期 姓名 所任年级课程 初二年级信息技术 2015 年 9 月 周课时 1 【教材分析】 初二年级《信息技术》上册,全书介绍了利用 ...

八年级信息技术上册教案(华科)

八年级信息技术上册教案(华科)_其它课程_小学教育_教育专区。第 1 课时【教学内容】 :数码生活 产品初识 【教学目标】 :1.了解数码产品种类。 2.了解数码产品的...

八年级上册信息技术教案_图文

八年级上册信息技术教案_其它课程_初中教育_教育专区。课题 第五课 文字演变——添加形状提示点 教学目标 1.巩固形状补间动画的制作方法。 2.掌握添加并编辑形状...

上海科技出版社八年级上册信息技术教案

保存工作薄 六.关机 教学反思: 2 八年级上册信息技术 第四课《设计电子表格》教案 课题:初识电子表格 教学内容:设计电子表格 课时:1 课时 执教教师:周建朗 教学...
更多相关标签:
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com