当前位置:首页 >> 其它课程 >>

八年级教案清华版




题:第四课

变相怪杰

----形状补间动画

课 课 教 学 目 标

题 型 新授课

形状补间动画

授课时间 课时安排 一课时

知识与技能:

1.巩固使用绘图工具与选择工具绘制并编辑

图像的方法。

2.掌握将图形、文字制作出形状补间动画的方法。 3.学会使用“修改”→“分离”的命令分离文字呈沙粒状。

过程与方法: 情感态度与价值观:
1.巩固帧、关键帧以及绘图类工具的操作方法。 2.针对图层的操作加强练习,并养成图层重命名、图层锁定等制作动画的良好习 惯。 3.学会设置形状补间动画的方法。 1.形状补间动画的制作原理以及控制。 2.添加形状提示点的形状补间动画。

教学重点

教学难点

教具学具 学生电脑 准 备

教学方法 教师讲授与学生上机练习 教 一、导入新课:
通过前面所学习的逐帧动画的制作,我们已经能较为自如地控制帧的播放时间长短、并理解 了关键帧的意义与使用方法,但也从中发现了一些问题,如:逐帧动画过渡过于跳跃、不自 然,如何解决呢? 首先请学生欣赏没有制作形状补间动画的猫和老虎的动画效果,感受跳跃画面的不自然,再 欣赏具有形状补间动画的猫和老虎的改变,引出本节课的重点:制作形状补间动画





程 复 备

二、教学新课
1

一、设置文档属性 新建动画文件,设置文档“属性”的大小为“500*400 像素” ,背景色为“白色” 。 二、制作第 1 帧动画 师提出:将小猫的脸、嘴、鼻子、眼睛、胡子、文字等图形分别在不同的图层制作,为 后面的动画效果作好准备。 ⑴、绘制螺旋形彩色背景 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、将“图层 1”重命名为“背景” 2、使用“矩形工具”绘制同舞台相同大小的方形。 3、使用“直线工具”将方形分割成米字形。 4、使用“选择工具”调整直线为弧线,填充色彩。制作完成后“锁定”该图层, 学生上机操作制作背景。 ⑵、分图层绘制小猫 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层,重命名为“脸” 。 2、使用“椭圆工具” 、 “直线工具”绘制脸部轮廓,并填充颜色。制作完成后“锁定” 该图层,如教材 P25 图 4.3 所示。 学生上机操作制作小猫的脸部轮廓 【DIY】教材 P25。 分别插入图层,将小猫的五官分图层绘制,并添加文字“猫” ,如教材 P25 图 4.4 所示。 三、制作形状补间动画 师提出:形状渐变效果是从当前形状逐渐变为另一种形状,制作过程中的只需确定两个 关键帧中不同的图形即可,逐渐渐变的过程由计算机运算完成。 ⑴、脸部图形的渐变制作 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、解除图层“脸”的锁定。在该图层的第 10 帧和第 30 帧插入关键帧,第 40 帧插入帧。 2、使用“选择工具”调整第 30 帧中脸部的弧线,并重新填充颜色,如教材 P26 图 4.5 所示。 3、选择图层“脸”的第 10 帧和第 30 帧之间的任何一帧。 4、设置帧“属性”面板中的“补间”为“形状” ,此时,时间轴中第 10 帧和第 30 帧之 间呈淡绿色,并出现箭头,如教材 P26 图 4.6 所示。制作完成后“锁定”该图层。 学生上机操作。 ⑵、嘴、鼻子、眼睛的渐变制作 【DIY】教材 P26。 师先做演示操作,然后学生上机操作。 使用与制作脸部渐变相同的方法,配合“任意变形工具” 、 “选择工具” 、 “属性”面板等, 分别制作嘴、鼻子、眼睛的渐变效果,并在“胡子”图层的第 40 帧插入帧,制作完成后“锁 定”各图层,如教材 P27 图 4.7 所示。 【智多星】教材 P27。 图形边线删除后,如果还需要边线存在,只需要选择工具面板中的“墨水瓶工具”更改 “笔触颜色” ,在需要添加边线的图形处单击即可。 ⑶、文字与文字的渐变制作 师先做演示操作,然后学生上机操作实习。
2

具体演示操作步骤: 1、在“文字”图层的第 10 帧和第 30 帧插入帧,第 40 帧插入帧。 2、交第 30 帧的“猫”修改为“虎” 。 3、分别选择第 10 帧、第 30 帧的文字,执行“修改” →“分离”的命令。 【智多星】教材 P27。 文字执行分离命令后变为沙粒状,此时可以制作形状渐变的效果,但不能再使用“文本 工具”编辑。 4、单击第 10 帧和第 30 帧之间的任何一帧,更改帧“属性”面板中的补间为“形状” 。 制作完成后“锁定”该图层,如教材 P27 图 4.8 所示。 【智多星】教材 P28。 形状渐变有很多种,可以是图形与图形、图形与文字、文字与文字间的渐变,注意:制 作文字渐变效果前需要对文字执行“修改” →“分离”的命令,快捷方式为 Ctrl+B。 制作形状渐变效果还有很多方式。通过改变不同关键帧中对象的颜色可以产生变幻的色 彩,如闪烁的霓虹灯;改变不同关键帧中对象的大小可以出现膨胀与收缩的效果,如青蛙一 鼓一鼓的肚子;改变不同关键帧中对象的形状可以出现扭曲的特效,如太阳变月亮;改变不 同关键帧中对象的角度与位置可以产生移动的效果,如不倒翁。总之,应用形状渐变动画可 以使动画效果更加丰富、更加自然。 ⑷、利用逐帧动画美化背景 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、分别在“背景”图层的第 10、14、17、22、26、30 帧插入关键帧,第 40 帧插入帧, 使背景与动画同步。 2、使用“颜料桶工具”分别更改 10、14、18、22、26、30 帧的背景颜色,使动画出现 色彩变幻的效果。制作完成后“锁定”该图层,如教材 P28 图 4.9 所示。 学生上机操作利用逐帧动画美化背景 四、保存文件 将动画源文件以“变相怪杰”为文件名保存在自己的文件夹中的作业文件夹中,并测试 生成 swf 格式的文件。

三、课堂练习:
完成这节课所学习的动画

四、课堂小结:
1、需要渐变的不同图形应分图层绘制,这样渐变的效果会更加自然。 2、形状渐变可以针对图形之间、图形与文字、文字与文字之间制作。常见的胖变瘦、 太阳变月亮的效果都是运用形状补间动画的方法制作出来的。 3、制作文字渐变的动画效果时需要将文字执行“修改” →“分离”的命令,使文字成为沙 粒状,否则无法实现预期效果。

五、教学后记

3



题:第五课

文字演变 ---添加形状提示点

课 课 教 学 目 标

题 型 新授课

添加形状提示点

授课时间 课时安排 一课时

知识与技能:
巩固形状补间动画的制作方法。 掌握添加并编辑形状提示点的制作方法。 学习使用“变形面板”复制并旋转图形

过程与方法: 情感态度与价值观:
本课通过学习并制作文字的演变,不仅要让学生了解我国文字的发展历史以及我国 传统图案等方面的知识,还要引导学生综合运用所学知识

教学重点 教学难点

如何让形状按照要求变形,即添加形状提示的方法。

通过改变图形中心点的位置、配合统一角度的改变,使图形旋转并复制,从而制作 出横向的连续图案。当然可以引导学生,如果中心点位置不同、图形角度不同,配合旋 转并复制会有哪些更加特殊的效果,这样来调动学生美化画面的想法,使作品看起来更 富有个性、更丰富多彩。

教具学具 学生电脑 准 备

教学方法 演示法、讲授法 教 一、导入新课:
师引入新课:第 4 课我们初步学习了形状补间动画的制作方法,通过制作我们可以发 现有时变形的效果并不按照设想的来改变。师播放第 4 课制作形状补间动画让学生观察动 画的最终效果,发现设想与实际的差异。通过分析第 4 课作品存在的问题引出本课的学习 内容,即添加形状提示点可以改变动画变形的随机性。板书课题。





程 复 备

二、教学新课
一、设置文档属性 师要求学生设置文档属性: 修改文档 “属性” 的大小为 “400*300 像素” , 背景色为 “黄
4

