2024年2月18日发(作者：)

八年级信息技术教案

姓名 所任年级课程 初二年级信息技术 周课时 1

【教材分析】

初二年级《信息技术》上册，全书介绍了利用Flash8创建、制作、生成动画的方法，充分发挥学生的创新意识，实践制作由简单动画→特效动画→复杂动画→交互式动画的全过程，并利用知识的迁移，培养学生发现问题、分析问题、解决问题的实际能力。

本学期教学的主要内容和要达到的目的及重点要求：

第一单元教学目标

是学生初次接触Flash 8，因此主要让学生通过欣赏与制作简单动画来体会并理解逐帧动画的制作原理与制作方法。

通过本单元循序渐进的学习过程，学生将逐渐了解并掌握：舞台的设置、新建图层、使用绘图工具、导入位图、制作逐帧动画、测试影片并保存动画等技能与方法。

第一单元教学重点

1.熟悉Flash 8的工作环境，学会常用工具及属性的设置。

2.学会启动、退出Flash 8 程序。

3.学会使用绘图类工具绘制并修改图形。

4.学会插入帧、插入关键帧来制作逐帧动画的方法。

第二单元教学目标

帧、关键帧、图层，以及绘图类工具在Flash中可以说是最基础的，也是必不可少的操作，因此巩固前面所学的知识非常重要，同时还要加强学生在制作动画时的习惯养成（如：图层重命名、图层锁定等），为后面制作复杂动画打好基础。

第二单元教学重点

1. 巩固帧、关键帧以及绘图类工具的操作方法。

2.针对图层的操作加强练习，并养成图层重命名、图层锁定等制作动画的良好习惯。

3.学会设置形状补间动画的方法。

4.学会简单变形以及添加形状提示点变形的制作方法。

5.掌握使用“变形面板”旋转并复制图形的方法。

6.掌握使用“修改”→”分离”的方法制作文字的形状补间动画。

第二单元难点

1.形状补间动画的制作原理以及控制。

2.添加形状提示点的形状补间动画。

3.使用“变形面板”制作旋转并复制的角度与位置。

4.对分离文字的理解与应用。

第三单元教学目标

学生通过上一单元的学习了解了帧的概念，并对形状补间动画有了一定的认识，通过教师的引导也能够使用绘图工具绘制出各种图形。通过大量的作品欣赏与创作实践学生对动画作品也有了一定的审美能力。本单元在提高学生的知识认知与实际操作技能上有了进一步要求。学生要重点掌握Flash中最常使用的元件概念，并将其灵活运用到作品创作中。在熟悉元件的制作与使用后要逐步实践动画补间动画的创作。

第三单元教学重点

1. 掌握图形元件的制作方法。

2. 学会创建动画补间动画。

3. 掌握动画补间动画相关属性的设置方法。

4. 学会制作影片剪辑元件并调整元件属性、添加滤镜特效。

5. 了解文字对象的编辑与动画设置方法。

第三单元教学难点

1. 图形元件与影片剪辑元件的区别。

2. 形状补间动画与动画补间动画的设置方法以及两种动画之间的区别。

3. 影片剪辑元件特殊效果的设置。

第四单元教学目标

动画补间动画是Flash动画创作中经常使用的。在其应用的基础上，本单元重点介绍了引导层动画、遮罩动画等Flash中常用的动画技巧，并力求通过创作带有各种特殊效果的作品，拓宽学生的视野、激发学生的兴趣。学生在学习的同时要注意本学科知识的迁移，要能够将第3单元所学的元件等知识灵活运用到本单元的活动中。

第四单元教学重点

1. 掌握影片剪辑元件的属性设置及滤镜效果设置、时间轴特效设置。

2. 掌握遮罩层的设置方法及其含义。

3. 掌握引导层动画的设置方法。

4. 学会制作按钮元件，了解其四个状态的含义。

5. 能够给按钮添加动作。

6. 了解play、stop等命令的基本含义。

7. 掌握场景的基本操作 ，如插入场景、删除场景、修改名称等。

8. 能够熟练地导入声音文件，灵活地在动画中添加背景音乐。

第四单元教学难点

1. 综合应用影片剪辑元件的各种效果设置制作出精美的动画画面。

2. 引导层动画、遮罩层动画等动画补间动画的综合应用。

3. 理解按钮各状态的含义并能够熟练设置。

【学情分析】

教材与初一教材、小学教材上下衔接密切，学生应在小学已经比较扎实掌握了教材中一些基础知识，但对我们的学生来说Flash根本就没有学过，另外学生的计算机绘画能力也达不教学所需要的要求，所以在教学中存在着很大的问题。

【教学方法及实施】

根据本学科和本校教学机房特点。在日常教学的方法上着重采用边讲边让学生上机操作体验，也就是在老师的讲授、引导、启发下，学生理解后再去上机亲身体验。把内初班各班对信息技术课学的比较好的学生组织起来，成为班级学生骨干，协助教师分片进行同学间的辅导，不能让一个同学掉队，这样大面积促进提高差下生的学习，使全班同学都能同步学习。老师巡回检查学生上机情况，重点监督不自觉的学生，整个过程可以说老师指导，学生亲身体验的过程，以达到加深学生对所知识的理解、巩固，创新，增强记忆，提高学生的学习成绩，提高学生学习本学科的兴趣的积极性

【教学计划进度】

本学科在本学期的教学计划课时约需要18个课时，由于停电设备等耽误，学生基础差，教学时间偏紧。具体实施见教学进度计划表。

姓名

周次

所任年级课程 初二年级信息技术 周课时 1

教学内容

新学期第一课

熊猫的梦

熊猫的梦

重点、难点

学习《学生上机守则》、本学期所学内容，编排学号、按排机位。认识Flash的工作界面。

设置文档属性、制作第一帧画面、制作第二帧画面、调整动画时间、保存文件。

1

2

教

学

进

度

3

4

5

6

7

8

9

10

11

12

13

14

熊猫的梦

蜜蜂采蜜

蜜蜂采蜜

熊熊之家

变相怪杰

变相怪杰

文字演变

创作天地：制作逐渐被吃掉的苹果。

新建文件并修改文档属性、分图层绘制蜜蜂、花朵、天空、土地等图形、分图层制作动画效果。

完善“蜜蜂采蜜”动画。

创作天地：制作“小飞侠”。

学习导入图像，并配合文字的编辑制作多层逐帧动画。

创作天地：自己设计和制作一个富有个性的横幅广告。

形状补间动画

利用补间动画制作燃放的“礼花”形状补间动画。

添加形状提示点的演变的形状补间动画。

制作温室中美丽绽放的花朵。

在库面板中新建图形元件、并将图形元件制作成动画补间动画的效果。 快乐猫咪

穿越森林

荷兰风车

蝴蝶飞舞

水波荡漾

心语星愿

制作节约用水的动画效果。

巩固补间动画的制作方法。

制作天空中滑落的星星。

影片剪辑元件的制作方法。

制作左右摇曳的影片剪辑元件“小花”。

学习引导层动画。

制作由远及近的运动小汽车。

学习“遮罩”的应用。

使用遮罩效果制作绽放的礼花。

学习按钮的制作方法、给按钮元件添加动作实现简单的动画交互。使用文字作为按钮，控制影片的播放“小兔子从蛋中破壳而出”

学习用按钮控制场景的转换，并在场景中添加背景音乐。完善本课实例，制作春、夏、秋的不同场景，添加背景音乐。

重点、难点

学习交互式动画。

制作一个多场景动画。

知识综合应用。

制作完成“新年贺卡”

完善“新年贺卡”、评分。

实施措施

15

周次

教

学

进

度

小鸡旅行

教学内容

猜拳游戏

新年贺卡

期末考试

课 题

16

17

18

19

20

教

研计划

在信息技术课上提高学生的创新能力的培养

培养学生提出问题、分析问题、解决问题的综合能力，在学生动手实践操作中培养学生的操作能力和创新能力，提倡有不同的模式、方法、步骤，大胆去探索，放开教材的束缚去完成规定的任务。

这套教材适合初中“非零点”学生使用的信息技术教材，也就是说，与小学教材上下衔接密切，学生应在小学已经比较扎实掌握了教材中一些基础知识，但对我们的学生来说绝大部分知识根本就没有学生，或者学生了而没有掌握，所以在教学中存在着很大的问题。

备

注

【课题】新学期第一课

【教学目的】

1、学习贯彻执行《学生上机守则》，培养学生良好的上机习惯和使用计算机的良好道德；

2、了解本学期学习的主要内容；

3、知道本学期本学科考核细则。

【教学重点】学习《学生上机守则》

【课件】《学生上机守则》演示文稿

【教法】讲授

【教学过程】

一、学习《学生上机守则》

师向全场播放《学生上机守则》课件，对于日常学生容易出现问题的条款提醒、重点强调解释，以加深记忆，从严要求，认真贯彻执行《学生上机守则》，使学期有一个良好的开端，加强课堂组织纪律，确保信息技术课顺利完成。（下附《学生上机守则》）

一、学生应该主动做好预习，了解学习内容、操作步骤和方法。

二、进入机房不得高声喧哗，必须穿戴鞋套并保证鞋套干净方可入内。到位后，应首先检查自己使用的设备有无异常，发现问题，立即报告值班老师，否则责任自负。

三、机房内严禁携入易燃、易爆、易碎、易污染和强磁物品。严禁在机房内吃零食。

四、学生座位应按自己的学号与机号对号入座，原则上不能调换。除所使用的计算机不能正常工作外，方可由老师另行安排。

五、学生要严格按计算机操作规程进行操作，如出现人为损坏，则加倍赔偿。

六、上课时若有疑难问题，应立即报告老师及时解决。不准进行与本节课无关的操作。

七、在上课过程中，要始终保持桌面、地面和设备整洁，不得在桌面、设备上乱画。

八、学生要自觉服从老师的管理，若有不服者，老师可根据情况取消其上机资格。

九、爱护设备，责任到人，若有损坏，应主动报告上课老师，并登记赔偿。

十、上课结束后，主动将凳子放到桌子下面，键盘、鼠标归位，值日生务必做好室内卫生的整理工作，经验收合格后方能离开。

二、本学期学习的主要内容

本册教材分为5个单元

第一单元：闪客之门。主要内容有绘制图像与逐帧动画、多层逐帧动画、导入图像并修改。

第二单元：变幻莫测。主要内容有形状补间动画、添加形状提示。

第三单元：动感十足。主要内容有简单的动画补间动画、多变的动画补间动画、影片剪辑元件的应用。

第四单元：奇思妙想。主要内容有“引导层”动画、“遮罩层”动画、按钮元件的应用。

第五单元：美丽画卷。主要内容有多场景及声音的应用、交互式动画、综合制作。

期末总评成绩评分计算公式：

总评成绩＝期末考试成绩*60%+课堂表现10%+合作交流与深究10%+动手操作能力10%+课堂作业10%。

【小结】

师根据板书内容串讲总结

1、学习《学生上机守则》

2、本学期学习的内容。

3、作业及考核

第1单元 闪客之门

【课题】熊猫的梦----绘制图像与逐帧动画

教材P2

【教学目标】

1．掌握Flash的启动与退出，了解Flash窗口的组成。

2．掌握在Flash中绘制图像的方法，学会保存动画文件。

3．初步学习制作逐帧动画、预览动画并生成swf格式的文件。

【教学重点难点】

认识Flash 8的工作界面，学习使用绘图工具绘制图形并制作成逐帧动画是本课的重点

帧的理解与操作、保存文件是本课的难点

【教法】演示与学生上机

【教学过程】

引言：网络信息时代带给人们新的视觉冲击，让人们的生活更加丰富多彩。动态网页与广告、电子贺卡、交互式游戏……，这些作品几乎都可以使用Flash动画软件制作。Flash动画以其娱乐性、通俗化的特点，吸引越来越多的人们进入闪客世界。

我们从本学期开始将通过学习Flash动画制作，踏入闪客之门。

引入课题：今天我们学习第一课《熊猫的梦----绘制图像与逐帧动画》

新课教学法

一、启动并认识Flash的工作界面

1、启动

师提出：Flash的启动它跟我们上学期学过的Word的启动方法一样，可以在Windows桌面单击“开始”→“程序” →“Macromedia” →“Macromedia Flash 8”即可。（师演示操作，然后学生上机操作）

标题栏

Flash窗口界面

菜单栏

2、认识浮动面板

时间轴

工具

面板

属性

面板

舞台

师引导学生分别介绍：

1、 标题栏：

2、 菜单栏：

3、 工具面板：可以进行对象选择、图形绘制、文本录入与编辑、对象控制等操作。

4、 属性面板：反映正在使用的工具和资源情况，可进行详细设置。

5、时间轴：主要由图层和帧组成。用于组织和控制影片内容在一定时间内播放。

6、舞台：创作影片各帧内容的区域。

7、浮动面板：包含各种不同的特定功能，如：颜色、变形、对齐等。

二、设置文档属性

师提出：舞台的尺寸大小、背景颜色等是通过文档属性来设置的。

具体设置：

方法一：“修改”→“文档”命令，在弹出的“文档属性”对话框中，通过调整各项参数来设置文档属性

方法二：在窗口界面的下方的“属性”面板中设置。

修改文档属性的背景颜色为“黄色”。其它参数参照教材P4图1.3所示的文档属性面板。

三、制作第1帧画面

师：使用各种绘图工具，绘制熊猫和小竹苗。

⑴、利用椭圆工具绘制熊猫的外形

1、单击工具面板中的“椭圆工具”，设置笔触颜色为“黑色”，填充颜色为“没有颜色”。

【智多星】教材P4。

当当选中“椭圆工具”后可以在“属性”面板中进行更全面地设置，如教材P4图1.4所示。其他绘图类工具如“线条工具”、“铅笔工具”、“刷子工具”、“矩形工具”、“颜料桶工具”

等，在相应的“属性”面板中也都包含详细的设置。

2、在舞台中拖动鼠标，绘制熊猫的脸部。使用工具面板中的“选择工具”↖单击绘制完成的圆形并将其拖动至合适位置。

【DIY】教材P4

使用与绘制熊猫脸部相同的方法，分别绘制熊猫的“耳朵”、“眼睛”、“鼻子”，并调整至合适位置，如教材P5图1.5所示绘制熊猫的五官并调整位置。

3、绘制熊猫的嘴部轮廓可以行绘制一个椭圆形，然后利用工具面板中的“线条工具”在圆形中间绘制一条直线。使用“选择工具”单击上面半圆，按Delete键将其删除后，将剩余的半圆形放在合适位置即可，如教材P5图1.6所示。

4、利用“线条工具”绘制竖线，连接鼻子和嘴。

5、单击工具面板中的“铅笔工具”在“属性”面板中进行相应设置，如教材P5图1.7所示。

6、使用“铅笔工具”绘制熊猫的毛发，然后将多余的线条删除，如教材P5图1.8所示。

⑵、利用颜料桶工具填充颜色

1、单击工具面板中的“颜料桶工具”，设置填充充为“黑色”。

2、在需要填充黑色的区域单击。

选择工具教材P5

使用填充黑色的方法，分别将熊猫的脸、眼球和嘴填充为白色。如教材P5图1.9所示。

⑶、利用刷子工具绘制小苗

1、选择工具面板中的“刷子工具”，设置填充色为“棕色”，绘制出土地的效果。

2、使用“刷子工具”分别绘制深色的土块和绿色的小竹苗，如教材P6图1.10所示。

【智多星】教材P6

利用“铅笔工具”绘制的是线条。铅笔工具的颜色由笔触颜色控制。

利用“刷子工具”绘制的是大面积的色彩。刷子工具的颜色由填充色控制。

四、制作第2帧画面

师提出：完全相同的两个画面是不可能出现动画效果的。因此第2帧画面要在第1帧画面的基础上绘制竹子，使两帧画面不同，为制作动画做好准备。

【智多星】教材P6

关键帧F6

帧F5

空白关键帧F7

空白区域

时间轴：主要由图层和帧组成，动画效果主要是通过交替播放时间轴上不同帧中的相应画面而实现的。

帧：可分为普通帧、关键帧和空白帧几种

普通帧：两个关键帧之间的过渡部分，使画面处于保持不变的状态。以“灰色”显示，快捷键为F5。

关键帧：一个动作的开始或结束，决定动画效果的关键部分。以“黑色实心圆点·”显示，快捷键为F6。

空白帧：没有放置任何动画对象的关键帧，起到将当前帧的内容清除的作用。以“黑色空心圆点”显示，快捷键为F7。

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

1、在图层1第2帧的位置右击，在弹出的快捷菜单中选择“插入关键帧”命令。

2、使用“椭圆工具”、“铅笔工具”绘制带提示角的图形。

3、选择“矩形工具”设置笔触颜色为“黑色”，填充色为“绿色”，绘制的矩形。

4、单击“选择工具”，将鼠标指向矩形边线，待鼠标变为如教材P6图1.11所示状态时，向里拖动矩形边线。完成后用“选择工具”框选，再复制两个，将其在纵向方向为一直线，然后使用“刷子工具”绘制竹叶，完成竹子的绘制。

【DIY】教材P7。试着改变绘制图形的颜色。

提示：

1、使用工具面板中的“选择工具”选中需要改变颜色的部分。

2、更改工具面板选项中的笔触颜色和填充色即可。

【智多星】教材P7

师提出：在计算机中显示的图形一般可以分为两大类----矢量图和位图。

矢量图：使用线段和曲线描述图形，文件体积一般较小。

矢量图形最大的优点是进行放大、缩小或旋转等操作都不会产生失真。

矢量图形最大的缺点是难以表现出色彩层次丰富的逼真图像效果。

位图：由一个个小色块组成的图像，这些色块称为“像素点”。计算机屏幕其实就是一张包含大量像素的风格。

位图图形最大的优点是能表现出色彩层次丰富的逼真图像效果。

位图图形最大的缺点是进行放大、缩小或旋转等操作就会看到马赛克一样的像素点。

由于Flash动画是由一张张矢量图构成的，因此生成的动画文件存储空间很小，在网络中传输速度很快，可以很方便地下载观看。一个几分钟长度的Flash动画片，常常只有1—2M。

五、调整动画时间

师提出：通过添加普通帧的方法可以让关键帧之间的动画过渡时间延长。

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

1、执行“控制” →“测试影片”命令，此时弹出测试影片的窗口，观察动画效果，可以看到动画播放频率过快，动画内容看不清楚。

2、关闭测试影片窗口，在第1帧上右击，在弹出的快捷菜单中选择“插入帧”命令，同样在第2帧上也插入帧，使动画时间延长。

3、测试影片效果，如不满意可继续插入帧延长时间。

【智多星】教材P8

快捷键：

测试影片：Ctrl+Enter

撤销上一步操作：Ctrl+Z

六、保存文件

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

1、执行“文件”→“保存”“ 在弹出的对话框中选择保存位置”→“我的电脑”→“E”→“个人文件（1100李忠贵）”→“作业”，将文件命名为“熊猫的梦”，单击“保存”按钮，此时动画源文件就以Flash格式保存起来。

2、执行测试影片命令，生成swf格式的动画播放文件。

【知识着陆】

1、利用绘图工具配合对应的属性面板可以完成图像的绘制。

2、利用Flash制作简单动画时，只要几个关键帧画面不同，最终都能实现单一图层的逐帧动画效果，如眨眼睛的小动物、闪烁的星星等。

3、fla格式的文件是Flash动画源文件，可以随时进行编辑修改。Swf格式的文件是动

画播放文件，文件占用的存储空间较小，便于随时观看动画效果。

【视野拓展】教材P8。学生阅读《中国动画片的发展史》

【创作天地】教材P8

学生上机制作

【后记】

课后的“视野拓展”栏目提供了和课堂教学相关的知识信息。可以更好地配合学生的学习，也可以用于分层教学的参考。

“创作天地”栏目中包含很多有趣的练习，主要以巩固本课的知识技能为主，属于提高部分。教师应鼓励学生动手实践，积极完成课后的练习。可以通过设立“加分制”或“学分制”，制定基础分（也就是及格分）、良好分等，优秀分值不封顶，让学生知道“好”没有上限，可以做的更好！并在此基础之上鼓励学生多做练习。