色” ,其余取默认值。 二、制作文字动画 师提出:文字的演变是很神奇的,通过给形状补间动画添加形状提示点,使文字出现 自然的过渡效果,更好地感受文字逐渐的演变过程。 ⑴、绘制文字内、外部图形 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、将“图层 1”重命名为“文字外部” 。 2、使用工具面板中的“刷子工具” ,在第 1、20、30、40 帧插入关键帧并绘制甲骨文、 金文、小篆“目”字的外轮廓,如教材 P31 图 5.2 所示。 3、在第 60 帧插入空白关键帧,使用“文本工具”输入揩体“目”字,参考前面几种 文字的外轮廓调整该字的大小。执行“修改” →“分离”的命令,将“目”字中间的两横 擦除。制作完成后“锁定”该图层,如教材 P31 图 5.3 所示。 学生上机制作 绘制文字内部图形 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层,重命名为“文字内部” 。 2、使用工具面板中的“刷子工具” ,在第 1、20、30、40 帧插入关键帧并绘制甲骨文、 金文、小篆“目”字的内部的两横,如教材 P31 图 5.4 所示。 学生上机制作 ⑵、制作“文字外部”形状补间动画并添加形状提示点 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、分别在“文字外部” 、 “文字内部”图层的第 12、32、52 帧插入关键帧,在第 80 帧插入帧。 2、 在 “文字外部” 图层上, 选择帧面板中第 12 帧到 20 帧之间的任何一帧, 更改帧 “属 性”面板中的补间为“形状” 。 3、选中帧面板的第 12 帧,连续执行 8 次“修改” →“形状”→“添加形状提示”命 令(快捷键为 Ctrl+Shift+H) ,此时将出现的 8 个个叠放在一起的提示点分别按顺序放于文 字外部的四角,如教材 P32 图 5.5 所示。 4、选中帧面板的第 20 帧,将叠放的提示点参考第 12 帧的顺序、位置进行摆放,如教 材 P32 图 5.6 所示。 形状提示点 形状提示点是由 26 个字母显示,因此最多能添加 26 个形状提示点。两个关键帧中添 加的形状提示点是一一对应的,这样可以形状过渡的效果更加自然。不显示添加的形状提 示点时,可以执行“视图” →“显示形状提示”命令。 教材 P32。 师先做演示操作,然后学生上机操作。 利用制作“文字外部”图层的第 12 帧至第 20 帧形状补间动画的方法,分别制作 32 帧至 40 帧、第 52 帧至 60 帧的形状补间动画,并添加“形状提示点” ,使文字演变效果逐 渐过渡,如教材 P32 图 5.7“文字外部”图层添加形状提示点的效果 ⑶、制作“文字内部”形状补间动画并添加形状提示点 教材 P32。 师先做演示操作,然后学生上机操作。 利用制作“文字外部”形状补间动画并添加形状提示点的方法制作“文字内部”图层
5

的形状补间动画,添加的形状提示点如教材 P33 图 5.8“文字内部”图层添加形状提示点 的效果 三、制作装饰效果 师提出:文字演变过程也是中国文化的发展过程,可以使用中国传统的色彩和装饰图 案美化画面,更好地传达中国特色。 ⑴、使用任意变形工具制作传统图案“云纹” 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层,并重命名为“吉祥图案” 2、使用工具面板中的“线条工具”绘制一半的云纹,并使用工具面板中的“任意变形 工具”选中云纹,调整中心点至右侧中间位置,如教材 P33 图 5.9 所示。 3、下面制作完成一个完整的云纹。选择“变形”面板,设置旋转角度为“180 度” , 单击面板下方的“复制并应用变形”按钮,如教材 P33 图 5.10 图所示。 4、使用“任意变形工具”选中整个云纹,将中心点移动至右侧边线外围,调整“变形” 面板中旋转角度为“180 度” ,单击“复制并应用变形”按钮,制作完成 2 个云纹效果,如 教材 P34 图 5.11 所示。 ⑵、制作说明文字与边框 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层,重命名为“说明文字” 。分别在第 1、20、40、60 帧,输入文字“甲骨 文” 、 “金文” 、 “小篆”和“揩书” ,以说明当前文字的字体名称。 2、新建图层,重命名为“边框” ,使用工具面板中的“矩形工具”绘制一个无边框的 橙色矩形衬托在文字下方。 学生上机制作。 四、保存文件 将动画源文件以“文字演变”为文件名保存在自己的文件夹中的作业文件夹中,并测 试生成 swf 格式的文件。

三、课堂练习:
完成本节课文字演变过程

五、布置作业:
课后加强文字演变过程练习

六、板书设计:
第五课 文字演变 ---添加形状提示点

七、教学后记

6



题:第六课

快乐猫咪

----简单的动画补间动画

课 课 教 学 目 标

题 型 新授课

简单的动画补间动画

授课时间 课时安排 一课时

知识与技能:
掌握新建并编辑图形元件的方法。 学会运用属性面板中的补间选项设置动画补间动画。 了解库并运用库管理和应用图形元件。

过程与方法:教师讲解演示、学生自主探究 情感态度与价值观:培养学生的动手和逻辑思维能力 教学重点 教学难点
库与元件在本课都是首次接触,它们在制作Flash动画中的使用率非常高,因此这两个 概念与场景间的关系间是本节的重点 图形元件与影片剪辑元件的区别

教具学具 学生电脑 准 备
演示与学生上机实习

教学方法

教 一、导入新课:





程 复 备

师引入新课:众所周知,各种软件经常会升级或改版,这是为了让软件的功能更 加全面、更加强大,而这之前的不足是在实际应用中发现的,发现不足才能更好地完 善自我。在前面学习的运用 Flash 制作动画的方法有没有不足呢?有解决办法吗?

二、教学新课
首先请学生欣赏以前制作的动画作品,尝试修改并完善动画,通过操作引出存在 的问题: ① 图层繁多,选择图形并修改时容易导致操作错误。 ② 相同的图像在多个关键帧中出现,需要修改多次,重复性操作过多,容易出 现错位、错帧等问题。
7

由这些问题引出弥补的方法, 将同一图层使用的相同图像用 “图形元件” 来解决, 自然过渡至本课所学的关键内容。 (板书课题:简单的动画补间动画) 。 师师演示让学生欣赏制作完成的实例效果(快乐猫咪) 。 一、设置文档属性 学生上机设置文档属性(教材 P37。大小为“550*400 像素” ,背景色为“蓝色” ) 。 二、制作图形元件 师提出:在“库”面板中制作的“图形元件”虽然也有很多图层,但在场景中却 是一个整体,这个整体可以随意地摆放到场景的舞台中,还可以像印章一样重复使用。 【智多星】教材 P38。元件 元件在 Flash 中的使用率非常高, 它是一种可以重复使用的对象, 而且反复使用不 会增加文件的大小。元件还简化了文档的编辑,当编辑元件时,重复使用的该元件全 部被更新。元件作为一个整体出现在舞台中,这个整体在“库”中完成制作,这样可 以很好地避免直接在舞台中制作而导致的图层过多,容易混乱的问题。 将元件从库中拖放到场景或其他元件中后,就变成了元件的实例。实例之间是独 立的,对某一个实例的编辑不会影响其他同元件的实例。元件和实例之间既保持一定 的联系,又具有一定的独立性。 创建元件后,可以在文档中重复使用它的实例。可以修改单个实例的颜色、缩放 比例、旋转、Alpha 透明度、亮度、色调、高度、宽度和位置等实像属性,而不会影响 其他实例或原始元件。 元件包括图形元件,影片剪辑元件和按钮元件三种类型。 图形元件适用于静态图像的制作,发家具、服装等。 影片剪辑元件适用于制作动态效果,如飞舞的蝴蝶、小鸟等。 按钮元件可以实现交互操作,如单击按钮跳转到其他画面等。 ⑴、新建图形元件 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、执行“窗口” →“库”命令,弹出“库”面板。 2、单击“库”面板下方的“新建元件”按钮,弹出“创建新元件”对话框,更改 元件名称为“猫” ,元件类型为“图形”元件,单击“确定”按钮。此时“库”面板中 出现“猫”的图形元件,并进入图形元件的编辑状态,如教材 P38 图 6.2 所示。 元件还可以通过执行 “插入” → “新建元件” 命令创建, 对应的快捷键是 Ctrl+F8. 学生上机操作。 ⑵、制作“猫”的图形元件 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、在“猫”的图形元件的编辑状态下,将“图层 1”重命名为“猫” , 如教材 P39 图 6.3 所示。 2、 进入图形元件的编辑状态, 界面中间出现的十字形表示为图形元件舞台的中央, 从这里开始绘制图形便于今后调整元件。使用工具面板中的“椭圆工具” 、 “线条工具” 绘制猫的外形,使用“选择工具”将直线调整为弧线,并填充颜色,如教材 P39 图 6.4 所示。 师做演示操作。 使用工具面板中的“部分选取工具”选中猫的外轮廓,此时出现锚记点,调整锚 记点的位置、弧线角度,可以更加精确地改变外轮廓的形状,即使绘图功底差也不怕。 单击锚记点,两侧会出现两个切线手柄,这两个手柄可随意调整也可按住 Alt 键单独 调节一侧的切线手柄来改变弧线角度或移动锚记点位置。
8