【课题】蜜蜂采蜜----多层逐帧动画

【教材】P9

【教学目标】

1．巩固绘图类工具的使用方法。

2．初步学习使用图层来规划整个作品。

3．认识图层，理解图层的概念，并学会新建图层，图层重命名、锁定、删除等常用方法。

4．初步学习多层逐帧动画的制作。

【教学重点】

多层逐帧动画中使用到了帧和图层的概念

【教学难点】

多图层操作由于图层数量过多，因此容易混淆图层与帧的所在位置，

【教法】演示与学生上机

【教学过程】

师播放教材P9蜜蜂采蜜的制作完成的动画，请同学们欣赏，引入课题（蜜蜂采蜜----多层逐帧动画）

一、新建文件并修改文档属性

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

执行“文件” →“新建”命令，将文档“属性”的大小设置为“300*300像素”，背景颜色为“浅蓝色”，如教材P10图2.2所示。

二、分图层绘制蜜蜂、花朵、天空、土地等图形

师提出：将一幅画面的各部分内容在不同图层中绘制，既便于修改画面，又便于处理不同图层的动画效果。

【智多星】教材P10。图层

图层借鉴了幻灯片的制作原理，每一个图层就像一张透明的幻灯片，可以在不同的幻灯片上绘制图像，最终罗列在一起，有图像的部分相互遮挡，没有图像的部分透出其他幻灯片上的图像。最重要的是，修改、删除、移动任何一个图层都不会影响其他图层的图像。

㈠绘制蜜蜂和花篮

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

1、双击时间轴中的“图层1”，将其重命名为“蜜蜂”。

2、分别使用“椭圆工具”、“直线工具”、“铅笔工具”、绘制蜜蜂和花篮的外轮廓，其中笔触颜色设置为“黑色”，填充色为“没有颜色”。（注意：为了便于填充，绘制的区域应是一个完全封闭的区域。）

3、使用“选择工具”将蜜蜂和花篮移动至合适位置。

【智多星】教材P10。

可以用简洁的方法绘制复杂的图像。如先使用“直线工具”绘制形状的轮廓，然后再利用“选择工具”调整直线为弧线，（师引导学生查看教材P10图2.3所示，并且师进行演示操作。）

4、使用“选择工具”单击多余线条，按Delete键将其删除，再使用“颜料桶工具”填充蜜蜂的颜色。

5、单击“颜料桶工具”，设置“混色器”面板中的“类型”为“放射状”，双击“色标”选择颜色，如教材P11图2.4所示。设置完成后在花篮内部单击，此时花篮内部将填充上渐变的颜色。

注意：单击的位置不同，画面效果也不同。为了防止由于图层增多而导致图层的错误操作，可以在制作完成后单击图层“锁定”按钮下“蜜蜂”图层的未锁定标志，将“蜜蜂”图层锁定，锁定后的图层是不以进行修改的。

【智多星】教材P11。

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

1、执行“窗口” →“工作区布局” →“默认”命令可以将常用的浮动面板调出，其余面板也可以根据需要在“窗口”菜单中调出。

2、“混色器”面板中的“色标”可以根据画面需要随时添加或删除。添加色标只需在色标间空白区域单击。删除色标只需选择该色标向下拖动即可。色标表示不同颜色，可以调整色标的Alpha数值控制色彩的透明度，0%为完全透明，100%为完全不透明。

学生上机实习操作。

㈡绘制蜜蜂的红脸蛋

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

1、单击时间轴下方的“插入图层”按钮，插入一个新图层并将其重命名为“红脸蛋”。

2、单击“椭圆工具”，设置“混色器”面板中的“类型”为“放射状”，色标的颜色分别为红色、魄，并更改白色色标的Alpha数值为0%，合白色完全透明。

3、使用“椭圆工具”绘制圆形，并将其放置在合适位置。制作完成后“锁定”该图层，如教材P12图2.5所示。

㈢绘制蜜蜂的翅膀

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

1、插入两个图层，分别重命名为“翅膀—内侧”和“翅膀---外侧”。

2、在“翅膀—内侧”图层上，使用“椭圆工具”绘制无边线的深蓝色圆形。在“翅膀—外侧”图层上，绘制无边线的浅蓝色的圆形。

3、使用工具面板中的“任意变形工具”，单击深蓝圆形，此时图像外围出现“调节点”和“中心点”。

4、按住鼠标左键拖动“中心点”至椭圆形下方。拖动边角的“调节点”调整蜜蜂翅膀的大小。将鼠标指针稍远离边角的“调节点”，待鼠标指针变为如教材P12中“逆时针旋转方向的箭头”形状时，拖动鼠标，使蜜蜂的翅膀围绕“中心点”旋转角度。制作完成后“锁定”该图层，如教材P12图2.6所示。

5、使用“任意变形工具”调整浅蓝色圆形，制作蜜蜂翅膀的张开效果。

【智多星】教材P12。

“任意变形工具”不但可以调整图像的大小、角度以及中心点的位置，而且在工具面板的“选项”中还有更多变形方式，如教材P12图2.7“任意变形工具”选项。

㈣ 美化画面效果

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

1、插入图层，重命名为“土地”，使用“矩形工具”绘制浅绿色土地。

2、插入图层，重命名为“云彩”，使用“铅笔工具”绘制白云。

注意：为了使云彩有远近的感觉，在填充颜色时，可以将“混色器”中的Alpha数值降低。

制作完成后“锁定”该图层。

3、插入图层，重命名为“花朵”，使用“直线工具”绘制一枝花并填充渐变色。

4、复制花朵。使用“选择工具”单击“花朵”图层，此时花朵被全部选中。右击选中的花朵，在弹出的快捷菜单中选择“复制”命令后，在舞台上右击，在弹出的快捷菜单中选择“粘贴”命令，此时花朵被复制。最后利用“选择工具”将复制的花朵放置在合适位置。

学生上机操作实习。

【DIY】教材P13。

师先做演示操作，然后学生上机操作实习。

具体演示操作：

使用复制、粘贴的方法将一枝花复制成最终的花园效果，并更改不同花朵的颜色，如教材P13图2.8所示。

注意：近处的花较大，色彩较鲜艳，远处的花较小，颜色较暗。这就是“近大远小”的空间感。

提示：可以采用复制、粘贴的快捷操作。使用“选择工具”拖动被选择的一枝花的同时，按住Ctrl键，待鼠标右下角出现空心的+号后，在舞台的合适位置释放鼠标即可，如教材P13图2.9所示。

学生上机操作实习。

【智多星】教材P14。图层顺序的调整

师先做演示操作，然后学生上机操作实习。

具体演示操作：

不同图层中绘制的图像较多，因此经常出现图层顺序紊乱的状况。这是只需要在时间轴上调整图层前后的顺序，需要显示的部分就出现了。具体的操作方法需要调整的图层，用鼠标将其拖动至其他图层的下方或上方，然后释放鼠标即可，如教材P14图2.10所示。

三、分图层制作动画效果

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

1、制作静态效果

分别在土地、花朵、云彩、蜜蜂图层的第2帧上右击，在弹出的快捷菜单中选择“插入帧”命令，使图像显示到第2帧，此时这此图层各自包含两帧。

2、制作蜜蜂翅膀飞舞的动态效果

⑴、在“翅膀—内侧”图层的第2帧上右击，在弹出的快捷菜单中选择“插入关键帧”命令。

⑵、使用“任意变形工具”旋转角度，模拟蜜蜂翅膀张开的效果。制作完成后“锁定”该图层。

学生上机操作实习。

【DIY】教材P14。

使用“任意变形工具”调整“翅膀—外侧”图层第2帧的效果如教材P14图2.11所示。

四、保存文件

将动画源文件以“蜜蜂采蜜”为文件名保存，并测试生成swf格式的文件。

【知识着陆】教材P15

1、使用“混色器”面板可以调整单色、渐变色的色彩，同时还可以调整色彩的Alpha的透明度，使画面由于透明度的不同而更加逼真。

2、“任意变形工具”可以调整图像的大小、角度以及中心点的位置。

3、将不同内容分成多个图层制作，则在修改某一图层时不会影响其他图层。把动态和静态图像分别在不同的图层中制作，可以让动画变得更有个性。如飞舞的蝴蝶、小鸟、燃烧的火球、太阳……。

【视野拓展】教材P15。制作动画的注意事项

在制作Flash动画的过程中，要注意以下几点：

1、分图层制作：静态和动态图像分图层制作，为制作复杂动画做好铺垫。

2、图层重命名：为不同图层赋予一个恰当的名字，这样当图层数量增多时可以更快地找到需要修改的内容。

3、锁定图层：图层制作完成后要锁定该图层，这样可以避免图层间的错误操作。

4、随时保存文件：通常采用两种格式保存。Fla格式为Flash动画源文件格式，包含图层、库等信息，便于随时修改。Swf格式为动画播放格式，便于随时欣赏。

【创作天地】教材P15。学生上机制作动画“小飞侠”

制作动画“小飞侠”，随风飘动的衣服感觉像在飞，如教材P15图2.12所示。

【后记】

图层名称位置呈深灰色，处于选中状态，

被选中的关键帧呈黑色选中状态。

第一叠幻灯片 第二叠幻灯片

多层

逐帧

动画

图层

帧

【课题】熊熊之家----导入图像并修改

【教材】教材P16

【教学目标】

1．巩固多图层逐帧动画的制作，加强绘图工具、任意变形工具的使用练习。

2．学习导入图片并修改的操作方法。

3. 通过对图像进行编辑处理的操作，培养学生的创新意识与审美能力。

4．初步学习文本工具的使用。

【教学重点】

位图的导入与修改是本课的重点，导入位图的方法很简单，只需执行“文件”→“导入”→“导入到舞台”命令，也可以根据学生的实际情况让学生了解“文件”→“导入”→“导入到库”命令，使学生对库的概念形成初步认识。

【教学难点】

修改图像的操作。

【教法】演示与学生上机

【教学过程】

课题导入：通过前面对逐帧动画、绘图类工具的学习，可以发现绘制图形对Flash动画效果起着非常重要的作用，本课使用手绘矢量图与导入位图相结合的动画作品，绘画好的人在一个班级中并不多，而绘画功底弱的人群却是大多数，而吸引大多数学生继续学习下去的动力单独依靠有趣的动画技术是行不通的，需要让不同的学生同样制作出生动有趣的作品，使用手绘矢量图与导入位图相结合的动画作品，绘画功底弱不会影响制作动画的最终效果。

本节课我们将在Flash动画中导入图像，并配合文字的编辑制作多层逐帧动画。

师演示制作完成的动画“熊熊之家”

一、设置文档属性

新建动画文件。（师提示，学生具体操作修改文档）修改文档“属性”的大小为“600*180”像素，如教材P16图3.2所示。

二、第1帧动画的制作

㈠、导入导入背景图像

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

1、将“图层1”重命名为“背景”。

2、执行“文件” →“导入” →“导入到舞台”命令，在弹出的“导入”对话框中选择要导入的“背景.jpg”文件，单击“打开”按钮，图片被导入到舞台的“背景”图层上。

3、使用“选择工具”选中舞台睥背景图像，单击“变形工具”待图像出现“调节点”后，调整背景图像与舞台大小一致。然后将该图层锁定。

学生上机操作。

㈡、边框制作

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

1、新建图层，重命名为“边框—深色”。

2、单击工具面板中的“矩形工具”，将笔触颜色设置为“没有颜色”，填充色设置为“橘红色”，绘制一个长方形。

【DIY】教材P17。

新建图层，重命名为“边框—浅色”，制作步骤与“边框—深色”图层相同，填充色为“橘黄色”，形状略小于“边框—深色”图层，制作完成后“锁定”该图层。

学生上机操作

㈢、导入“小熊”图像并去除较低背景

师提出：漂亮的图像可以通过导入的方法直接应用到动画中，图像导入后还可以根据需

要进行编辑修改，如截取图像的局部等。

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

1、新建图层，重命名为“小熊”。

2、执行“文件” →“导入” →“导入到舞台”命令，将“小熊.jpg”图片导入到舞台的小熊图层上。

3、使用工具面板中“选择工具”单击小熊图像，“执行”→“分离”命令，此时图像显示为沙粒状，如教材P18图3.4所示。

【智多星】教材P18。

图像分离前被选中时，以组合的整体效果呈现，图像的外围有边框显示。此时可以使用“变形工具”调整其大小、角度、位置等。

图像分离后被选中时，图像被分离沙粒状，此时不但可以使用“变形工具”，还可以使用“橡皮工具”、“套锁工具”等处理图像。

4、选择工具面板中的“套锁工具”选中选项中的“魔术棒”，单击小熊图像的蓝色背景，按下Delete键将其删除。

5、使用“套锁工具”圈选画面中的白云，然后按下Delete键将其删除。如果图像中还有“小熊”以外的多余内容，也可使用“橡皮擦工具”擦除，制作完成后“锁定”该图层，如教材P18图3.5所示。

【智多星】教材P18。

师先做演示操作，然后学生上机操作实习。

具体演示操作：

“套锁工具”选项中的“魔术棒”是根据色彩的相似度来选择图像的，控制相似度的方法只需要单击“魔术棒设置”按钮，在弹出的“魔术棒设置”对话框中更改“阈值”等设置即可，阈值越大选择的范围越大，反之则越小，对阈值进行设置可以控制选择图像范围的大小，如教材P18图3.6所示。

㈣、文字录入—文字图层

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

1、新建图层，重命名为“文字”。

2、在第2帧中插入关键帧，选择工具面板中的“文本工具”，在舞台的适当位置单击，输入文字“熊”。

3、选中该文字，在“属性”面板中更改“字体”、“文字大小”、“文本颜色”等设置，制作完成后“锁定”该图层，如教材P19图3.7所示。

学生上机操作。

三、制作动画效果

师提出：现在我们把所有动画效果的第1帧都准备完毕。只需要插入帧与插入关键帧来调整动画所需的长度，再使用变形工具适当调整关键帧中图像的角度，就可以形成动画了。

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

⑴、静态效果制作

分别在“背景”、“边框—浅色”图层的第15帧插入帧，使这些图层内容一直显示到第15帧，然后锁定这些图层。

⑵、小熊的动态制作

1、取消“小熊”图层的锁定，分别在第4、8、12帧插入关键帧为调整图像做好准备。在第15帧插入帧，使画面显示到第15帧。

2、单击工具面板中的“变形工具”，分别调整第1、4、8、12帧中小熊的角度，注意调整角度时将旋转中心移动至小熊身体的下方，制作完成后“锁定”该图层，如教材P3.8所示。

⑶、文字的动态制作

1、取消“文字”图层的锁定，分别在第4、6、9帧插入关键并在各帧中分别输入文字“熊”、“之”、“家”，调整“家”字的大小、颜色，使其醒目突出（字体和颜色各班不同）。

2、在第2、10、11、12帧中插入关键帧，使用工具面板中的“变形工具”，分别调整第9、10、11帧中的“家”字的角度，并将第1帧的“熊”字删除，制作完成后“锁定”该图层，如教材P203.9所示。

四、保存文件

将动画源文件以“熊熊之家”为文件名保存在自己的文件夹的作业文件夹中，并测试生成swf格式的文件。

【知识着陆】教材P20。

1、执行“文件” →“导入”→“导入到舞台”命令，可以导入位图文件，使动画画面更精彩。

2、需要删除背景或局部画面的图像，可以执行“修改” →“分离”命令，使画面成为沙粒状，再配合“套锁工具”、“魔术棒”或“橡皮擦工具”来修整，保留画面中的有用部分，删除多余部分。

3、使用工具面板中的“变形工具”，并通过移动中心点来调整图像、文字的角度，可以营造图像或文字围绕中心摇摆的效果，摇椅的动画效果就可以运用此方法实现。

【视野拓展】教材P21。Flash文件的导出与发布

学生阅读此内容

【创作天地】教材P21。

欣赏网站中各式各样的横幅广告，在制作中注意动画效果、色彩搭配等，然后自己设计和制作一个富有个性的横幅广告如教材P22图3.11

课后小结

【单元小结】

本单元，我们学习了运用绘图工具配合属性面板绘制图形的方法并制作了逐帧动画，逐帧动画是Flash中最基础的动画，它是通过连续播放多个不同画面的关键帧实现的。逐帧动画关键帧中的画面可以自己绘制，也可以将外部图像导入后进行编辑修改。

【后记】

创作天地制作提示共插入4层图层：第1层：背景，第2层云彩，第3层黑猫眼-鱼，第4层文字，在第1、2、3层的第4帧上分别插入帧，在第1、2、3层的第5帧上分别插入关键帧，制作动画（只改变文字、黑猫-鱼、云彩的位置即可），在第1、2、3、4层的第8帧插入帧。

文字的大小为26号字，颜色为白色，字体三个班分别为黑体、隶书、琥珀。

第2单元 变幻莫测

【教材】P24

【单元概述】

在本单元中，通过对形状补间动画的逐步认识，了解简单图形、复杂图形、文字等变形效果的制作，感受属性面板中的“形状”带给制作形状补间动画的快捷与便利。

【教学目标】

帧、关键帧、图层，以及绘图类工具在Flash中可以说是最基础的，也是必不可少的操作，因此巩固前面所学的知识非常重要，同时还要加强学生在制作动画时的习惯养成（如：图层重命名、图层锁定等），为后面制作复杂动画打好基础。

本单元是学生初次接触形状补间动画，通过本单元循序渐进的学习过程，学生将逐渐了解并掌握形状补间动画是通过确定起始关键帧和结束关键帧，并将两个关键帧之间的属性设置为“形状”，来实现形状补间动画的变形效果的。

变形效果可以针对图形与图形、图形与文字、文字与文字等制作，而文字的变形效果较特殊，需要操作“修改”→“分离”的命令才能实现。简单的变形效果过渡较自然，复杂的图形可以通过添加形状提示点的方法，使图形根据提示点进行改变。

要通过学习培养学生多方面的能力，如审美能力、创新能力、文学修养等方面，使学生在学习操作技术的同时将多学科知识进行综合应用，在学习中自然体会课程整合的学习方式。

本单元重点了解形状补间动画的制作，形状变形的随机性与提示点的变形效果较难控制，因此单元结束后，要帮助学生反思、总结实现变形效果不同方式的前提条件与需求，并注意引导学生前后知识的积累与衔接，避免知识间的断档。

【教学重点】

1.巩固帧、关键帧以及绘图类工具的操作方法。

2.针对图层的操作加强练习，并养成图层重命名、图层锁定等制作动画的良好习惯。

3.学会设置形状补间动画的方法。

4.学会简单变形以及添加形状提示点变形的制作方法。

5.掌握使用“变形面板”旋转并复制图形的方法。

6.掌握使用“修改”→”分离”的方法制作文字的形状补间动画。

【教学难点】

1.形状补间动画的制作原理以及控制。

2.添加形状提示点的形状补间动画。

3.使用“变形面板”制作旋转并复制的角度与位置。

4.对分离文字的理解与应用。

【课题】变相怪杰----形状补间动画

备课时间: 授课时间:

课 型:新授课

课 时：1课时

教学目标

1．巩固使用绘图工具与选择工具绘制并编辑图像的方法。

2．掌握将图形、文字制作出形状补间动画的方法。

3．学会使用“修改”→“分离”的命令分离文字呈沙粒状。

教学重点

1.巩固帧、关键帧以及绘图类工具的操作方法。

2.针对图层的操作加强练习，并养成图层重命名、图层锁定等制作动画的良好习惯。

3.学会设置形状补间动画的方法。

教学难点

1.形状补间动画的制作原理以及控制。

2.添加形状提示点的形状补间动画。

教法演示与学生上机

教学过程

师引入课题：通过前面所学习的逐帧动画的制作，我们已经能较为自如地控制帧的播放时间长短、并理解了关键帧的意义与使用方法，但也从中发现了一些问题，如：逐帧动画过渡过于跳跃、不自然，如何解决呢？