注意:当单击锚记点设有出现控制手柄时,可按住 Alt 键拖动该点来放置切线手 柄,如教材 P39 图 6.5 所示。 ⑶、新建图层,重命名为“领结” ,使用“线条工具”绘制领结,并填充颜色,如 教材 P39 图 6.6 所示。 使用制作“猫”图形元件的方法,在“库”面板中分别新建“背景” 、 “蜻蜓” 、 “花” 、 “眼睛”的图形元件,并使用“刷子工具” 、 “线条工具” 、 “铅笔工具”等分别 制作各元件,如教材 P40 图 6.7 所示。 学生上机操作。 三、制作动画效果 ⑴、将图形元件拖放至舞台中并调整 师:将元件分别放置在场景 1 的舞台中,制作出小猫眼睛随蜻蜓转动的效果。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、在“场景 1”的编辑状态,将“图层 1”重命名为“静态” 。 2、将“库”面板中的“背景”元件和“猫”元件分别拖放到“场景 1”的“静态” 图层中。再将图形元件“花”拖放多次,并使用“任意变形工具”调整大小、角度、 位置,如教材 P40 图 6.8 所示。 师引导学生制作: 在场景 1 中分别新建图层,重命名为“眼睛”和“蜻蜓” ,然后把“库”面板中的 图形元件“眼睛”和“蜻蜓”拖放到相应图层中,并调整大小、角度、位置。 ⑵、制作蜻蜓的动画补间动画 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、在“静态”图层的第三者 45 帧插入帧。 2、在“蜻蜓”图层的第 15、30、45 帧插入关键帧,分别移动蜻蜓位置,模拟蜻 蜓从画面右侧飞到左侧的效果,如教材 P41 图 6.9 所示。 3、选中“蜻蜓”图层第 1 至 15 帧中的任何一帧,更改“属性”面板中的“补间” 为“动画” ,此时“蜻蜓”图层面板中的第 1 帧到第 15 帧间由淡紫色背景与实线箭头 表示。分别更改第 15 至 30 帧,第 30 至 45 帧“属性”面板中的“补间”为“动画” , 制作完成后的帧面板如教材 P41 图 6.10 所示。 四、保存文件 师:将动画源文件以“快乐猫咪”为文件名保存在“我的电脑” →“E 盘”→“自 己文件夹” →“作业文件夹”中,并测试生成 swf 格式的文件。 。

三、课堂练习:
完成本节课“快乐猫咪”的动画制作

四、课堂小结:
1、在“库”面板中新建“图形”元件,制作的图形元件可以随时通过“库”面板 调用至场景的舞台。 2、可以将一个需要多次使用的图形制作成图形元件,图形元件可以像印章一样重 复使用,使用图形元件能够快速地制作出大面积的花园、树林、建筑等效果,避免重 复制作。 3、修改属性面板中的“补间”为“动画” ,在动画的起始关键帧中和结束关键帧中放

9

置同一个图形元件,通过调整两个关键帧中图形元件的位置,可以制作上下跳动的彩 球、海上行驶的渔船等动画补间动画。

五、布置作业:
使用制作“蜻蜓”补间动画的方法,制作“眼睛”所在图层的动画补间动画,使 小猫的眼睛随蜻蜓转动。制作完成后的帧面板如教材 P41 图 6.11 所示。

六、板书设计:
第六课 快乐猫咪 ----简单的动画补间动画

七、教学后记

10



题:第七课

穿越森林

---多变地动画补间动画
课 课 教 学 目 标 题 型 新授课 知识与技能:
巩固图形元件的制作方法。 掌握应用“组合”、调整“叠放顺序”等多种技巧绘制图形。 学习动画补间动画的属性调整。 掌握文字对象的动画补间动画的设置方法

多变地动画补间动画

授课时间 课时安排 一课时

过程与方法: 情感态度与价值观:

教学重点 教学难点

本课的重点在于图形元件的绘制、动画补间动画的设置及其属性的调整

应用“组合”、调整“叠放顺序”等多种技巧绘制图形。

教具学具 学生电脑 准 备
演示与学生上机实习

教学方法

教 一、导入新课:





程 复 备

教师可以演示如图 7.1 所示的七彩填充的小球旋转下落,并且小球逐渐变小变透明的范例, 然后向学生提问:使用已经学过的知识能否完成该动画效果的设置?

同学们会跃跃欲试,表示能够完成,可实际操作以后会发现,如果使用形状补间动画, 小球的旋转运动并不像我们预期的那样,中间的过渡颜色会产生偏差,小球可以改变大小,
11

却没有办法进行透明度的设置。

二、教学新课
一、设置文档属性 师引导学生进行设置:新建动画文件,修改文档“属性”舞台大小为(550*400px) ,背 景色为“土黄色” 。 二、制作背景 ⑴、制作树木图形元件 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、 新建图形元件。执行“插入” →“新建元件”命令,创建“树木”图形元件,如 教材 P44 图 7.2 所示。 2、使用“椭圆工具” ,并配合“选择工具”绘制树冠,如教材 P44 图 7.3 所示。 3、使用“多角星形工具” 、 “椭圆工具” 、 “选择工具”绘制树上的花朵,如教材 P44 图 7.4 所示。 4、使用“选择工具”选择花朵,执行“修改” →“组合”命令,将花朵组合成一个整 体,为后面的复制做好准备,如教材 P44 图 7.5 所示。 师提出:绘制好的图形在移动或复制时经常会出现残缺不全的情况,通过“组合形状” 的方法就可以解决这个问题,组合前的图形呈沙粒状,组合后的图形外围有蓝色边框。 组合形状可以将绘制好的形状组合起来, 作为一个整体图形来处理。 具体方法是使用 “选 择工具”在形状周围拖动以便将形状全部选中,然后执行 “修改” →“组合”命令或使用 快捷键 Ctrl+G。 改变组合图形的排列顺序时,可以右击该图形,在弹出的快捷菜单中选择“排列”命令, 改变形状叠放的顺序,如教材 P44 图 7.6 所示。 5、使用“矩形工具”结合“变形工具” 、 “选择工具”绘制树干,如教材 P45 图 7.7 所 示。 6、将绘制好的树冠、花朵、树干合理摆放位置,并复制出多朵小花,完成树木的整体 制作,如教材 P45 图 7.8 所示。 学生上机操作。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、仿照“树冠”的制作方法,使用“椭圆工具”绘制出图形元件“云朵” ,如教材 P45 图 7.9 所示。 2、使用“线条工具” 、 “椭圆工具”绘制出图形元件“小路” ,注意“近大远小”的绘图 规律,如教材 P45 图 7.10 所示。 3、使用“多角星形工具”绘制图形元件“太阳” , 如教材 P45 图 7.11 所示。 学生上机绘制。 ⑵、制作图形元件“汽车” 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图形元件,命名为“汽车” 。 2、在“图层 1”上,使用“椭圆工具” 、 “矩形工具” ,选择合适的笔触和颜色,绘制出 汽车的外形。 3、新建图层,使用“椭圆工具” ,选择合适的笔触及填充颜色,绘制出驾驶仓中的小熊, 并将该图层拖动到“图层 1”下层,如教材 P46 图 7.12 所示。 学生上机绘制“汽车”
12

⑶、合成背景 师提出:将图形元件“云朵” 、 “树木” 、 “小路” 、 “太阳”合成在一个图形元件中,构成 动画作品的背景。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图形元件,命名为“背景” 。 2、新建图层,重命名为“天” ,使用“矩形工具”和“选择工具”制作出蓝天相接的效 果,如教材 P46 图 7.13 所示。 3、新建图层,重命名为“路” ,打开“库”面板,将图形元件“小路”拖放到舞台合适 位置。 4、新建图层,重命名为“云” ,两次拖放图形元件“云朵”到舞台合适位置,使用“任 意变形工具”调整其大小。 5、新建图层,重命名为“树” ,在舞台上拖放 6 棵“树木” ,使用“任意变形工具”调 整树木大小。 6、新建图层,重命名为“太阳”将图形元件“太阳”拖放到舞台合适位置。制作好的 “背景”元件如教材 P47 图 7.14 所示。 学生上机合成背景。 三、创建汽车行驶的动画补间动画 师:将制作好的图形元件放置到场景中,创建动画补间动画,让小熊驾驶着小汽车在树 林中疾驰。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、回到“场景 1”的编辑状态,将“图层 1”重命名为“背景” 。 2、打开“库”面板,将图形元件“背景”拖放到舞台上,调整其大小及位置。 3、在第 60 帧插入关键帧,改变背景的大小和位置。第 1 帧及第 60 帧背景的大小及位 置变化如教材 P47 图 7.15 所示。 4、单击时间轴上第 1 到 60 帧之间的任何一帧,设置“属性”面板中的补间“动画” , 其余选项为默认值。 师做演示操作: 1、在动画补间动画中,可以在该动画的起始关键帧上放置一个组合图形、文本或元件, 并调整它们的位置、大小等属性,然后在结束关键帧上改变这些属性,使其区别于起始关键 帧。本课,在第 1 至 60 帧之间,通过设置“属性面板”中的补间为“动画” ,就形成了背景 向远处运动的动画效果。 2、在默认情况下,补间帧是以固定速度播放的。无论是形状补间动画还是动画补间动 画都有“缓动”属性的设置,不同的数值可以改变动画的速度,如教材 P48 图 7.16 所示。 缓动设为正值, 补间动画的速度由快变慢; 缓动设为负值, 补间动画的速度将由慢变快。 师先做演示操作,然后学生上机操作。 与创建背景动画的方法相同,新建图层,重命名为“汽车” ,创建汽车由远及近的动画 补间动画效果。 学生上机设置。 四、添加文字对象 师:在场景上加入文字“穿越森林” ,给动画添加上醒目的标题。 ⑴、制作图形元件“文字” 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、执行“插入” →“新建元件”命令,创建“文字”图形元件。
13