首先请学生欣赏没有制作形状补间动画的猫和老虎的动画效果，感受跳跃画面的不自然，再欣赏具有形状补间动画的猫和老虎的改变，引出本节课的重点：制作形状补间动画（师板书课题）。

一、设置文档属性

新建动画文件，设置文档“属性”的大小为“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。

图形边线删除后，如果还需要边线存在，只需要选择工具面板中的“墨水瓶工具”更改“笔触颜色”，在需要添加边线的图形处单击即可。

⑶、文字与文字的渐变制作

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：

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格式的文件。

【知识着陆】教材P28。

1、需要渐变的不同图形应分图层绘制，这样渐变的效果会更加自然。

2、形状渐变可以针对图形之间、图形与文字、文字与文字之间制作。常见的胖变瘦、太阳变月亮的效果都是运用形状补间动画的方法制作出来的。

3、制作文字渐变的动画效果时需要将文字执行“修改” →“分离”的命令，使文字成为沙粒状，否则无法实现预期效果。

【视野拓展】教材P29。Flash的发展

学生阅读

【创作天地】教材P29。制作燃放的“礼花”形状补间动画，如教材P29图4.10所示。

提示：鞭炮在静态图层中制作，绽放的礼花在动态图层中制作。

【后记】

【课题】文字演变----添加形状提示点

【教材】教材P30

【教学目标】

1、巩固形状补间动画的制作方法。

2、掌握添加并编辑形状提示点的制作方法。

3、学习使用“变形面板”复制并旋转图形。

4、本课通过学习并制作文字的演变，不仅要让学生了解我国文字的发展历史以及我国传统图案等方面的知识，还要引导学生综合运用所学知识，如将称为“带状图案”的二方连续，这些在美术课上曾经学习并绘制过的图形，运用所学的计算机技术来实现，使学生体会计算机给我们带来的便利与快捷，要利用课程整合将知识串联起来。

【教学重点】

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

【教学难点】

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

【教法】演示与学生上机实习

【教学过程】

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

一、设置文档属性

师要求学生设置文档属性：修改文档“属性”的大小为“400*300像素”，背景色为“黄色”，其余取默认值。

二、制作文字动画

师提出：文字的演变是很神奇的，通过给形状补间动画添加形状提示点，使文字出现自然的过渡效果，更好地感受文字逐渐的演变过程。

⑴、绘制文字内、外部图形

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、将“图层1”重命名为“文字外部”。

2、使用工具面板中的“刷子工具”，在第1、20、30、40帧插入关键帧并绘制甲骨文、金文、小篆“目”字的外轮廓，如教材P31图5.2所示。

3、在第60帧插入空白关键帧，使用“文本工具”输入揩体“目”字，参考前面几种文字的外轮廓调整该字的大小。执行“修改” →“分离”的命令，将“目”字中间的两横擦除。制作完成后“锁定”该图层，如教材P31图5.3所示。

学生上机制作

【DIY】教材P31。绘制文字内部图形

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

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所示。

【智多星】教材P32。形状提示点

形状提示点是由26个字母显示，因此最多能添加26个形状提示点。两个关键帧中添加的形状提示点是一一对应的，这样可以形状过渡的效果更加自然。不显示添加的形状提示点时，可以执行“视图” →“显示形状提示”命令。

【DIY】教材P32。

师先做演示操作，然后学生上机操作。

利用制作“文字外部”图层的第12帧至第20帧形状补间动画的方法，分别制作32帧至40帧、第52帧至60帧的形状补间动画，并添加“形状提示点”，使文字演变效果逐渐过渡，如教材P32图5.7“文字外部”图层添加形状提示点的效果

⑶、制作“文字内部”形状补间动画并添加形状提示点

【DIY】教材P32。

师先做演示操作，然后学生上机操作。

利用制作“文字外部”形状补间动画并添加形状提示点的方法制作“文字内部”图层的形状补间动画，添加的形状提示点如教材P33图5.8“文字内部”图层添加形状提示点的效果

三、制作装饰效果

师提出：文字演变过程也是中国文化的发展过程，可以使用中国传统的色彩和装饰图案美化画面，更好地传达中国特色。

⑴、使用任意变形工具制作传统图案“云纹”

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、新建图层，并重命名为“吉祥图案”

2、使用工具面板中的“线条工具”绘制一半的云纹，并使用工具面板中的“任意变形工具”选中云纹，调整中心点至右侧中间位置，如教材P33图5.9所示。

3、下面制作完成一个完整的云纹。选择“变形”面板，设置旋转角度为“180度”，单击面板下方的“复制并应用变形”按钮，如教材P33图5.10图所示。

4、使用“任意变形工具”选中整个云纹，将中心点移动至右侧边线外围，调整“变形”面板中旋转角度为“180度”，单击“复制并应用变形”按钮，制作完成2个云纹效果，如教材P34图5.11所示。

【DIY】教材P34。

师先做演示操作，然后学生上机操作。

利用步骤4的制作方法，制作云纹的二方连续效果，装饰在作品中。

【智多星】教材P34。带状图案

二方连续亦称“带状图案”，是一个纹样单位能向左右或向上下连续成一条带子般的图案。巡是图案画中的一种组织方法。

⑵、制作说明文字与边框

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、新建图层，重命名为“说明文字”。分别在第1、20、40、60帧，输入文字“甲骨文”、“金文”、“小篆”和“揩书”，以说明当前文字的字体名称。

2、新建图层，重命名为“边框”，使用工具面板中的“矩形工具”绘制一个无边框的橙色矩形衬托在文字下方。

学生上机制作。

四、保存文件

将动画源文件以“文字演变”为文件名保存在自己的文件夹中的作业文件夹中，并测试生成swf格式的文件。

【知识着陆】教材P34。

1、形状补间动画可以制作多种变形效果，通过添加形状提示点的方法可以让变形效果随提示点自然过渡，运用这样的方法可以制作随风摆动的头发、小草、衣服等效果。

2、“任意变形工具”配合“变形”面板可以制作多种复制并旋转的图形效果，如花朵、蒲公英、装饰图案等。

3、中国特色的作品配合中国传统的颜色（如大红，琉璃的黄、绿等）、图案……，可以对制作Flash动画起到画龙点睛的作用。。

【视野拓展】教材P35。中国传统的吉祥图案

学生阅读或上网查找中国传统的吉祥图案

【创作天地】教材P35。

学生上机制作温室中美丽绽放的花朵，在玻璃的遮挡下，再火热的太阳也不怕。

要求：太阳光芒使用添加形状提示点的方法制作。花朵的花瓣使用制作并旋转的方法制作。

单元小结

本单元，我们制作了有趣的形状补间动画。在形状补间动画中，只需确定起始关键帧和结束关键帧中的形状，即可由计算机来运算确定最终形状补间动画的变形效果。制作简单的图形变形效果无需进行特殊设置，复杂的图形效果可以通过添加形状提示点的方法使图形根据提示点变形。

第三单元 动感十足

【课题】快乐猫咪----简单的动画补间动画

【教材】教材P37

【教学目标】

1、掌握新建并编辑图形元件的方法。

2、学会运用属性面板中的补间选项设置动画补间动画。

3、了解库并运用库管理和应用图形元件。

【教学重点】

库与元件在本课都是首次接触，它们在制作Flash动画中的使用率非常高，因此这两个概念与场景间的关系间是本节的重点。

【教学难点】

图形元件与影片剪辑元件的区别。

【教法】演示与学生上机实习

【教学过程】

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

首先请学生欣赏以前制作的动画作品，尝试修改并完善动画，通过操作引出存在的问题：

① 图层繁多，选择图形并修改时容易导致操作错误。

② 相同的图像在多个关键帧中出现，需要修改多次，重复性操作过多，容易出现错位、错帧等问题。

由这些问题引出弥补的方法，将同一图层使用的相同图像用 “图形元件”来解决，自然过渡至本课所学的关键内容。（板书课题：简单的动画补间动画）。

师师演示让学生欣赏制作完成的实例效果（快乐猫咪）。

一、设置文档属性

学生上机设置文档属性（教材P37。大小为“550*400像素”，背景色为“蓝色”）。

二、制作图形元件

师提出：在“库”面板中制作的“图形元件”虽然也有很多图层，但在场景中却是一个整体，这个整体可以随意地摆放到场景的舞台中，还可以像印章一样重复使用。

【智多星】教材P38。元件

元件在Flash中的使用率非常高，它是一种可以重复使用的对象，而且反复使用不会增加文件的大小。元件还简化了文档的编辑，当编辑元件时，重复使用的该元件全部被更新。元件作为一个整体出现在舞台中，这个整体在“库”中完成制作，这样可以很好地避免直接在舞台中制作而导致的图层过多，容易混乱的问题。

将元件从库中拖放到场景或其他元件中后，就变成了元件的实例。实例之间是独立的，对某一个实例的编辑不会影响其他同元件的实例。元件和实例之间既保持一定的联系，又具有一定的独立性。

创建元件后，可以在文档中重复使用它的实例。可以修改单个实例的颜色、缩放比例、旋转、Alpha透明度、亮度、色调、高度、宽度和位置等实像属性，而不会影响其他实例或原始元件。

元件包括图形元件，影片剪辑元件和按钮元件三种类型。

图形元件适用于静态图像的制作，发家具、服装等。

影片剪辑元件适用于制作动态效果，如飞舞的蝴蝶、小鸟等。

按钮元件可以实现交互操作，如单击按钮跳转到其他画面等。

⑴、新建图形元件

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、执行“窗口” →“库”命令，弹出“库”面板。

2、单击“库”面板下方的“新建元件”按钮，弹出“创建新元件”对话框，更改元件名称为“猫”，元件类型为“图形”元件，单击“确定”按钮。此时“库”面板中出现“猫”的图形元件，并进入图形元件的编辑状态，如教材P38图6.2所示。

【智多星】教材P38。

元件还可以通过执行“插入” →“新建元件”命令创建，对应的快捷键是Ctrl+F8.

学生上机操作。

⑵、制作“猫”的图形元件

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、在“猫”的图形元件的编辑状态下，将“图层1”重命名为“猫”， 如教材P39图6.3所示。

2、进入图形元件的编辑状态，界面中间出现的十字形表示为图形元件舞台的中央，从这里开始绘制图形便于今后调整元件。使用工具面板中的“椭圆工具”、“线条工具”绘制猫的外形，使用“选择工具”将直线调整为弧线，并填充颜色，如教材P39图6.4所示。

【智多星】教材P39。

师做演示操作。

使用工具面板中的“部分选取工具”选中猫的外轮廓，此时出现锚记点，调整锚记点的位置、弧线角度，可以更加精确地改变外轮廓的形状，即使绘图功底差也不怕。单击锚记点，两侧会出现两个切线手柄，这两个手柄可随意调整也可按住Alt键单独调节一侧的切线手柄来改变弧线角度或移动锚记点位置。

注意：当单击锚记点设有出现控制手柄时，可按住Alt键拖动该点来放置切线手柄，如教材P39图6.5所示。

⑶、新建图层，重命名为“领结”，使用“线条工具”绘制领结，并填充颜色，如教材P39图6.6所示。

【DIY】教材P40。

使用制作“猫”图形元件的方法，在“库”面板中分别新建“背景”、“蜻蜓”、“花”、“眼睛”的图形元件，并使用“刷子工具”、“线条工具”、“铅笔工具”等分别制作各元件，如教材P40图6.7所示。

学生上机操作。

三、制作动画效果

⑴、将图形元件拖放至舞台中并调整

师：将元件分别放置在场景1的舞台中，制作出小猫眼睛随蜻蜓转动的效果。

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、在“场景1”的编辑状态，将“图层1”重命名为“静态”。

2、将“库”面板中的“背景”元件和“猫”元件分别拖放到“场景1”的“静态”图层中。再将图形元件“花”拖放多次，并使用“任意变形工具”调整大小、角度、位置，如教材P40图6.8所示。

【DIY】教材P40。

师引导学生制作：

在场景1中分别新建图层，重命名为“眼睛”和“蜻蜓”，然后把“库”面板中的图形元件“眼睛”和“蜻蜓”拖放到相应图层中，并调整大小、角度、位置。

⑵、制作蜻蜓的动画补间动画

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、在“静态”图层的第三者45帧插入帧。

2、在“蜻蜓”图层的第15、30、45帧插入关键帧，分别移动蜻蜓位置，模拟蜻蜓从画面右侧飞到左侧的效果，如教材P41图6.9所示。

3、选中“蜻蜓”图层第1至15帧中的任何一帧，更改“属性”面板中的“补间”为“动画”，此时“蜻蜓”图层面板中的第1帧到第15帧间由淡紫色背景与实线箭头表示。分别更改第15至30帧，第30至45帧“属性”面板中的“补间”为“动画”，制作完成后的帧面板如教材P41图6.10所示。

【DIY】教材P41。

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

学生上机操作设置。

四、保存文件

师：将动画源文件以“快乐猫咪”为文件名保存在“我的电脑” →“E盘”→“自己文件夹” →“作业文件夹”中，并测试生成swf格式的文件。

【知识着陆】教材P42

师小结：

1、在“库”面板中新建“图形”元件，制作的图形元件可以随时通过“库”面板调用至场景的舞台。

2、可以将一个需要多次使用的图形制作成图形元件，图形元件可以像印章一样重复使用，使用图形元件能够快速地制作出大面积的花园、树林、建筑等效果，避免重复制作。

3、修改属性面板中的“补间”为“动画”，在动画的起始关键帧中和结束关键帧中放置同一个图形元件，通过调整两个关键帧中图形元件的位置，可以制作上下跳动的彩球、海上行驶的渔船等动画补间动画。

【视野拓展】教材P42

师引导学生阅读并要求学生在网上进行搜索，欣赏Flash作品

【创作天地】教材P42

制作节约用水的动画效果，让水滴逐渐滴落下来，参照教材P42图6.12所示。

【课题】穿越森林----多变地动画补间动画

备课时间: 授课时间:

课 型:新授课

课 时：1课时

【教学目标】

1、 巩固图形元件的制作方法。

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

3、 学习动画补间动画的属性调整。

4、 掌握文字对象的动画补间动画的设置方法。

【教学重点】

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

【教学难点】

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

【教法】演示与学生上机实习

【教学过程】

新课引入：

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

同学们会跃跃欲试，表示能够完成，可实际操作以后会发现，如果使用形状补间动画，小球的旋转运动并不像我们预期的那样，中间的过渡颜色会产生偏差，小球可以改变大小，却没有办法进行透明度的设置。

通过这个实例，教师可以在第6课的基础上继续巩固动画补间动画的概念并演示本课的范例让学生观察（师板书课题：穿越森林----多变地动画补间动画）。

一、设置文档属性

师引导学生进行设置：新建动画文件，修改文档“属性”舞台大小为（550*400px），背景色为“土黄色”。

二、制作背景

⑴、制作树木图形元件

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、 新建图形元件。执行“插入” →“新建元件”命令，创建“树木”图形元件，如教材P44图7.2所示。

2、使用“椭圆工具”，并配合“选择工具”绘制树冠，如教材P44图7.3所示。

3、使用“多角星形工具”、“椭圆工具”、“选择工具”绘制树上的花朵，如教材P44图7.4所示。

4、使用“选择工具”选择花朵，执行“修改” →“组合”命令，将花朵组合成一个整体，为后面的复制做好准备，如教材P44图7.5所示。

【智多星】教材P44。

师提出：绘制好的图形在移动或复制时经常会出现残缺不全的情况，通过“组合形状”的方法就可以解决这个问题，组合前的图形呈沙粒状，组合后的图形外围有蓝色边框。

组合形状可以将绘制好的形状组合起来，作为一个整体图形来处理。具体方法是使用“选择工具”在形状周围拖动以便将形状全部选中，然后执行 “修改” →“组合”命令或使用快捷键Ctrl+G。

改变组合图形的排列顺序时，可以右击该图形，在弹出的快捷菜单中选择“排列”命令，改变形状叠放的顺序，如教材P44图7.6所示。

5、使用“矩形工具”结合“变形工具”、“选择工具”绘制树干，如教材P45图7.7所示。

6、将绘制好的树冠、花朵、树干合理摆放位置，并复制出多朵小花，完成树木的整体制作，如教材P45图7.8所示。

学生上机操作。

【DIY】教材P45

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、仿照“树冠”的制作方法，使用“椭圆工具”绘制出图形元件“云朵”，如教材P45图7.9所示。

2、使用“线条工具”、“椭圆工具”绘制出图形元件“小路”，注意“近大远小”的绘图规律，如教材P45图7.10所示。

3、使用“多角星形工具”绘制图形元件“太阳”， 如教材P45图7.11所示。

学生上机绘制。

⑵、制作图形元件“汽车”

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、新建图形元件，命名为“汽车”。

2、在“图层1”上，使用“椭圆工具”、“矩形工具”，选择合适的笔触和颜色，绘制出汽车的外形。

3、新建图层，使用“椭圆工具”，选择合适的笔触及填充颜色，绘制出驾驶仓中的小熊，并将该图层拖动到“图层1”下层，如教材P46图7.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帧之间的任何一帧，设置“属性”面板中的补间“动画”，其余选项为默认值。

【智多星】教材P48。

师做演示操作：

1、在动画补间动画中，可以在该动画的起始关键帧上放置一个组合图形、文本或元件，并调整它们的位置、大小等属性，然后在结束关键帧上改变这些属性，使其区别于起始关键帧。本课，在第1至60帧之间，通过设置“属性面板”中的补间为“动画”，就形成了背景向远处运动的动画效果。

2、在默认情况下，补间帧是以固定速度播放的。无论是形状补间动画还是动画补间动画都有“缓动”属性的设置，不同的数值可以改变动画的速度，如教材P48图7.16所示。

缓动设为正值，补间动画的速度由快变慢；缓动设为负值，补间动画的速度将由慢变快。

【DIY】教材P48。

师先做演示操作，然后学生上机操作。

与创建背景动画的方法相同，新建图层，重命名为“汽车”，创建汽车由远及近的动画补间动画效果。

提示：

1、第1帧及第60帧“汽车”的大小及位置变化如教材P48图7.17所示。

2、远距离的物体看起来要比近距离的物体运动慢一些，可以在“属性”面板中设置缓动值为-80，补间动画将由慢变快，以制作出汽车驶来的逼真效果，如教材P49图7.18所示。

学生上机设置。

四、添加文字对象

师：在场景上加入文字“穿越森林”，给动画添加上醒目的标题。

⑴、制作图形元件“文字”

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、执行“插入” →“新建元件”命令，创建“文字”图形元件。

2、在元件“文字”的编辑状态下，使用“文本工具”在舞台上书写标题文字“穿越森林”。文字的属性设置如教材P49图7.19所示。

学生上机制作。

⑵、更改文字的属性

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、回到“场景1”的编辑状态，新建图层，重命名为“标题”，将“库”面板中图形元件“文字”拖放到舞台的合适位置上，使用“任意变形工具”将文字缩小。将文字颜色属性的Alpha值设为0%，使文字变为透明。

2、在“标题”图层的第35帧插入关键帧。使用“任意变形工具”将文字放大，将Alpha值设为100%，使文字变为不透明。更改文字的颜色属性为“色调”，此时出现调整色彩的RGB，如教材P49图7.20所示。

学生上机设置

⑶、设置文字的动画补间动画

师先做演示操作，然后学生上机操作。

选中“标题”图层的第1至35帧之间的任意一帧，在“属性”面板中设置补间为“动画”，旋转方式为“顺时针”， Alpha值创建文字顺时针旋转放大变色的动画渐变效果。

学生上机设置文字的动画补间动画。

五、保存文件

师：将动画源文件以“穿越森林”为文件名保存在自己文件夹中的“作业”文件夹中，并测试生成swf格式的文件。

学生保存文件

【知识着陆】教材P50

1、通过调整不同关键帧中元件的位置、大小、Alpha值等设置，使元件的属性发生变化，并在“帧”属性面板中设置补间为“动画”，就可以产生移动、淡入淡出等动画效果。

2、在“属性”面板中，设置动画属性中的“缓动”值，可以调整补间动画的速度变化。通过这种属性设置可以制作加速下落的小球、减速旋转的陀螺等动画效果。