2、在元件“文字”的编辑状态下,使用“文本工具”在舞台上书写标题文字“穿越森 林” 。文字的属性设置如教材 P49 图 7.19 所示。 学生上机制作。 ⑵、更改文字的属性 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、回到“场景 1”的编辑状态,新建图层,重命名为“标题” ,将“库”面板中图形元 件“文字”拖放到舞台的合适位置上,使用“任意变形工具”将文字缩小。将文字颜色属性 的 Alpha 值设为 0%,使文字变为透明。 2、在“标题”图层的第 35 帧插入关键帧。使用“任意变形工具”将文字放大,将 Alpha 值设为 100%,使文字变为不透明。更改文字的颜色属性为“色调” ,此时出现调整色彩的 RGB,如教材 P49 图 7.20 所示。 学生上机设置 ⑶、设置文字的动画补间动画 师先做演示操作,然后学生上机操作。 选中“标题”图层的第 1 至 35 帧之间的任意一帧,在“属性”面板中设置补间为“动 画” ,旋转方式为“顺时针” , Alpha 值创建文字顺时针旋转放大变色的动画渐变效果。 学生上机设置文字的动画补间动画。 五、保存文件 师:将动画源文件以“穿越森林”为文件名保存在自己文件夹中的“作业”文件夹中, 并测试生成 swf 格式的文件。 学生保存文件

三、课堂练习:
完成本节课的“穿越森林”动画

四、课堂小结:
1、通过调整不同关键帧中元件的位置、大小、Alpha 值等设置,使元件的属性发生变化,并 在“帧”属性面板中设置补间为“动画” ,就可以产生移动、淡入淡出等动画效果。 2、在“属性”面板中,设置动画属性中的“缓动”值,可以调整补间动画的速度变化。通 过这种属性设置可以制作加速下落的小球、减速旋转的陀螺等动画效果。

五、布置作业:
课后加强对“多变地动画补间动画”的练习

六、板书设计:
第七课 穿越森林 ---多变地动画补间动画

七、教学后记

14



题:第八课:荷兰风车 ----影片剪辑元件的应用

课 课 教 学 目 标

题 型 新授课 知识与技能:

荷兰风车

授课时间 课时安排 一课时

1、学习“影片剪辑元件”的制作与应用。 2、学习为“影片剪辑元件”添加滤镜效果的方法。 3、让让学生理解影片剪辑元件本身就是一小段动画,它的播放与场景的主时间轴没有直 接关系”这一概念

过程与方法: 情感态度与价值观:

教学重点

影片剪辑元件”的创建与使用、“影片剪辑元件”与“图形元件”的区别。 【教法】演示与学生上机实习

教学难点

影片剪辑元件”的创建与使用是本课的重点