【视野拓展】教材P50。调整导入图像的容量

师：Flash导入的图像不会因为在舞台中缩小尺寸而减小容量，如果需要减少导入图像的容量就需要对图像进行压缩。

首先在库中找到要导入的图像素材，右击，在弹出的快捷菜单中选择“属性”命令，打开“位图属性”对话框。取消勾选“使用导入的JPEG数据”复选框，并在随后出现的“品质”文本框中输入压缩图像质量的数值，数值越高，图像质量越高，容量也就越大。建议填好数值后先单击“测试”按钮，查看压缩后的相关信息，如果适合再单击“确定”按钮，如教材P51图7.22所示。

【创作天地】教材P51。制作天空中滑落的星星。

【后记】

动画补间动画设置的对象应该是“文字”、“组合图形”或“元件”，打散的图形不能够设置动画补间动画。如果设置错误，时间轴会以虚线表示，见图

【课题】荷兰风车----影片剪辑元件的应用

备课时间: 授课时间:

课 型:新授课

课 时：1课时

【教学目标】

1、学习“影片剪辑元件”的制作与应用。

2、学习为“影片剪辑元件”添加滤镜效果的方法。

3、让让学生理解影片剪辑元件本身就是一小段动画，它的播放与场景的主时间轴没有直接关系”这一概念。

【教学重点】

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

【教学难点】

“影片剪辑元件”的创建与使用、“影片剪辑元件”与“图形元件”的区别。

【教法】演示与学生上机实习

【教学过程】

师首先播放“荷兰风车”动画而导入课题（师板书课题：荷兰风车----影片剪辑元件的应用）

一、制作背景

师：为了创建美丽的动画，下面导入一幅外部图片。

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、新建动画文件。修改文档“属性”的大小为“800*600像素”，背景色为“蓝色”。

2、将“图层1”重命名为“背景图片”，执行“文件”→“导入”→“导入到舞台”命令，导入素材图片

学生上机设置及导入背景图片。

二、制作影片剪辑元件并应用于场景中

⑴、制作影片剪辑元件“转动的扇页”

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

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所示。

学生上机制作“白云”。

⑵、制作影片剪辑元件“飘动的白云”

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

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、通常可以将一段独立的小影片制作成影片剪辑类型的元件，将这些影片剪辑元件直接放置在场景的舞台中应用，不但减少了场景中层与帧的数量，而且还可以反复使用。

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

【视野拓展】教材P56。gif文件的导入

通常gif文件支持256色的多帧小动画，在Flash中导入gif文件，可以利用gif文件的特点直接产生逐帧动画的效果。

执行 “执行” →“导入” →“导入到库”命令，导入文件，库中元件的变化如教材P56图8.11所示。

从图中可以看出，库文件中包括组成gif动画的多张位图图像和自动生成的影片剪辑类型的元件“元件1”，该元件是具有逐帧动画效果的小影片，如教材P57图8.12所示。

【创作天地】教材P57。

给“荷兰风车”增加左右摇动影片剪辑元件“小花”。 如教材P57图8.13所示

【单元小结】教材P57。

本单元，我们学习了运用图形元件和影片剪辑元件制作动画补间动画的方法。在利用元件制作动画补间动画时，注意确保起始关键帧和结束关键帧是同一个元件，将两个关键帧之间设置为“动画”补间方式后，计算机将根据元件的位置、大小、角度、透明度等变化来确定最终的动画补间动画效果。

【后记】

元件 在Flash中可以创建图形、按钮、影片剪辑三种类型的元件。在动画中多次引用同一个元件并不会增大文件的大小，元件被创建以后会自动添加到库中。使用元件制作动画补间动画时，可以设置透明度等属性，元件不能设置形状补间动画。

图形元件：一般是静态图片，可以应用到其他元件中。例如在本课的范例中，“扇叶”就是图形元件，而影片剪辑元件“转动的扇叶”就使用了图形元件“扇叶” 。

影片剪辑元件：Flash中最具有交互性、用途最多、功能最强的元件，其本身可以是一段小动画。将影片剪辑元件放置在场景中时，如果不添加动作设置，影片剪辑元件会重复播放。

更改元件类型：右击库中的元件，选择“类型”，可更改已创建好的元件类型。

第4单元 奇思妙想

【教材】P58

【单元概述】

本单元的活动主线是：在熟练设置动画补间动画的基础上，重点掌握“引导层动画”、“遮罩层动画”等各种特效动画的设置方法，了解按钮元件的基本制作与使用方法，理解多场景的应用，并能够为动画作品添加音乐素材。通过制作活动，不断积累所学知识并将其综合应用，体验自主探究与自由创作的乐趣。

【学习目标】

动画补间动画是Flash动画创作中经常使用的。在其应用的基础上，本单元重点介绍了引导层动画、遮罩动画等Flash中常用的动画技巧，并力求通过创作带有各种特殊效果的作品，拓宽学生的视野、激发学生的兴趣。学生在学习的同时要注意本学科知识的迁移，要能够将第3单元所学的元件等知识灵活运用到本单元的活动中。

在引导层动画的制作过程中，学生要注意引导层路径的绘制以及被引导对象的运动特点。

在遮罩动画的制作过程中，教师可以引导学生利用这种特殊的动画设置方式创作出多种神奇的效果。在引导过程中要注意知识的积累与迁移。

通过循序渐进的学习，学生还应该掌握Flash创作中的一些综合应用，例如多场景应用、按钮控制及声音文件的导入与编辑。

本单元每个范例的制作过程都涵盖了上一课所学的知识点，因此在学习新知识的同时要巩固已学知识点。

通过本单元的学习，学生应该能够掌握Flash创作的基本方法，并学会将其综合应用。完成上述知识的学习，并拥有了动画创作的基本技能后，学生对Flash学习的积极性会大大增强，教师可以通过学生作品的展示、学生的自我评价与相互评价进一步提升其创作热情，逐步引导学生开始设计动画情景，向完成大型动画设计与制作的目标迈进。

【教学重点】

1、掌握影片剪辑元件的属性设置及滤镜效果设置、时间轴特效设置。

2、掌握遮罩层的设置方法及其含义。

3、掌握引导层动画的设置方法。

4、学会制作按钮元件，了解其四个状态的含义。

5、能够给按钮添加动作。

6、了解play、stop等命令的基本含义。

7、 掌握场景的基本操作 ，如插入场景、删除场景、修改名称等。

8、能够熟练地导入声音文件，灵活地在动画中添加背景音乐。

【教学难点】

1、综合应用影片剪辑元件的各种效果设置制作出精美的动画画面。

2、引导层动画、遮罩层动画等动画补间动画的综合应用。

3、理解按钮各状态的含义并能够熟练设置。

4、使用按钮对影片进行控制。

5、外部图片、库文件、声音等素材的引入。

6、多场景的编辑。

【课题】蝴蝶飞舞----“引导层”动画

【教材】教材P59

【教学目标】

1、巩固“影片剪辑元件”的制作与应用。

2、学习引导层动画的制作方法。

【教学重点】

引导层动画的创建是本课的重点。

【教学难点】

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

【教法】演示与学生上机实习

【教学过程】

师引入课题：同学们已经学会了动画补间动画的基本制作方法，可以制作简单的动画效果了。但是如果希望元件不仅仅沿直线运动，而是按照我们期望的轨迹运动，应该使用什么样的方法呢？引入如图下图所示的范例，演示介绍小球沿抛物线运动的方法。

注意强调引导层动画的制作要点：

① 创建图形元件“小球”的动画补间动画。

② 在“小球”图层上添加特殊引导层“运动引导层”，使用铅笔绘制运动的轨迹。

③在起始帧和结束帧位置，分别将产生动画补间动画的元件锁定在引导线两端。

或者师提前演示“蝴蝶飞舞”动画效果来引入课题。

一、打开原有文件修饰整体画面

师引入第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、在时间轴上单击“添加运动引导”按钮，在图层“蝴蝶”之上新建一个特殊图层。

学生上机操作添加“运动引导层”。

【智多星】教材P60

师：Flash中可以插入运动引导层，使用钢笔、钢笔、直线、圆形、矩形或刷子工具在该层上绘制路径，物体就可以沿着绘制好的轨迹运动。

4、使用“钢笔工具”在引导层上绘制出“蝴蝶”运动的平滑曲线，如教材P61图9.5所示。

5、选中图层“蝴蝶”，分别在第20、35、50帧插入关键帧，改变蝴蝶在舞台上的位置，如教材P61图9.6所示。

学生上机设置绘制“引导层”

【智多星】教材P61

师：注意：使用“选择工具”移动“蝴蝶”的位置时，需选中“工具”面板中“贴紧至对象”选项。移动时注意使图形元件“蝴蝶”的中心锁定在引导层路径上。即在图层的第1帧位置，蝴蝶的中心锁定在引导层路径的一端；在图层的第50帧位置，蝴蝶的中心锁定在另一端；在第20帧及35帧位置，蝴蝶的中心基本锁定在路径的中间位置。

说明：第20帧至35帧之间，蝴蝶的位置基本不变，其目的是为了达到蝴蝶停留在花朵上的效果。

6、在“蝴蝶”图层的第1至20帧之间和第35至55帧之间，创建动画补间动画，如教材P62图9.7所示。

7、按Ctrl+Enter键测试影片。可以看到舞动的蝴蝶沿绘制好的路径运动。

【DIY】教材P62

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

使用上述方法，新建图层“蝴蝶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格式的文件。

【知识着陆】教材P63

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

【视野拓展】教材P63。视频制作软件----会声会影

学生阅读

【创作天地】教材P64。制作：蜿蜒曲折的乡间小路上开来一辆颠簸的红色小汽车，使用运动引导层动画制作汽车的运动轨迹。

提示：

1、影片剪辑元件“开动的汽车”各关键帧的效果见教材P64图9.12所示。产生的补间动画用来表示汽车的颠簸状态效果。

2、可以使用引导层动画来表现小屋中冒出的缕缕炊烟。

【后记 】

值得注意的环节：

1、在绘制逐帧动画的蝴蝶时，应该让同学们自己动手模仿，注意蝴蝶翅膀与身体的叠放顺序，蝴蝶翅膀不同时刻的形态，从而培养学生对生活的观察，并在此过程中练习“任意变形工具”的“旋转与倾斜”、“扭曲”、“缩放”、“封套”等不同选项的用途。

2、在教材的范例中，图9.6标示了蝴蝶在第1、20、35、50帧时的不同位置，其中第20帧与第35帧的蝴蝶位置大致相同，以此来表达蝴蝶在花朵上停留的动画。同学们可以运用各种技巧设计与范例不同效果的引导层动画。

3、在教材的范例中，每一只运动的蝴蝶动画对应一个运动引导层。

4、使用铅笔等工具绘制引导层的路径时，无须考虑线条的颜色、粗细，该线条只表示一种运动轨迹，在影片播放时线条不显示。

5、演示过程中，教师应强调元件中心要与引导线路径端点对齐锁定的概念。

6、更改元件属性创建各种特效的动画补间动画

在范例中，更改影片剪辑元件“上升的气球”的大小及透明度属性，达到了气球由近及远的效果。在该动画的制作过程中可以引导学生观察生活，要制作各种动画效果，除了图形位置的相对变化以外还应该有哪些属性的变化。

【课题】水波荡漾----“遮罩层”动画

【教材】教材P65

【教学目标】

1、复习各类型元件的制作方法，熟练掌握元件的位置、颜色等属性的更改。

2、复习巩固引导层动画的制作方法。

3、学习遮罩层动画的制作。

【教学重点】

本课学习的重点——遮罩层动画。

【教学难点】

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

【教法】演示与学生上机实习

【教学过程】

师引入课题：教师演示本课范例、创作天地范例、百叶窗特效、放大镜特效等具有遮罩层特效的动画，让学生观察用所学的知识能否完成这些动画效果的制作？以此引入本课学习的重点——遮罩层动画。

一、制作背景

师：导入外部图片用于制作动画作品的背景，并利用影片剪辑元件的颜色透明度设置制作出水中倒影效果。

⑴、导入图片

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、新建动画文件。修改文档“属性”的大小为“800*600像素”，背景色为“蓝色”。

2、执行“文件”→“导入”→“导入到库”命令，将素材图片导入到库中。

学生上机往库导入图片。

⑵、制作有水中倒影效果的背景

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、执行“插入”→“新建元件”命令，新建图形元件“背景图”。

2、打开“库”面板，将图像拖放到舞台。

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帧位置，使用“任意变形工具”将图像适当放大，如教材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以文本作为遮罩层，通过镂空的文字线条将下一层的椭圆图形显示出来，文字线条以外的图形被遮蔽。由于文字是遮罩层，所以文字的颜色将不影响画面效果，而椭圆的色彩透过文字线条显示出来。

四、保存文件

将动画源文件以“水波荡漾”为文件名保存到自己文件夹中的“作业”文件夹中，并测试生成swf格式的文件。

【知识着陆】教材P71。

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

【视野拓展】教材P71。网页制作三剑客

学生阅读了解。

【创作天地】教材P72。

使用遮罩效果制作绽放的礼花，

制作提示：

将彩球作为被遮罩层，将刷子工具绘制的线条作为遮罩层。

【后记】

本节教学实例、DIY制作的两个实例及创作天地内容多，需要学生制作也很多，因此，为了保障教学质量，需用三个课时完成。

【课题】心语星愿----按钮元件的应用

【教材】教材P73

【教学目标】

1、巩固影片剪辑元件的创建与应用，元件属性调整的方法、滤镜特效的应用。

2、学习为影片剪辑元件添加时间轴特效。

3、巩固遮罩层特效的制作方法。

4、学习按钮的制作方法，并为按钮添加简单的控制动作。

【教学重点难点】

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

【教法】演示与学生上机实习

【教学过程】

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

一、制作背景

⑴、导入背景图片

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、新建动画文件，为了方便后期绘制白色图形，将文档背景颜色改为“浅蓝色”。

2、将图层1重命名为“背景”，执行“文件” →“导入”→“导入到舞台”命令，将素

材图导入到舞台，在第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”，将影片剪辑元件“花”、“挑心”、“圆”依次拖放到舞台合适位置，通过改变实例的颜色属性及添加滤镜，制作与“图层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所示。

学生上机体会、观察。

⑵、应用按钮控制动画

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、回到“场景1”的编辑状态，新建图层，重命名为“按钮”。

2、将按钮元件“播放”拖放到舞台上的合适位置。

3、选中按钮，在弹出的快捷菜单中选择“动作”命令，打开“动作—按钮”面板，打开“脚本助手”，选择左侧列表中“全局函数” →“时间轴控制” →“play”命令，如教材P79图11.16所示。

学生上机操作。

【DIY】教材P80。

师先做演示操作，然后学生上机操作。

依照“播放”按钮的制作方法，制作并使用“停止”按钮。

提示：“停止”按钮元件各帧的形态参见教材P80图11.17所示。“停止”按钮的动作设置教材P80图11.18所示。

学生上机制作设置“停止”按钮

4、回到“场景1”的编辑状态，在“按钮”图层，拖放“播放”、“停止”按钮到舞台合适位置。

学生上机操作。

四、保存文件

将动画源文件以“心语星愿”为文件名保存到自己文件夹中的“作业”文件夹中，并测试生成swf格式的文件。

【知识着陆】教材P80。

1、在“属性”面板中更改影片剪辑元件的颜色等属性，并通过在“滤镜”选项卡中添加“阴影”、“发光”等到特殊效果，可以使同一个影片剪辑元件在舞台上以不同的颜色效果出现，为画面增加生动的色彩。

2、按钮元件通常包含4帧：“弹起”帧、“指针经过”帧、“按下”帧和“点击”帧。通过给按钮添加goto、stop等时间轴控制命令，可以控制时间轴的播放与停止，增强动画的交互性。

【视野拓展】教材P81。电子贺卡

学生阅读并上网查寻。

【创作天地】教材P81。

学生上机：使用文字作为按钮，控制影片的播放，如教材P81图11.19所示。制作小兔子从蛋中破壳而出。

【单元小结】

本单元，我们学习了引导层动画、遮罩动画以及按钮元件的制作方法。引导层动画可以精确控制对象的运动路径，而利用遮罩动画则可以制作出很多特效。按钮是一种比较特殊的元件，给按钮元件添加动作，可以实现简单的交互操作。

【后记】

“播放”按钮的动作设置 “停止”按钮的动作设置

on (release) {

play();

tellTarget (this.a) {

play();

}

}

on (release) {

stop();

tellTarget (this.a) {

stop();

}

}

第5单元 美丽画卷

【课题】小鸡旅行----多场景及声音的应用

【教材】教材P83

【教学目标】

1、巩固按钮元件的制作方法。

2、掌握给帧添加动作的方法。

3、掌握场景的新建及编辑方法。

4、学会使用按钮控制场景跳转的命令。

5、了解为动画作品添加背景音乐的方法。

【教学重点】

本课的重点在于将所学知识点综合应用、强化按钮对影片的控制作用、场景的创建与编辑方法、声音文件的导入与编辑。

【教学难点】

给帧添加动作和场景的新建及编辑及为动画作品添加背景音乐的方法。

【教法】演示与学生上机实习

【教学过程】

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

一、制作场景“封面”

⑴、设置文档属性

新建动画文件。修改文档“属性”的尺寸大小为“800*400像素”。

⑵、制作文字标题

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、新建影片剪辑类型元件“小”。

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动画时，通常需要使用多场景，就像在话剧表演中要使用多幕一样。我们可以根据需要，将动画中不同主题的内容设置为不同场景。每个场景都有一个

时间轴。当播放到一个场景的最后一帧时，如果没有动作设置，动画将自动播放下一个场景。

可以在“场景”面板中添加、删除、复制、重命令场景以及更改场景的顺序。

二、制作场景“冬”

⑴、插入场景“冬”

师先做演示操作，然后学生上机操作。

执行“插入”→“场景”命令，插入新的场景，在“场景面板”中将其重命名为“冬”。

学生上机插入场景“冬”

⑵、制作背景

师先做演示操作，然后学生上机操作。

新建图层“白雪”、“雪人”、“房屋”、“雪花”、“蓝天”，使用“绘图工具”绘制冬的背景画面，并在第120帧插入帧，保持画面延续，如教材P87图12.9所示。

学生上机制作背景。

⑶、制作小鸡运动的动画

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、在图层“房屋”上新建图层“小鸡”，将影片剪辑元件“会飞的小鸡”拖放到舞台右侧。

2、在图层“小鸡”的和第120帧插入关键帧，将“会飞的小鸡”实例移动到舞台左侧。在第1至120帧之间创建动画补间动画。

3、在图层“小鸡”上新建运动引导层，使用“铅笔工具”绘制出小鸡移动的轨迹。

4、将第1帧及第120帧位置上的“小鸡”分别锁定在引导层路径的两端，完成引导层动画的设置，如教材P88图12.10所示。

学生上机制作小鸡运动的动画。

⑷、添加控制按钮

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、新建图层“按钮”，在第120帧插入关键帧，将按钮元件“按钮”放置在舞台右侧。

2、选中图层“按钮”第120帧，给“帧”添加stop动作命令，使画面能够在此帧位置停留。

学生上机添加控制按钮。

⑸、为场景添加背景音乐

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、新建图层，重命名为“音乐”。

2、执行“文件” →“导入”→“导入到舞台”命令，导入声音文件。

3、打开“库”面板，将声音拖放到舞台，此时在图层“音乐”的时间轴上出现声音波形，如教材P88图12.11所示。

学生上机为场景添加背景音乐。

三、场景间的相互跳转

师：给按钮添加动作，使动画在不同场景中播放，实现场景的相互跳转。

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

师先做演示操作，然后学生上机操作。

具体演示操作步骤：

1、单击“场景面板”中的“封面”，切换到“封面”的编辑状态。

2、选中“按钮”图层第20帧的“按钮”实例右击，在弹出的快捷菜单中，选择“动作”命令，打开“动作—按钮”面板，打开“脚本助手”，选择左侧列表中“全部函数” →“时间轴控制” →goto命令，在右侧的“场景”下拉列表中选择“冬” 如教材P89图12.12所