教 具 学 具 学生电脑 准 备 演示法、讲授法 教 一、导入新课:
师首先播放“荷兰风车”动画而导入课题(师板书课题:荷兰风车----影片剪辑元件的应用

教学方法





程 复 备

二、教学新课
一、制作背景 师:为了创建美丽的动画,下面导入一幅外部图片。 师先做演示操作,然后学生上机操作。 具体演示操作步骤:
15

1、新建动画文件。修改文档“属性”的大小为“800*600 像素” ,背景色为“蓝色” 。 2、将“图层 1”重命名为“背景图片” ,执行“文件”→“导入”→“导入到舞台”命令, 导入素材图片 bk.jpg 学生上机设置及导入背景图片。 二、制作影片剪辑元件并应用于场景中 ⑴、制作影片剪辑元件“转动的扇页” 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、执行“插入”→“新建元件”命令,设置元件的类型为“影片剪辑” ,名称为“转动的扇 页” , 如教材 P53 图 8.2 所示。 2、将“图层 1”重命名为“扇页” ,使用“线条工具” ,绘制一片扇页的外观,如教材 P53 图 8.3 所示。 3、将单片扇进行复制、粘贴,制作出相同的 4 片扇页。然后使用“任意变形工具”旋转扇页, 扇页制作完成的整体效果如教材 P53 图 8.4 所示。

扇叶中心点 影片剪辑元件中心点

两中心点对齐重合

4、使用“选择工具”选中 4 片扇页,执行“修改”→“转换为元件”命令,将整体的扇页图 形转换为图形元件,名称为“扇页” 如教材 P53 图 8.5 所示。 【智多星】教材 P53。 师:影片剪辑元件是制作 Flash 动画时使用最频繁的一种元件,一般情况下,它本身就是一 段小动画,直接将其拖放到舞台上就可以形成动画,其播放与场景中的主时间轴没有直接关系, 同一层上可以放置多个具有动画效果的影片剪辑元件。 5、在第 60 帧插入关键帧,在第 1 至 60 帧之间创建动画补间动画,并在“属性”面板中进 行相应设置,如教材 P54 图 8.6 所示。 学生上机操作。 ⑵、将影片剪辑元件应用在场景中 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、回到“场景 1”的编辑状态,新建图层,重命名为“风车扇页” 。 2、执行“窗口”→“库”命令,打开“库”面板,将影片剪辑元件“转动的扇页”拖放到舞 台上。 3、同样方法,依次拖放影片剪辑“转动的扇页”到每个小房子的合适位置,并调整其大小, 如教材 P54 图 8.7 所示。 学生上机操作。 三、制作具有滤镜效果的影片剪辑元件“飘动的白云” ⑴、制作影片剪辑元件“白云” 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、执行“插入” →“新建元件”命令,创建影片剪辑元件“白云” 。 2、单击“椭圆工具” ,在“属性”面板中设置笔触颜色为“没有颜色” ,填充颜色为“白色” , 绘制两朵白云的外形,如教材 P55 图 8.8 所示。
16

学生上机制作“白云” 。 ⑵、制作影片剪辑元件“飘动的白云” 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、执行 “插入” →“新建元件”命令,创建影片剪辑元件“飘动的白云” 。 2、打开“库”面板,将元件“白云”拖放在舞台或左侧。 3、选中舞台上的“白云”实例,在“属性”面板中选择“滤镜”选项卡,单击“+”按钮, 为白云添加 “模糊” 效果, 属性设置如教材 P55 图 8.9 所示。 添加滤镜后的效果如教材 P55 图 8.10 所示。 【智多星】教材 P55。

师:滤镜是 Flash 8 中新增的功能,使用滤镜可以为文本、按钮和影片剪辑增添有趣的视觉 效果。例如使对象发光、添加投影等,也可以应用多种效果进行混合。应用滤镜后,可以随时改 变它的各选项值,或者调整滤镜添加顺序以生成不同效果。在“属性”面板中,可以启用、禁用 或者删除滤镜。删除滤镜后,对象将恢复原来外观。 (滤镜是 Flash Professional 8 的新增功能,这一功能使在 Flash 中绘制的图形具有了更丰 富的画面效果,见图 8.4。 相信 Adobe 公司收购 Macromedia 后,Flash 中的绘图功能会更加强大。 在后续课程的范例中,背景图片虽然均是外部导入,但实际上可以让有能力的同学使用绘图工具 自己绘制,朦胧的小树、模糊的白云、发光的星星等图形都使用了滤镜效果。一个好的 Flash 动 画作品除了要有好的创意外,精美的画面效果也是不可缺少的,滤镜功能就能够帮助我们绘制更 生动的画面。 ) 4、在“图层 1”的第 500 帧插入关键帧,移动“白云”实例到舞台右侧,在时间轴上第 1 至 500 帧之间创建动画补间动画,完成白云飘动效果的制作。 5、回到“场景 1”的编辑状态,新建图层,重命名为“白云” ,将影片剪辑元件“飘动的白 云”拖放在舞台适当位置。 学生上制作“飘动的白云” 。 四、保存文件 师:将动画源文件以“荷兰风车”为文件名保存在自己文件夹中的“作业”文件夹中,并测 试生成 swf 格式的文件。

三、课堂练习: 完成“荷兰风车”动画 四、课堂小结:
1、执行 “执行” →“导入”命令,可以在 Flash 动画中导入图片、声音等文件。 2、通常可以将一段独立的小影片制作成影片剪辑类型的元件,将这些影片剪辑元件直接放 置在场景的舞台中应用,不但减少了场景中层与帧的数量,而且还可以反复使用。
17

3、在 Flash 8 中应用滤镜可以为影片剪辑元件添加阴影、模糊等显示特效。利用这种特效可以 绘制带有阴影效果的树木、发光的灯泡等。

五、布置作业:

六、板书设计:

第八课:荷兰风车 ----影片剪辑元件的应用

七、教学后记

18



题:第九课:蝴蝶飞舞 ----“引导层”动画

课 课 教 学 目 标

题 型 新授课

蝴蝶飞舞

授课时间 课时安排 一课时

知识与技能:
1、巩固“影片剪辑元件”的制作与应用。 2、学习引导层动画的制作方法。

过程与方法:教师演示指导,学生练习 情感态度与价值观:
引导层动画的创建是本课的重点

教学重点 教学难点

引导层动画的创建、更改元件属性创建各种特效的动画补间动画。

教具学具 学生电脑 准 备
演示与学生上机实习

教学方法

教 一、导入新课:
同学们已经学会了动画补 动画的基本制作方法,可 制作简单的动画效果了。 是如果希望元件不仅仅沿 线运动,而是按照我们期 的轨迹运动,应该使用什 样的方法呢?引入如图下 所示的范例,演示介绍小 沿抛物线运动的方法。 注意强调引导层动画 制作要点: ① 创建图形元件 “小球”的动画补间动画。





程 复 备
间 以 但 直 望 么 图 球 的

19

② 在“小球”图层上添加特殊引导层“运动引导层”,使用铅笔绘制运动的轨迹。 ③在起始帧和结束帧位置,分别将产生动画补间动画的元件锁定在引导线两端。 或者师提前演示“蝴蝶飞舞”动画效果来引入课题。 一、打开原有文件修饰整体画面 师引入第 8 课完成的作品实例,添加图形元件“鲜花”来丰富画面,为飞舞的蝴蝶设 置情境。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、打开第 8 课制作好的源文件“荷兰风车.fla” 。 2、插入图形元件“鲜花” ,利用“绘图工具”绘制郁金香花,如教材 P60 图 9.2 所示。 3、回到“场景1”的编辑状态,新建图层“花丛” ,多次拖入图形元件“鲜花”到舞台适当 位置,制作出花丛效果,如教材P60图9.3所示

二、教学新课
1、插入影片剪辑元件,名称为“蝴蝶” 。 2、在“图层 1”的第 1 帧绘制蝴蝶外形。分别在第 3、5、7 帧插入关键帧,绘制不同 形态的蝴蝶,完成蝴蝶原地飞舞的效果设置,如教材 P60 图 9.4 所示。 学生上机制作设置“蝴蝶” 三、制作飞舞的轨迹动画 师:为了完成蝴蝶在花丛中飞舞的效果,需要添加引导层动画(今天我们学习的知识 点) 。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、回到“场景 1”的编辑状态,分别在图层“背景图片” 、 “白云” 、 “风车扇页” 、 “花 丛”的第 55 帧插入帧,使其延续该层第 1 帧状态(也就是从第 1 帧到第 55 帧画面保持不 变“静止画面” ) 。 2、在图层“花丛”上新建图层,重命名为“蝴蝶” ,将影片剪辑元件“蝴蝶”拖放到 舞台上。 3、在时间轴上单击“添加运动引导”按钮,在图层“蝴蝶”之上新建一个特殊图层。 学生上机操作添加“运动引导层” 。 师:Flash 中可以插入运动引导层,使用钢笔、钢笔、直线、圆形、矩形或刷子工具 在该层上绘制路径,物体就可以沿着绘制好的轨迹运动。 4、使用“钢笔工具”在引导层上绘制出“蝴蝶”运动的平滑曲线,如教材 P61 图 9.5 所示。 5、选中图层“蝴蝶” ,分别在第 20、35、50 帧插入关键帧,改变蝴蝶在舞台上的位置, 如教材 P61 图 9.6 所示。 学生上机设置绘制“引导层” 师:注意:使用“选择工具”移动“蝴蝶”的位置时,需选中“工具”面板中“贴紧 至对象”选项。移动时注意使图形元件“蝴蝶”的中心锁定在引导层路径上。即在图层的 第 1 帧位置,蝴蝶的中心锁定在引导层路径的一端;在图层的第 50 帧位置,蝴蝶的中心锁 定在另一端;在第 20 帧及 35 帧位置,蝴蝶的中心基本锁定在路径的中间位置。 说明:第 20 帧至 35 帧之间,蝴蝶的位置基本不变,其目的是为了达到蝴蝶停留在花 朵上的效果。 6、在“蝴蝶”图层的第 1 至 20 帧之间和第 35 至 55 帧之间,创建动画补间动画,如 教材 P62 图 9.7 所示。 7、按 Ctrl+Enter 键测试影片。可以看到舞动的蝴蝶沿绘制好的路径运动。
20

师先做演示操作,然后学生上机操作。 具体演示操作步骤: 使用上述方法,新建图层“蝴蝶 2”和运动引导层“引导层:蝴蝶 2”以及图层“蝴蝶 3”和运动引导层: “引导层:蝴蝶 3” ,制作出多只沿不同路径飞舞的蝴蝶,如教材 P62 图 9.8 所示。 提示:为了使蝴蝶能在不同时刻出现在画面上,增强作品的美观性,可以在图层“蝴 蝶 2” 和图层 “蝴蝶 3” 的不同位置上插入关键帧, 然后在各关键帧中放入影片剪辑元件 “蝴 蝶” ,制作出多只蝴蝶飞舞的效果, 学生上机制作。 四、制作缓缓升空的热气球 师:由于气球升空速度缓慢,无法与蝴蝶飞舞的主时间轴保持一致的速率,所示气球 升空的引导层动画将在影片剪辑元件的制作过程中实现,而不是在场景中直接制作。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、插入图形元件“气球” ,绘制热气球外形,如教材 P63 图 9.9 所示。 2、插入影片剪辑元件,名称为“上升的气球” 。 3、将图形元件“气球”放置在图层出不穷的第 1 帧位置上。 4、在第 300 帧插入关键帧,移动“气球”实例到较高位置,使用“任意变形工具”调 整其大小,在“属性”面板中更改“气球”实例的透明度,如教材 P63 图 9.10 所示,描述 气球由近及远的变化效果。 5、添加一个运动引导层,使用“铅笔工具”绘制气球升空的路径。 6、将第 1 帧位置上的“气球”锁定在路径的一端,第 300 帧位置上的“气球”锁定在 另外一端。在第 1 至 300 帧之间创建补间动画,如教材 P63 图 9.11 所示。 7、回到“场景 1”的编辑状态,新建图层,重命名为“气球” ,将影片剪辑元件“上 升的气球”拖到舞台的合适位置。 学生上机制作缓缓升空的热气球。 五、保存文件 师:将动画源文件以“蝴蝶飞舞”为文件名保存在自己的“作业”文件夹中,并测试 生成 swf 格式的文件。

三、课堂练习:
完成蝴蝶飞舞动画

四、课堂小结:
在具有补间动画效果的图层之上建立新的特殊图层----运动引导层,可以使图形沿在运动 引导层制好的路径运动。使用这种方法可以制作飞机投弹的抛物线、树叶飘落和曲线等。

六、板书设计:
第九课:蝴蝶飞舞 ----“引导层”动画

七、教学后记

21



题:第10课

水波荡漾 ----“遮罩层”动画

课 课 教 学 目 标

题 型 新授课

水波荡漾

授课时间 课时安排 一课时

知识与技能:
1、复习各类型元件的制作方法,熟练掌握元件的位置、颜色等属性的更 改。 2、复习巩固引导层动画的制作方法。 3、学习遮罩层动画的制作。

过程与方法: 情感态度与价值观:培养学生的动手操作能力

教学重点 教学难点

遮罩层动画 遮罩层动画的创建是本课的重点也是难点

教具学具 学生电脑 准 备

教学方法 演示法、学生上机操作 教 一、导入新课:
教师演示本课范例、创作天地范例、百叶窗特效、放大镜特效等具有遮 罩层特效的动画, 让学生观察用所学的知识能否完成这些动画效果的制作? 以此引入本课学习的重点——遮罩层动画。





程 复 备

二、教学新课
一、制作背景 师:导入外部图片用于制作动画作品的背景,并利用影片剪辑元件的颜 色透明度设置制作出水中倒影效果。 ⑴、导入图片
22

师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建动画文件。修改文档“属性”的大小为“800*600 像素” ,背景 色为“蓝色” 。 2、执行“文件”→“导入”→“导入到库”命令,将素材图片 bk10.bmp 导入到库中。 学生上机往库导入图片。 ⑵、制作有水中倒影效果的背景 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、执行“插入”→“新建元件”命令,新建图形元件“背景图” 。 2、打开“库”面板,将图像 bk10.bmp 拖放到舞台。 3、回到场景 1 的编辑状态,重命名“图层 1”为“背景” ,将图形元件 “背景图”拖放到舞台上,在“属性”面板中调整 X、Y 的坐标值为 0、0, 如教材 P66 图 10.2 所示。 4、在“图层 1”上复制图形元件“背景图”的另一个实例,在属性面板 中调整其 X、 Y 坐标值为 0、 300, 颜色透明度设置为 40%, 如教材 P66 图 10.3 所示。 5、使用“选择工具”单击舞台下方位置的“背景图” ,执行“修改”→ “变形”→“垂直翻转”命令,制作出水中倒影的物效,如教材 P66 图 10.4 所示。 6、在“背景”层第 50 帧插入帧。 学生上机制作有水中倒影效果的背景。 二、制作乘伞落下的小熊 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图形元件“落水的小熊” ,使用“线条工具” 、 “椭圆工具”等绘 制小熊图案,如教材 P67 图 10.5 所示。 2、回到“场景 1”的编辑状态,新建图层,重命名为“小熊” ,将图形 元件“落水的小熊”拖放到舞台上方。在第 50 帧插入关键帧,移动小熊位 置,使其位于有倒影的水中。 3、在图层“小熊”上添加运动引导层,绘制小熊落下的轨迹。 4、将图层“小熊”上第 1 帧和第 50 帧位置的实例“落水的小熊”分别 锁定在路径的两端。 5、在图层“小熊”上第 1 至第 50 帧之间创建动画补间动画,完成小熊 落下的引导层动画,如教材 P67 图 10.6 所示。 学生上机制作乘伞落下的小熊。 三、利用遮罩层制作水中倒影特效 ⑴、制作倒影层 师:观察生活中的水中倒影可以看出,水波波动时,水里物体的影像会 向外扩散,产生比真实物体放大的效果。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、在图层“背景”和图层“小熊”的第 80 帧插入帧。 2、新建图层,重命名为“水中倒影” ,在第 50 帧插入关键帧。 3、复制“背景”层上的倒影图案,粘贴在“水中倒影”层的第 50 帧位
23

置,使用“任意变形工具”将图像适当放大,如教材 P68 图 10.7 所示。 学生上机制作倒影层。 ⑵、制作水波遮罩 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层,重命名为“水波” 。 2、在第 50 帧插入关键帧,使用“刷子工具”绘制如教材 P68 图 10.8 所示的圆环图案。 3、在“水波”层的第 80 帧插入关键帧,使用“任意变形工具”将水波 图案放大,如教材 P69 图 10.9 所示。 4、在“水波”层的第 50 至 80 帧之间创建形状补间动画。 5、右击图层“水波” ,在弹出的快捷菜单中选择“遮罩层”命令,则水 波荡漾的效果就制作完成了,如教材 P69 图 10.10 所示。 学生上机制作水波遮罩。 【智多星】教材 P69。遮罩 师:遮罩动画是 Flash 中常用的一种技巧。遮罩动画就像是一张纸上镂 空了一个形状, 透过这个形状可以看到下面的图层。用于遮罩的对象可以是 任意形状的图形、文字或元件等。遮罩下面的图层(被遮罩层)可以透过遮 罩层中的对象显示出来,对象以外的部分将被遮蔽。 【DIY】教材 P70。遮罩 师:比较下面两个实例的不同,体会遮罩动画的神奇效果。 实例 1:以渐变的图形作为遮罩层 学生上机制作体会。 制作步骤: 1、新建文件,修改文档“属性”的大小为“300*180 像素” 。 2、将图层 1 重命名为“文字” ,使用“文本工具”写入静态文字 GELLO, 在该图层第 25 帧插入帧。 3、新建图层,重命名为“圆” ,在第 1 帧绘制“七彩线形填充”的图形; 在第 25 帧插入关键帧,使用“任意变形工具”放大圆形图案使其覆盖住文 字,并在该层创建形状补间动画。 4、右击图层“圆” ,在弹出的快捷菜单中选择“遮罩层”命令,如教材 P70 图 10.11 所示。 5、测试影片,观看效果。 实例 2:以文字作为遮罩层 学生上机制作体会。 制作步骤: 1、重复实例 1 中的第 1—3 步。 2、调整图层顺序,使“文字”图层位于“圆”图层的上方。 3、右击图层“文字” ,在弹出的快捷菜单中选择“遮罩层”命令,如教 材 P71 图 10.12 所示。 4、测试影片,观看效果。 师引导分析: 实例 1 以由小变大的椭圆图形作为遮罩,使下面一层的文 字通过镂空的椭圆显示出来,椭圆以外的文字被遮蔽。由于椭圆是遮罩层, 所以椭圆的颜色不影响画面效果。 实例 2 以文本作为遮罩层, 通过镂空的文字线条将下一层的椭圆图形显 示出来,文字线条以外的图形被遮蔽。由于文字是遮罩层,所以文字的颜色
24

将不影响画面效果,而椭圆的色彩透过文字线条显示出来。 四、保存文件 将动画源文件以“水波荡漾”为文件名保存到自己文件夹中的“作业” 文件夹中,并测试生成 swf 格式的文件。

三、课堂练习:
完成本节课所学习的 水波荡漾动画

四、课堂小结:
遮罩是 Flash 中的一个常用功能,在遮罩层中,可以使用“绘图工具”绘制 各种图形作为遮罩, 透过这些图形能够看到被遮罩层的内容,而遮罩层图形 以外的内容将遮蔽。利用遮罩层的特点,可以制作各种文字变幻、水波纹、 百叶窗切换等特效

五、布置作业:

六、板书设计:
第10课 水波荡漾 ----“遮罩层”动画

七、教学后记

25



题:第十一课:心语星愿 ----按钮元件的应用

课 课 教 学 目 标

题 型 新授课

心语星愿

授课时间 课时安排 一课时

知识与技能:
1、巩固影片剪辑元件的创建与应用,元件属性调整的方法、滤镜特效的应用。 2、学习为影片剪辑元件添加时间轴特效。 3、巩固遮罩层特效的制作方法。 4、学习按钮的制作方法,并为按钮添加简单的控制动作。

过程与方法: 情感态度与价值观:提高学生的动手能力

教学重点 教学难点

影片剪辑元件属性调整的综合应用、滤镜特效的设置、时间轴特效的添加以及按钮的制 作与使用,简单动作的设置等。 影片剪辑元件属性调整的综合应用、滤镜特效的设置、时间轴特效的添加以及按钮的制 作与使用,简单动作的设置等。

教具学具 学生电脑 准 备
演示与学生上机实习

教学方法

教 一、导入新课:





程 复 备

教师从网络上搜集一些Flash贺卡(简单)让学生欣赏,并引导他们分析:通过已经学习过 的知识是否也能够制作出精美的贺卡呢?从而激发学生创作的积极性。展示本课的范例,让 学生自己动手实践除按钮以外的动画制作。

二、教学新课
一、制作背景 ⑴、导入背景图片 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建动画文件,为了方便后期绘制白色图形,将文档背景颜色改为“浅蓝色” 。 2、将图层 1 重命名为“背景” ,执行“文件” →“导入”→“导入到舞台”命令,将
26

素材图 bk11.jpg 导入到舞台,在第 60 帧插入帧 学生上机导入背景图片 ⑵、制作闪烁的小星星 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、执行“文件” →“插入”→“新建元件”命令,创建影片剪辑类型的元件,名称为 “星星” ,使用工具面板中的“多角星形工具”绘制一颗五角星。其中,笔触颜色为“蓝色” , 填充颜色为“白色” ,工具选项设置如教材 P74 图 11.2 所示。 2、回到“场景 1”的编辑状态,新建图层(模糊 1) ,将影片剪辑元件“星星”拖放到 舞台合适位置。 3、执行“文件” →“时间轴特效”→“效果” →“模糊”命令,在弹出的的“模糊” 对话框中可以更改“移动方向”等选项,观看预览效果,确认后单击“确定”按钮,如教材 P74 图 11.3 所示。执行本操作之后,我们可以观察到系统在库中自动生成了名为“模糊 1” 的影片剪辑元件及“特效文件夹” ,设置为模糊特效的“星星”所在图层也自动重命名为“模 糊 1” 。 4、右击舞台上已经完成特效制作的小星星,在弹出的快捷菜单中选择“复制”命令, 然后在舞台的不同位置多次执行“粘贴”命令,完成群星闪烁的制作效果。 学生上机制作闪烁的小星星 二、制作在星形图案中上升的心形图形 师:绘制星形图案并作为遮罩层,制作各种影片剪辑元件,将多个元件组合为上升的心 形图形,设置动画渐变效果。 ⑴、制作移动的心形图形 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、分别新建“花” 、 “桃心”和“圆”3 个影片剪辑元件,使用“绘图工具”分别绘制图 形,如教材 P74 图 11.4 所示。 2、回到“场景 1”的编辑状态,新建图层,重命名为“形状 1” ,依次将影片元件“圆” 、 “花”和“挑心”拖放到舞台合适位置,调整各实例叠放顺序,如教材 P75 图 11.5 所示。 3、选中“圆”实例,在“属性”面板中,选择“滤镜”选项卡,为“圆”实例添加“外 发光”特效,选中“挖空及“内侧发光”选项,阴影颜色为“淡粉色” ,设置如教材 P75 图 11.6 所示。 4、选中“花”实例,在属性面板中设置颜色属性色调为“黄色” 。设置完成后的心形图 形如教材 P76 图 11.7 所示。Ctrl+G 组合键将其组合成组。 学生上机制作移动的心形图形。 ⑵、设置心形图形的上升动画 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、分别在第 20、43、60 帧插入关键帧,移动组合图形,改变其位置。 2、在第 1 至 20 帧、第 20 至 43 帧、第 43 至 60 帧之间创建动画补间动画,设置心形图 形上升运动的效果。 学生上机操作。 【DIY】教材 P76。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、依照图层“形状 1”的制作方法,新建图层“形状 2” ,将影片剪辑元件“花” 、 “挑 心” 、 “圆”依次拖放到舞台合适位置,通过改变实例的颜色属性及添加滤镜,制作与“图层
27

1”中不同颜色效果的心形图形并将其组合成组,如教材 P76 图 11.8 所示。然后创建动画补 间动画,完成心形图形上升效果的制作。可以适当改变关键帧的位置,使其上升的速率有所 不同。 2、 同样方法新建图层 “形状 3” , 完成另一颗上升的心形图形, 如教材 P77 图 11.9 所示。 学生上机制作。 ⑶、通过制作遮罩层使心形图形在背景图中大的星形图案内出现 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层“五角星遮罩” ,使用“多角星形工具”绘制星形图案,外观与背景图片上 的星形保持一致,如教材 P77 图 11.10 所示。 2、右击图层“五角星遮罩” ,在弹出的快捷菜单中选择“遮罩层”命令,设置遮罩效果。 此时图层“形状 3”被设为“被遮罩层” 。 3、分别右击图层“形状 1”和“形状 2” ,在弹出的快捷菜单中选择“属性”命令,设 置图层属性的类型为“被遮罩” , 如教材 P77 图 11.11 所示。设置完成后,3 个图层上的心 形图形都只在大的星形图案内出现,超出星形图案以外将被遮蔽。 学生上机制作。 三、按钮的制作与应用 师:制作按钮,控制心形图形上升运动的移动和停止。 【智多星】教材 P78。按钮 按钮是一种比较特殊的元件。当为元件选择按钮行为时,Flash 会创建一个包含 4 帧的 时间轴。 时间轴上的各帧实际上并不播放, 只是对指针运动和动作做出反应, 执行相应命令。 按钮元件的时间轴上的每一帧都具有一个特定的功能: 第 1 帧是“弹起”帧,代表指针没有经过按钮时该按钮的外观。 第 2 帧是“指针经过”帧,代表当指针滑过按钮时该按钮的外观。 第 3 帧是“按下”帧,代表单击按钮时,该按钮的外观。 第 4 帧是“点击”帧,定义响应鼠标单击的区域。注意:此区域在 swf 文件中是不可见 的。 ⑴、制作按钮 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建按钮元件,名称为“播放” 如教材 P78 图 11.12 所示。 2、在按钮元件时间轴的“弹起帧”上使用“绘图工具”绘制按钮的“弹起”状态,如 教材 P7 图 11.13 所示。 3、在“指针经过”帧插入关键帧,改变太阳图形的填充色为“黄色” ,笔触颜色为“白 色” 。 4、在“按下”帧插入关键帧,改变太阳图形的边线颜色为“红色” ,绘制按钮的“按下” 状态。 5、在“点击”帧插入关键帧,绘制按钮的“点击”区域。 按钮元件各帧的形态如教材 P79 图 11.14 所示。 学生上机制作按钮。 【智多星】教材 P79。按钮库 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 执行“窗口” →“公共库” →“按钮”命令,可以打开系统预设好的按钮库,其中在 大量已经设计好外观的按钮元件,我们只需要将其拖放到舞台上,添加动作就可以使用了, 如教材 P79 图 11.15 所示。
28

学生上机体会、观察。 ⑵、应用按钮控制动画 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、回到“场景 1”的编辑状态,新建图层,重命名为“按钮” 。 2、将按钮元件“播放”拖放到舞台上的合适位置。 3、选中按钮,在弹出的快捷菜单中选择“动作”命令,打开“动作—按钮”面板,打 开“脚本助手” ,选择左侧列表中“全局函数” →“时间轴控制” →“play”命令,如教 材 P79 图 11.16 所示。 学生上机操作。 【DIY】教材 P80。 师先做演示操作,然后学生上机操作。 依照“播放”按钮的制作方法,制作并使用“停止”按钮。 提示: “停止”按钮元件各帧的形态参见教材 P80 图 11.17 所示。 “停止”按钮的动作设 置教材 P80 图 11.18 所示。 学生上机制作设置“停止”按钮 4、回到“场景 1”的编辑状态,在“按钮”图层,拖放“播放” 、 “停止”按钮到舞台合 适位置。 学生上机操作。 四、保存文件 将动画源文件以“心语星愿”为文件名保存到自己文件夹中的“作业”文件夹中,并测 试生成 swf 格式的文件。

三、课堂练习:
完成心语星愿的动画制作

四、课堂小结:
1、在“属性”面板中更改影片剪辑元件的颜色等属性,并通过在“滤镜”选项卡中添加“阴 影” 、 “发光”等到特殊效果,可以使同一个影片剪辑元件在舞台上以不同的颜色效果出现, 为画面增加生动的色彩。 2、按钮元件通常包含 4 帧: “弹起”帧、 “指针经过”帧、 “按下”帧和“点击”帧。通 过给按钮添加 goto、stop 等时间轴控制命令,可以控制时间轴的播放与停止,增强动画的 交互性。

五、布置作业:
教材 P81。电子贺卡

六、板书设计:
第十一课:心语星愿 ----按钮元件的应用

七、教学后记

29



题:第十二课:小鸡旅行 ----多场景及声音的应用

课 课 教 学 目 标

题 型 新授课

小鸡旅行

授课时间 课时安排 一课时

知识与技能:
1、巩固按钮元件的制作方法。 2、掌握给帧添加动作的方法。 3、掌握场景的新建及编辑方法。

过程与方法: 情感态度与价值观:提高学生的动手能力和对电脑的操作能力 教学重点 教学难点
本课的重点在于将所学知识点综合应用、强化按钮对影片的控制作用、场景的创建 与编辑方法、声音文件的导入与编辑 给帧添加动作和场景的新建及编辑及为动画作品添加背景音乐的方法。

教具学具 学生电脑 准 备
演示与学生上机实习

教学方法

教 一、导入新课:





程 复 备

教师可以从网络上搜集大量的Flash贺卡(简单)让学生欣赏,并引导他们分析:通过 已经学习过的知识是否也能够制作出精美的贺卡呢?从而激发学生创作的积极性。展 示本课的范例,让学生自己动手实践除按钮以外的动画制作

二、教学新课
一、制作场景“封面” ⑴、设置文档属性 新建动画文件。修改文档“属性”的尺寸大小为“800*400 像素” 。 ⑵、制作文字标题 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建影片剪辑类型元件“小” 。
30

2、在影片剪辑元件“小”的编辑状态下,使用“文本工具”书写文字“小” 。 3、分别在第 5、10、15、20 帧插入关键帧,改变“小”字的形态。完成效果如教 材 P84 图 12.2 所示。 4、分别在第 1 至 5 帧、第 5 至 10 帧、第 10 至 15 帧、第 15 至 20 帧之间创建动 画补间动画,完成文字的旋转变化。 5、回到“场景 1”的编辑状态,将 “图层 1” 重命名为 “小” , 将影片剪辑元件“小” 拖放到舞台上方。在“属性面板”中将实例的颜色 Alpha 值设为 0%。 6、在第 20 帧插入关键帧,将“小”实例移动到舞台中心位置,改变其颜色 Alpha 值设为 100%,色调改为“绿色” ,在第 1 至 20 帧之间创建动画补间动画。完成文字从 上方渐渐出现的效果制作。 学生上机制作文字标题“小” 。 【DIY】教材 P84。学生上机制作文字标题“鸡” 、 “旅” 、 “行” 、 “记” 。 学生依据上面同样的方法新建影片剪辑类型的元件“鸡” 、 “旅” 、 “行” 、 “记” , 并在场景中新建图层,分别重命名为“鸡” 、 “旅” 、 “行” 、 “记” ,完成与“小”相同的 动画补间动画制作。第 20 帧的颜色色调值可以设为不同颜色,如教材 P84 图 12.3 所 示。 ⑶、制作背景图形 学生上机制作背景图形。 师提示:为了在中图形的绘制过程不相互干扰,分别新建图层“蓝天” 、 “花” 、 “太 阳/白云”和“土地” ,绘制封面的背景图形,并在第 20 帧插入帧,如教材 P85 图 12.4 所示。 ⑷、制作按钮 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图形类型元件“小鸡” ,绘制小鸡外观,将它作为按钮“弹起”状态时的 图形,如教材 P85 图 12.5 所示。 2、新建影片剪辑元件“会飞的小鸡” ,将图形元件“小鸡”拖放在其中,分别在 时间轴第 3、5、7、9、11 帧位置插入关键帧,改变翅膀和鸡腿的位置,制作小鸡跑动 的逐帧动画,将它作为按钮“指针经过”状态时的图形,如教材 P85 图 12.6 所示。 3、新建按钮类型元件“按钮” ,在“弹起”帧中,将图形元件“小鸡”拖放到舞 台上。在“指针经过”帧插入关键帧,将影片剪辑元件“会飞的小鸡”拖放到舞台上。 右击“弹起”关键帧,在弹出的快捷菜单中选择“复制帧”命令,然后分别在“按下” 帧和“点击”帧上右击,在弹出的快捷菜单中,选择“粘贴帧”命令。这样, “弹起” 帧、 “按下”帧和“点击”帧将保持相同的图形。 4、回到“场景 1”的编辑状态,新建图层“按钮” ,将按钮元件“按钮”拖放到舞 台合适位置。在第 20 帧插入关键帧后右击,经弹出的快捷菜单中选择“动作”命令, 打开“动作—帧”面板,选择左侧列表中“全局函数” →“时间轴控制”→“stop” 命令,为帧添加 stop 动作命令,如教材 P86 图 12.7 所示。 学生上机制作按钮。 ⑸、修改场景属性 师先做演示操作,然后学生上机操作。 执行“窗口”→“其他面板”→“场景”命令,打开“场景”面板,如教材 P86 图 12.8 所示。 学生上机修改场景属性。 【智多星】教材 P85。 师:在制作较复杂的 Flash 动画时,通常需要使用多场景,就像在话剧表演中要
31

使用多幕一样。我们可以根据需要,将动画中不同主题的内容设置为不同场景。每个 场景都有一个时间轴。当播放到一个场景的最后一帧时,如果没有动作设置,动画将 自动播放下一个场景。 可以在“场景”面板中添加、删除、复制、重命令场景以及更改场景的顺序。 二、制作场景“冬” ⑴、插入场景“冬” 师先做演示操作,然后学生上机操作。 执行“插入”→“场景”命令,插入新的场景,在“场景面板”中将其重命名为 “冬” 。 学生上机插入场景“冬” ⑵、制作背景 师先做演示操作,然后学生上机操作。 新建图层“白雪” 、 “雪人” 、 “房屋” 、 “雪花” 、 “蓝天” ,使用“绘图工具”绘制冬 的背景画面,并在第 120 帧插入帧,保持画面延续,如教材 P87 图 12.9 所示。 学生上机制作背景。 ⑶、制作小鸡运动的动画 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、在图层“房屋”上新建图层“小鸡” ,将影片剪辑元件“会飞的小鸡”拖放到 舞台右侧。 2、在图层“小鸡”的和第 120 帧插入关键帧,将“会飞的小鸡”实例移动到舞台 左侧。在第 1 至 120 帧之间创建动画补间动画。 3、在图层“小鸡”上新建运动引导层,使用“铅笔工具”绘制出小鸡移动的轨迹。 4、将第 1 帧及第 120 帧位置上的“小鸡”分别锁定在引导层路径的两端,完成引 导层动画的设置,如教材 P88 图 12.10 所示。 学生上机制作小鸡运动的动画。 ⑷、添加控制按钮 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层“按钮” ,在第 120 帧插入关键帧,将按钮元件“按钮”放置在舞台 右侧。 2、选中图层“按钮”第 120 帧,给“帧”添加 stop 动作命令,使画面能够在此 帧位置停留。 学生上机添加控制按钮。 ⑸、为场景添加背景音乐 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、新建图层,重命名为“音乐” 。 2、执行“文件” →“导入”→“导入到舞台”命令,导入声音文件 01.wav。 3、打开“库”面板,将声音 01.wav 拖放到舞台,此时在图层“音乐”的时间轴 上出现声音波形,如教材 P88 图 12.11 所示。 学生上机为场景添加背景音乐。 三、场景间的相互跳转 师:给按钮添加动作,使动画在不同场景中播放,实现场景的相互跳转。 师先做演示操作,然后学生上机操作。 具体演示操作步骤:
32

师先做演示操作,然后学生上机操作。 具体演示操作步骤: 1、单击“场景面板”中的“封面” ,切换到“封面”的编辑状态。 2、选中“按钮”图层第 20 帧的“按钮”实例右击,在弹出的快捷菜单中,选择 “动作”命令,打开“动作—按钮”面板,打开“脚本助手” ,选择左侧列表中“全部 函数” →“时间轴控制” →goto 命令,在右侧的“场景”下拉列表中选择“冬” 如 教材 P89 图 12.12 所示。 学生上机设置场景间的相互跳转。 【DIY】给场景“冬”中的按钮添加动作,单击按钮能够跳转到场景“封面”的第 1 帧 并播放。 3、选中场景“冬”中“按钮”图层上第 120 帧的“按钮”实例,打开“动作—按 钮”在“gotoAmdPlay(“封面”,1); ”命令前添加动作 stopAllSounds,使场景发生 跳转时能够停止本场景的音乐播放,如教材 P89 图 12.13 所示。 学生上机设置。 四、保存文件 将动画源文件以“小鸡旅行”为文件名保存到自己文件夹中的“作业”文件夹中, 并测试生成 swf 格式的文件。

三、课堂练习: 完成小鸡旅行动画 四、课堂小结:
1、在 Flash 中可以将动画内容按照不同主题划分,然后将每个主题作为一个场景 来制作。 2、可以为 Flash 动画加入音乐。通常导入的声音文件可以作为背景音乐、符合动 画情节的伴奏音或单击按钮的声音特效等。 3、在 Flash 中,按钮不仅能够控制时间轴和声音的播放与停止,而且还能控制场 景的跳转等。

五、布置作业:
继续完善本课的实例,制作春、夏、秋的不同场景,并添加背景音乐。

六、板书设计:
第十二课:小鸡旅行 ----多场景及声音的应用

七、教学后记

33


相关文章:
初二信息技术上册教案(清华黑白版)
初二信息技术上册教案(清华黑白版)_其它课程_初中教育_教育专区。八年级信息技术...3 姓名 周次 1 2 3 4 教学进度 所任年级课程 教学内容新学期第一课 熊猫...
八年级下册信息技术教案清华版
八年级下册信息技术教案清华版_其它课程_初中教育_教育专区 暂无评价|0人阅读|0次下载|举报文档 八年级下册信息技术教案清华版_其它课程_初中教育_教育专区。八年级...
八年级下册信息技术教案清华版
八年级下册信息技术教案清华版_其它课程_初中教育_教育专区 暂无评价|0人阅读|0次下载|举报文档 八年级下册信息技术教案清华版_其它课程_初中教育_教育专区。八年级...
八年级上册教案清华版
八年级上册教案清华版_语文_初中教育_教育专区 暂无评价|0人阅读|0次下载|举报文档 八年级上册教案清华版_语文_初中教育_教育专区。课 题:第一课熊猫的梦 课课...
八年级下册信息技术教案清华版
八年级下册信息技术教案清华版_科学_初中教育_教育专区 暂无评价|0人阅读|0次下载|举报文档 八年级下册信息技术教案清华版_科学_初中教育_教育专区。课 题 第一...
八年级下册信息技术教案清华版
八年级下册信息技术教案清华版 第一课 新手入门—网站欣赏与创建网页(导学案) 教学目标 1、 【知识与技能: 】(1)、通过操作练习,掌握互联网、网页与首页、网站...
八年级下册信息技术教案(清华版)
八年级下册信息技术教案(清华版)_其它课程_初中教育_教育专区。这篇文档是八年级下册信息技术教案清华版 八年级信息技术教学计划计划 2015---2016 学年第二学期 一...
八年级下册信息技术教案清华版2012
八年级下册信息技术教案清华版2012_其它课程_初中教育_教育专区。2012清华大学版本八年级年级信息技术工作计划 2013---2014 学年第二学期 一.本学期学生现状分析:本...
八年级计算机清华版教案20-35课
八年级计算机清华版教案20-35课_其它课程_初中教育_教育专区。北京师范大学出版社 八年级教案 第二十课 认识 PowerPoint 一、教学目标 知识方面: 1、使学生掌握 ...
初中8年级上册清华版
八年级信息技术上册教案 23页 7下载券 初二信息技术上册教案(清... 54页 免费...初中8 年级上册 《信息技术》教案 (清华大学出版社) 初中 8 年级上册 《信息...
更多相关标签:
八年级语文教案人教版 | 八年级物理教案人教版 | 人教版八年级英语教案 | 人教版八年级美术教案 | 人教版八年级政治教案 | 人教版八年级数学教案 | 沪科版八年级物理教案 | 八年级地理教案人教版 |