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

文档属性

名称 八年级信息技术上册教案清华版
格式 zip
文件大小 279.9KB
资源类型 教案
版本资源 清华大学版
科目 信息技术(信息科技)
更新时间 2013-03-11 21:49:49

图片预览

文档简介

课 题:第一课熊猫的梦
课 题
熊猫的梦
授课时间
课 型
新授课
课时安排
一课时




知识与技能:掌握Flash的启动与退出,了解Flash窗口的组成。
过程与方法:掌握在Flash中绘制图像的方法,学会保存动画文件。
情感态度与价值观:初步学习制作逐帧动画、预览动画并生成swf格式的文件
教学重点
认识Flash 8的工作界面,学习使用绘图工具绘制图形并制作成逐帧动画
教学难点
帧的理解与操作、保存文件
教具学具准 备
学生电脑
教学方法
演示与学生上机
教 学 过 程
一、导入新课:
今天我们学习第一课《熊猫的梦----绘制图像与逐帧动画》
二、教学新课
新课教学法
一、启动并认识Flash的工作界面
1、启动
师提出:Flash的启动它跟我们上学期学过的Word的启动方法一样,可以在Windows桌面单击“开始”→“程序” →“Macromedia” →“Macromedia Flash 8”即可。(师演示操作,然后学生上机操作)
2、认识Flash窗口界面

师引导学生分别介绍:
标题栏:
菜单栏:
工具面板:可以进行对象选择、图形绘制、文本录入与编辑、对象控制等操作。
属性面板:反映正在使用的工具和资源情况,可进行详细设置。
5、时间轴:主要由图层和帧组成。用于组织和控制影片内容在一定时间内播放。
6、舞台:创作影片各帧内容的区域。
7、浮动面板:包含各种不同的特定功能,如:颜色、变形、对齐等。
二、设置文档属性
师提出:舞台的尺寸大小、背景颜色等是通过文档属性来设置的。
具体设置:
方法一:“修改”→“文档”命令,在弹出的“文档属性”对话框中,通过调整各项参数来设置文档属性
方法二:在窗口界面的下方的“属性”面板中设置。
修改文档属性的背景颜色为“黄色”。其它参数参照教材P4图1.3所示的文档属性面板。
三、制作第1帧画面
师:使用各种绘图工具,绘制熊猫和小竹苗。
⑴、利用椭圆工具绘制熊猫的外形
1、单击工具面板中的“椭圆工具”,设置笔触颜色为“黑色”,填充颜色为“没有颜色”。
当当选中“椭圆工具”后可以在“属性”面板中进行更全面地设置,如教材P4图1.4所示。其他绘图类工具如“线条工具”、“铅笔工具”、“刷子工具”、“矩形工具”、“颜料桶工具”等,在相应的“属性”面板中也都包含详细的设置。
2、在舞台中拖动鼠标,绘制熊猫的脸部。使用工具面板中的“选择工具”↖单击绘制完成的圆形并将其拖动至合适位置。
使用与绘制熊猫脸部相同的方法,分别绘制熊猫的“耳朵”、“眼睛”、“鼻子”,并调整至合适位置,如教材P5图1.5所示绘制熊猫的五官并调整位置。
3、绘制熊猫的嘴部轮廓可以行绘制一个椭圆形,然后利用工具面板中的“线条工具”在圆形中间绘制一条直线。使用“选择工具”单击上面半圆,按Delete键将其删除后,将剩余的半圆形放在合适位置即可,如教材P5图1.6所示。
4、利用“线条工具”绘制竖线,连接鼻子和嘴。
5、单击工具面板中的“铅笔工具”在“属性”面板中进行相应设置,如教材P5图1.7所示。
6、使用“铅笔工具”绘制熊猫的毛发,然后将多余的线条删除,如教材P5图1.8所示。
⑵、利用颜料桶工具填充颜色
1、单击工具面板中的“颜料桶工具”,设置填充充为“黑色”。
2、在需要填充黑色的区域单击。
使用填充黑色的方法,分别将熊猫的脸、眼球和嘴填充为白色。如教材P5图1.9所示。
⑶、利用刷子工具绘制小苗
1、选择工具面板中的“刷子工具”,设置填充色为“棕色”,绘制出土地的效果。
2、使用“刷子工具”分别绘制深色的土块和绿色的小竹苗,如教材P6图1.10所示。
利用“铅笔工具”绘制的是线条。铅笔工具的颜色由笔触颜色控制。
利用“刷子工具”绘制的是大面积的色彩。刷子工具的颜色由填充色控制。
四、制作第2帧画面
师提出:完全相同的两个画面是不可能出现动画效果的。因此第2帧画面要在第1帧画面的基础上绘制竹子,使两帧画面不同,为制作动画做好准备。

时间轴:主要由图层和帧组成,动画效果主要是通过交替播放时间轴上不同帧中的相应画面而实现的。
帧:可分为普通帧、关键帧和空白帧几种
普通帧:两个关键帧之间的过渡部分,使画面处于保持不变的状态。以“灰色”显示,快捷键为F5。
关键帧:一个动作的开始或结束,决定动画效果的关键部分。以“黑色实心圆点·”显示,快捷键为F6。
空白帧:没有放置任何动画对象的关键帧,起到将当前帧的内容清除的作用。以“黑色空心圆点”显示,快捷键为F7。
师先做演示操作,然后学生上机操作实习。
具体演示操作步骤:
1、在图层1第2帧的位置右击,在弹出的快捷菜单中选择“插入关键帧”命令。
2、使用“椭圆工具”、“铅笔工具”绘制带提示角的图形。
3、选择“矩形工具”设置笔触颜色为“黑色”,填充色为“绿色”,绘制的矩形。
4、单击“选择工具”,将鼠标指向矩形边线,待鼠标变为如教材P6图1.11所示状态时,向里拖动矩形边线。完成后用“选择工具”框选,再复制两个,将其在纵向方向为一直线,然后使用“刷子工具”绘制竹叶,完成竹子的绘制。
提示:
1、使用工具面板中的“选择工具”选中需要改变颜色的部分。
2、更改工具面板选项中的笔触颜色和填充色即可。
师提出:在计算机中显示的图形一般可以分为两大类----矢量图和位图。
矢量图:使用线段和曲线描述图形,文件体积一般较小。
矢量图形最大的优点是进行放大、缩小或旋转等操作都不会产生失真。
矢量图形最大的缺点是难以表现出色彩层次丰富的逼真图像效果。
位图:由一个个小色块组成的图像,这些色块称为“像素点”。计算机屏幕其实就是一张包含大量像素的风格。
位图图形最大的优点是能表现出色彩层次丰富的逼真图像效果。
位图图形最大的缺点是进行放大、缩小或旋转等操作就会看到马赛克一样的像素点。
由于Flash动画是由一张张矢量图构成的,因此生成的动画文件存储空间很小,在网络中传输速度很快,可以很方便地下载观看。一个几分钟长度的Flash动画片,常常只有1—2M。
五、调整动画时间
师提出:通过添加普通帧的方法可以让关键帧之间的动画过渡时间延长。
师先做演示操作,然后学生上机操作实习。
具体演示操作步骤:
1、执行“控制” →“测试影片”命令,此时弹出测试影片的窗口,观察动画效果,可以看到动画播放频率过快,动画内容看不清楚。
2、关闭测试影片窗口,在第1帧上右击,在弹出的快捷菜单中选择“插入帧”命令,同样在第2帧上也插入帧,使动画时间延长。
3、测试影片效果,如不满意可继续插入帧延长时间。
六、保存文件
师先做演示操作,然后学生上机操作实习。
具体演示操作步骤:
1、执行“文件”→“保存”“ 在弹出的对话框中选择保存位置”→“我的电脑”→“E”→“个人文件(1100李忠贵)”→“作业”,将文件命名为“熊猫的梦”,单击“保存”按钮,此时动画源文件就以Flash格式保存起来。
2、执行测试影片命令,生成swf格式的动画播放文件。
三、课堂练习:
完成课堂所学内容
五、布置作业:
独立完成这节课所学习的内容
七、教学后记
复 备
课 题:第二课 蜜蜂采蜜
课 题
蜜蜂采蜜
授课时间
课 型
新授课
课时安排
一课时




知识与技能:
1.巩固绘图类工具的使用方法。
2.初步学习使用图层来规划整个作品。
3.认识图层,理解图层的概念,并学会新建图层,图层重命名、锁定、删除等常用方法。
4.初步学习多层逐帧动画的制作。
过程与方法:教师演示,学生练习
情感态度与价值观:锻炼学生的动手操作能力
教学重点
多层逐帧动画中使用到了帧和图层的概念
教学难点
多图层操作由于图层数量过多,因此容易混淆图层与帧的所在位置,
教具学具准 备
学生电脑
教学方法
演示与学生上机
教 学 过 程
一、导入新课:
师播放教材P9蜜蜂采蜜的制作完成的动画,请同学们欣赏,引入课题(蜜蜂采蜜----多层逐帧动画)
二、教学新课
一、新建文件并修改文档属性
师先做演示操作,然后学生上机操作实习。
具体演示操作步骤:
执行“文件” →“新建”命令,将文档“属性”的大小设置为“300*300像素”,背景颜色为“浅蓝色”,如教材P10图2.2所示。
二、分图层绘制蜜蜂、花朵、天空、土地等图形
师提出:将一幅画面的各部分内容在不同图层中绘制,既便于修改画面,又便于处理不同图层的动画效果。
注意:单击的位置不同,画面效果也不同。为了防止由于图层增多而导致图层的错误操作,可以在制作完成后单击图层“锁定”按钮下“蜜蜂”图层的未锁定标志,将“蜜蜂”图层锁定,锁定后的图层是不以进行修改的。
师先做演示操作,然后学生上机操作实习。
具体演示操作步骤:
1、执行“窗口” →“工作区布局” →“默认”命令可以将常用的浮动面板调出,其余面板也可以根据需要在“窗口”菜单中调出。
2、“混色器”面板中的“色标”可以根据画面需要随时添加或删除。添加色标只需在色标间空白区域单击。删除色标只需选择该色标向下拖动即可。色标表示不同颜色,可以调整色标的Alpha数值控制色彩的透明度,0%为完全透明,100%为完全不透明。
学生上机实习操作。
㈡绘制蜜蜂的红脸蛋
师先做演示操作,然后学生上机操作实习。
具体演示操作步骤:
1、单击时间轴下方的“插入图层”按钮,插入一个新图层并将其重命名为“红脸蛋”。
2、单击“椭圆工具”,设置“混色器”面板中的“类型”为“放射状”,色标的颜色分别为红色、魄,并更改白色色标的Alpha数值为0%,合白色完全透明。
3、使用“椭圆工具”绘制圆形,并将其放置在合适位置。制作完成后“锁定”该图层,如教材P12图2.5所示。
㈢绘制蜜蜂的翅膀
师先做演示操作,然后学生上机操作实习。
具体演示操作步骤:
1、插入两个图层,分别重命名为“翅膀—内侧”和“翅膀---外侧”。
2、在“翅膀—内侧”图层上,使用“椭圆工具”绘制无边线的深蓝色圆形。在“翅膀—外侧”图层上,绘制无边线的浅蓝色的圆形。
3、使用工具面板中的“任意变形工具”,单击深蓝圆形,此时图像外围出现“调节点”和“中心点”。
4、按住鼠标左键拖动“中心点”至椭圆形下方。拖动边角的“调节点”调整蜜蜂翅膀的大小。将鼠标指针稍远离边角的“调节点”,待鼠标指针变为如教材P12中“逆时针旋转方向的箭头”形状时,拖动鼠标,使蜜蜂的翅膀围绕“中心点”旋转角度。制作完成后“锁定”该图层,如教材P12图2.6所示。
5、使用“任意变形工具”调整浅蓝色圆形,制作蜜蜂翅膀的张开效果。
“任意变形工具”不但可以调整图像的大小、角度以及中心点的位置,而且在工具面板的“选项”中还有更多变形方式,如教材P12图2.7“任意变形工具”选项。
㈣ 美化画面效果
师先做演示操作,然后学生上机操作实习。
具体演示操作步骤:
1、插入图层,重命名为“土地”,使用“矩形工具”绘制浅绿色土地。
2、插入图层,重命名为“云彩”,使用“铅笔工具”绘制白云。
注意:为了使云彩有远近的感觉,在填充颜色时,可以将“混色器”中的Alpha数值降低。
制作完成后“锁定”该图层。
3、插入图层,重命名为“花朵”,使用“直线工具”绘制一枝花并填充渐变色。
4、复制花朵。使用“选择工具”单击“花朵”图层,此时花朵被全部选中。右击选中的花朵,在弹出的快捷菜单中选择“复制”命令后,在舞台上右击,在弹出的快捷菜单中选择“粘贴”命令,此时花朵被复制。最后利用“选择工具”将复制的花朵放置在合适位置。
学生上机操作实习。
注意:近处的花较大,色彩较鲜艳,远处的花较小,颜色较暗。这就是“近大远小”的空间感。
提示:可以采用复制、粘贴的快捷操作。使用“选择工具”拖动被选择的一枝花的同时,按住Ctrl键,待鼠标右下角出现空心的+号后,在舞台的合适位置释放鼠标即可,如教材P13图2.9所示。
学生上机操作实习。
三、分图层制作动画效果
师先做演示操作,然后学生上机操作实习。
具体演示操作步骤:
1、制作静态效果
分别在土地、花朵、云彩、蜜蜂图层的第2帧上右击,在弹出的快捷菜单中选择“插入帧”命令,使图像显示到第2帧,此时这此图层各自包含两帧。
2、制作蜜蜂翅膀飞舞的动态效果
⑴、在“翅膀—内侧”图层的第2帧上右击,在弹出的快捷菜单中选择“插入关键帧”命令。
⑵、使用“任意变形工具”旋转角度,模拟蜜蜂翅膀张开的效果。制作完成后“锁定”该图层。
学生上机操作实习。
四、保存文件
将动画源文件以“蜜蜂采蜜”为文件名保存,并测试生成swf格式的文件。
【知识着陆】教材P15
1、使用“混色器”面板可以调整单色、渐变色的色彩,同时还可以调整色彩的Alpha的透明度,使画面由于透明度的不同而更加逼真。
2、“任意变形工具”可以调整图像的大小、角度以及中心点的位置。
3、将不同内容分成多个图层制作,则在修改某一图层时不会影响其他图层。把动态和静态图像分别在不同的图层中制作,可以让动画变得更有个性。如飞舞的蝴蝶、小鸟、燃烧的火球、太阳……。
【视野拓展】教材P15。制作动画的注意事项
在制作Flash动画的过程中,要注意以下几点:
1、分图层制作:静态和动态图像分图层制作,为制作复杂动画做好铺垫。
2、图层重命名:为不同图层赋予一个恰当的名字,这样当图层数量增多时可以更快地找到需要修改的内容。
3、锁定图层:图层制作完成后要锁定该图层,这样可以避免图层间的错误操作。
4、随时保存文件:通常采用两种格式保存。Fla格式为Flash动画源文件格式,包含图层、库等信息,便于随时修改。Swf格式为动画播放格式,便于随时欣赏。
三、课堂练习:
自己独立的制作小蜜蜂的动画效果
四、课堂小结:
六、板书设计:
第三课:蜜蜂采蜜
七、教学后记
复 备
课 题:第三课 熊熊之家
----导入图像并修改
课 题
熊熊之家----导入图像并修改
授课时间
课 型
新授课
课时安排
一课时




知识与技能:1.巩固多图层逐帧动画的制作,加强绘图工具、任意变形工具的使用练习。
2.学习导入图片并修改的操作方法。
3. 通过对图像进行编辑处理的操作,培养学生的创新意识与审美能力。
4.初步学习文本工具的使用
过程与方法:
情感态度与价值观:
教学重点
位图的导入与修改是本课的重点,导入位图的方法很简单,只需执行“文件”→“导入”→“导入到舞台”命令,也可以根据学生的实际情况让学生了解“文件”→“导入”→“导入到库”命令,使学生对库的概念形成初步认识。
教学难点
修改图像的操作
教具学具准 备
学生电脑
教学方法
演示与学生上机
教 学 过 程
一、导入新课:
通过前面对逐帧动画、绘图类工具的学习,可以发现绘制图形对Flash动画效果起着非常重要的作用,本课使用手绘矢量图与导入位图相结合的动画作品,绘画好的人在一个班级中并不多,而绘画功底弱的人群却是大多数,而吸引大多数学生继续学习下去的动力单独依靠有趣的动画技术是行不通的,需要让不同的学生同样制作出生动有趣的作品,使用手绘矢量图与导入位图相结合的动画作品,绘画功底弱不会影响制作动画的最终效果。
二、教学新课
师演示制作完成的动画“熊熊之家”
一、设置文档属性
新建动画文件。(师提示,学生具体操作修改文档)修改文档“属性”的大小为“600*180”像素,如教材P16图3.2所示。
二、第1帧动画的制作
㈠、导入导入背景图像
师先做演示操作,然后学生上机操作实习。
具体演示操作步骤:
1、将“图层1”重命名为“背景”。
2、执行“文件” →“导入” →“导入到舞台”命令,在弹出的“导入”对话框中选择要导入的“背景.jpg”文件,单击“打开”按钮,图片被导入到舞台的“背景”图层上。
3、使用“选择工具”选中舞台睥背景图像,单击“变形工具”待图像出现“调节点”后,调整背景图像与舞台大小一致。然后将该图层锁定。
学生上机操作。
㈡、边框制作
师先做演示操作,然后学生上机操作实习。
具体演示操作步骤:
1、新建图层,重命名为“边框—深色”。
2、单击工具面板中的“矩形工具”,将笔触颜色设置为“没有颜色”,填充色设置为“橘红色”,绘制一个长方形。
学生上机操作
㈢、导入“小熊”图像并去除较低背景
师提出:漂亮的图像可以通过导入的方法直接应用到动画中,图像导入后还可以根据需要进行编辑修改,如截取图像的局部等。
师先做演示操作,然后学生上机操作实习。
具体演示操作步骤:
1、新建图层,重命名为“小熊”。
2、执行“文件” →“导入” →“导入到舞台”命令,将“小熊.jpg”图片导入到舞台的小熊图层上。
3、使用工具面板中“选择工具”单击小熊图像,“执行”→“分离”命令,此时图像显示为沙粒状,如教材P18图3.4所示。
4、选择工具面板中的“套锁工具”选中选项中的“魔术棒”,单击小熊图像的蓝色背景,按下Delete键将其删除。
5、使用“套锁工具”圈选画面中的白云,然后按下Delete键将其删除。如果图像中还有“小熊”以外的多余内容,也可使用“橡皮擦工具”擦除,制作完成后“锁定”该图层,如教材P18图3.5所示。
具体演示操作:
“套锁工具”选项中的“魔术棒”是根据色彩的相似度来选择图像的,控制相似度的方法只需要单击“魔术棒设置”按钮,在弹出的“魔术棒设置”对话框中更改“阈值”等设置即可,阈值越大选择的范围越大,反之则越小,对阈值进行设置可以控制选择图像范围的大小,如教材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格式的文件。
三、课堂练习:
完成熊熊之家的动画
四、课堂小结:
1、执行“文件” →“导入”→“导入到舞台”命令,可以导入位图文件,使动画画面更精彩。
2、需要删除背景或局部画面的图像,可以执行“修改” →“分离”命令,使画面成为沙粒状,再配合“套锁工具”、“魔术棒”或“橡皮擦工具”来修整,保留画面中的有用部分,删除多余部分。
3、使用工具面板中的“变形工具”,并通过移动中心点来调整图像、文字的角度,可以营造图像或文字围绕中心摇摆的效果,摇椅的动画效果就可以运用此方法实现。
七、教学后记
复 备
课 题:第四课 变相怪杰
----形状补间动画
课 题
形状补间动画
授课时间
课 型
新授课
课时安排
一课时




知识与技能: 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格式的文件。
三、课堂练习:
完成这节课所学习的动画
四、课堂小结:
1、需要渐变的不同图形应分图层绘制,这样渐变的效果会更加自然。
2、形状渐变可以针对图形之间、图形与文字、文字与文字之间制作。常见的胖变瘦、太阳变月亮的效果都是运用形状补间动画的方法制作出来的。
3、制作文字渐变的动画效果时需要将文字执行“修改” →“分离”的命令,使文字成为沙粒状,否则无法实现预期效果。
五、教学后记
复 备
课 题:第五课 文字演变
---添加形状提示点
课 题
添加形状提示点
授课时间
课 型
新授课
课时安排
一课时




知识与技能:
巩固形状补间动画的制作方法。
掌握添加并编辑形状提示点的制作方法。
学习使用“变形面板”复制并旋转图形
过程与方法:
情感态度与价值观:
本课通过学习并制作文字的演变,不仅要让学生了解我国文字的发展历史以及我国传统图案等方面的知识,还要引导学生综合运用所学知识
教学重点
如何让形状按照要求变形,即添加形状提示的方法。
教学难点
通过改变图形中心点的位置、配合统一角度的改变,使图形旋转并复制,从而制作出横向的连续图案。当然可以引导学生,如果中心点位置不同、图形角度不同,配合旋转并复制会有哪些更加特殊的效果,这样来调动学生美化画面的想法,使作品看起来更富有个性、更丰富多彩。
教具学具准 备
学生电脑
教学方法
演示法、讲授法
教 学 过 程
一、导入新课:
师引入新课:第4课我们初步学习了形状补间动画的制作方法,通过制作我们可以发现有时变形的效果并不按照设想的来改变。师播放第4课制作形状补间动画让学生观察动画的最终效果,发现设想与实际的差异。通过分析第4课作品存在的问题引出本课的学习内容,即添加形状提示点可以改变动画变形的随机性。板书课题。
二、教学新课
一、设置文档属性
师要求学生设置文档属性:修改文档“属性”的大小为“400*300像素”,背景色为“黄色”,其余取默认值。
二、制作文字动画
师提出:文字的演变是很神奇的,通过给形状补间动画添加形状提示点,使文字出现自然的过渡效果,更好地感受文字逐渐的演变过程。
⑴、绘制文字内、外部图形
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
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。
师先做演示操作,然后学生上机操作。
利用制作“文字外部”形状补间动画并添加形状提示点的方法制作“文字内部”图层的形状补间动画,添加的形状提示点如教材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格式的文件。
三、课堂练习:
完成本节课文字演变过程
五、布置作业:
课后加强文字演变过程练习
六、板书设计:
第五课 文字演变
---添加形状提示点
七、教学后记
复 备
课 题:第六课 快乐猫咪
----简单的动画补间动画
课 题
简单的动画补间动画
授课时间
课 型
新授课
课时安排
一课时




知识与技能:
掌握新建并编辑图形元件的方法。
学会运用属性面板中的补间选项设置动画补间动画。
了解库并运用库管理和应用图形元件。
过程与方法:教师讲解演示、学生自主探究
情感态度与价值观:培养学生的动手和逻辑思维能力
教学重点
库与元件在本课都是首次接触,它们在制作Flash动画中的使用率非常高,因此这两个概念与场景间的关系间是本节的重点
教学难点
图形元件与影片剪辑元件的区别
教具学具准 备
学生电脑
教学方法
演示与学生上机实习
教 学 过 程
一、导入新课:
师引入新课:众所周知,各种软件经常会升级或改版,这是为了让软件的功能更加全面、更加强大,而这之前的不足是在实际应用中发现的,发现不足才能更好地完善自我。在前面学习的运用Flash制作动画的方法有没有不足呢?有解决办法吗?
二、教学新课
首先请学生欣赏以前制作的动画作品,尝试修改并完善动画,通过操作引出存在的问题: ① 图层繁多,选择图形并修改时容易导致操作错误。
② 相同的图像在多个关键帧中出现,需要修改多次,重复性操作过多,容易出现错位、错帧等问题。
由这些问题引出弥补的方法,将同一图层使用的相同图像用 “图形元件”来解决,自然过渡至本课所学的关键内容。(板书课题:简单的动画补间动画)。
师师演示让学生欣赏制作完成的实例效果(快乐猫咪)。
一、设置文档属性
学生上机设置文档属性(教材P37。大小为“550*400像素”,背景色为“蓝色”)。
二、制作图形元件
师提出:在“库”面板中制作的“图形元件”虽然也有很多图层,但在场景中却是一个整体,这个整体可以随意地摆放到场景的舞台中,还可以像印章一样重复使用。
【智多星】教材P38。元件
元件在Flash中的使用率非常高,它是一种可以重复使用的对象,而且反复使用不会增加文件的大小。元件还简化了文档的编辑,当编辑元件时,重复使用的该元件全部被更新。元件作为一个整体出现在舞台中,这个整体在“库”中完成制作,这样可以很好地避免直接在舞台中制作而导致的图层过多,容易混乱的问题。
将元件从库中拖放到场景或其他元件中后,就变成了元件的实例。实例之间是独立的,对某一个实例的编辑不会影响其他同元件的实例。元件和实例之间既保持一定的联系,又具有一定的独立性。
创建元件后,可以在文档中重复使用它的实例。可以修改单个实例的颜色、缩放比例、旋转、Alpha透明度、亮度、色调、高度、宽度和位置等实像属性,而不会影响其他实例或原始元件。
元件包括图形元件,影片剪辑元件和按钮元件三种类型。
图形元件适用于静态图像的制作,发家具、服装等。
影片剪辑元件适用于制作动态效果,如飞舞的蝴蝶、小鸟等。
按钮元件可以实现交互操作,如单击按钮跳转到其他画面等。
⑴、新建图形元件
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
1、执行“窗口” →“库”命令,弹出“库”面板。
2、单击“库”面板下方的“新建元件”按钮,弹出“创建新元件”对话框,更改元件名称为“猫”,元件类型为“图形”元件,单击“确定”按钮。此时“库”面板中出现“猫”的图形元件,并进入图形元件的编辑状态,如教材P38图6.2所示。
元件还可以通过执行“插入” →“新建元件”命令创建,对应的快捷键是Ctrl+F8.
学生上机操作。
⑵、制作“猫”的图形元件
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
1、在“猫”的图形元件的编辑状态下,将“图层1”重命名为“猫”, 如教材P39图6.3所示。
2、进入图形元件的编辑状态,界面中间出现的十字形表示为图形元件舞台的中央,从这里开始绘制图形便于今后调整元件。使用工具面板中的“椭圆工具”、“线条工具”绘制猫的外形,使用“选择工具”将直线调整为弧线,并填充颜色,如教材P39图6.4所示。
师做演示操作。
使用工具面板中的“部分选取工具”选中猫的外轮廓,此时出现锚记点,调整锚记点的位置、弧线角度,可以更加精确地改变外轮廓的形状,即使绘图功底差也不怕。单击锚记点,两侧会出现两个切线手柄,这两个手柄可随意调整也可按住Alt键单独调节一侧的切线手柄来改变弧线角度或移动锚记点位置。
注意:当单击锚记点设有出现控制手柄时,可按住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、修改属性面板中的“补间”为“动画”,在动画的起始关键帧中和结束关键帧中放置同一个图形元件,通过调整两个关键帧中图形元件的位置,可以制作上下跳动的彩球、海上行驶的渔船等动画补间动画。
五、布置作业:
使用制作“蜻蜓”补间动画的方法,制作“眼睛”所在图层的动画补间动画,使小猫的眼睛随蜻蜓转动。制作完成后的帧面板如教材P41图6.11所示。
六、板书设计:
第六课 快乐猫咪
----简单的动画补间动画
七、教学后记
复 备
课 题:第七课 穿越森林
---多变地动画补间动画
课 题
多变地动画补间动画
授课时间
课 型
新授课
课时安排
一课时




知识与技能:
巩固图形元件的制作方法。
掌握应用“组合”、调整“叠放顺序”等多种技巧绘制图形。
学习动画补间动画的属性调整。
掌握文字对象的动画补间动画的设置方法
过程与方法:
情感态度与价值观:
教学重点
本课的重点在于图形元件的绘制、动画补间动画的设置及其属性的调整
教学难点
应用“组合”、调整“叠放顺序”等多种技巧绘制图形。
教具学具准 备
学生电脑
教学方法
演示与学生上机实习
教 学 过 程
一、导入新课:
教师可以演示如图7.1所示的七彩填充的小球旋转下落,并且小球逐渐变小变透明的范例,然后向学生提问:使用已经学过的知识能否完成该动画效果的设置?
同学们会跃跃欲试,表示能够完成,可实际操作以后会发现,如果使用形状补间动画,小球的旋转运动并不像我们预期的那样,中间的过渡颜色会产生偏差,小球可以改变大小,却没有办法进行透明度的设置。
二、教学新课
一、设置文档属性
师引导学生进行设置:新建动画文件,修改文档“属性”舞台大小为(550*400px),背景色为“土黄色”。
二、制作背景
⑴、制作树木图形元件
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
新建图形元件。执行“插入” →“新建元件”命令,创建“树木”图形元件,如教材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所示。
学生上机绘制“汽车”
⑶、合成背景
师提出:将图形元件“云朵”、“树木”、“小路”、“太阳”合成在一个图形元件中,构成动画作品的背景。
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
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、执行“插入” →“新建元件”命令,创建“文字”图形元件。
2、在元件“文字”的编辑状态下,使用“文本工具”在舞台上书写标题文字“穿越森林”。文字的属性设置如教材P49图7.19所示。
学生上机制作。
⑵、更改文字的属性
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
1、回到“场景1”的编辑状态,新建图层,重命名为“标题”,将“库”面板中图形元件“文字”拖放到舞台的合适位置上,使用“任意变形工具”将文字缩小。将文字颜色属性的Alpha值设为0%,使文字变为透明。
2、在“标题”图层的第35帧插入关键帧。使用“任意变形工具”将文字放大,将Alpha值设为100%,使文字变为不透明。更改文字的颜色属性为“色调”,此时出现调整色彩的RGB,如教材P49图7.20所示。
学生上机设置
⑶、设置文字的动画补间动画
师先做演示操作,然后学生上机操作。
选中“标题”图层的第1至35帧之间的任意一帧,在“属性”面板中设置补间为“动画”,旋转方式为“顺时针”, Alpha值创建文字顺时针旋转放大变色的动画渐变效果。
学生上机设置文字的动画补间动画。
五、保存文件
师:将动画源文件以“穿越森林”为文件名保存在自己文件夹中的“作业”文件夹中,并测试生成swf格式的文件。
学生保存文件
三、课堂练习:
完成本节课的“穿越森林”动画
四、课堂小结:
1、通过调整不同关键帧中元件的位置、大小、Alpha值等设置,使元件的属性发生变化,并在“帧”属性面板中设置补间为“动画”,就可以产生移动、淡入淡出等动画效果。
2、在“属性”面板中,设置动画属性中的“缓动”值,可以调整补间动画的速度变化。通过这种属性设置可以制作加速下落的小球、减速旋转的陀螺等动画效果。
五、布置作业:
课后加强对“多变地动画补间动画”的练习
六、板书设计:
第七课 穿越森林
---多变地动画补间动画
七、教学后记
复 备
课 题:第八课:荷兰风车
----影片剪辑元件的应用
课 题
荷兰风车
授课时间
课 型
新授课
课时安排
一课时




知识与技能:
1、学习“影片剪辑元件”的制作与应用。
2、学习为“影片剪辑元件”添加滤镜效果的方法。
3、让让学生理解影片剪辑元件本身就是一小段动画,它的播放与场景的主时间轴没有直接关系”这一概念
过程与方法:
情感态度与价值观:
教学重点
影片剪辑元件”的创建与使用、“影片剪辑元件”与“图形元件”的区别。
【教法】演示与学生上机实习
教学难点
影片剪辑元件”的创建与使用是本课的重点
教具学具准 备
学生电脑
教学方法
演示法、讲授法
教 学 过 程
一、导入新课:
师首先播放“荷兰风车”动画而导入课题(师板书课题:荷兰风车----影片剪辑元件的应用
二、教学新课
一、制作背景
师:为了创建美丽的动画,下面导入一幅外部图片。
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
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所示。
学生上机制作“白云”。
⑵、制作影片剪辑元件“飘动的白云”
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
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 中应用滤镜可以为影片剪辑元件添加阴影、模糊等显示特效。利用这种特效可以绘制带有阴影效果的树木、发光的灯泡等。
五、布置作业:
六、板书设计:
第八课:荷兰风车
----影片剪辑元件的应用
七、教学后记
复 备
课 题:第九课:蝴蝶飞舞
----“引导层”动画
课 题
蝴蝶飞舞
授课时间
课 型
新授课
课时安排
一课时




知识与技能:
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、在时间轴上单击“添加运动引导”按钮,在图层“蝴蝶”之上新建一个特殊图层。
学生上机操作添加“运动引导层”。
师: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键测试影片。可以看到舞动的蝴蝶沿绘制好的路径运动。
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
使用上述方法,新建图层“蝴蝶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格式的文件。
三、课堂练习:
完成蝴蝶飞舞动画
四、课堂小结:
在具有补间动画效果的图层之上建立新的特殊图层----运动引导层,可以使图形沿在运动引导层制好的路径运动。使用这种方法可以制作飞机投弹的抛物线、树叶飘落和曲线等。
六、板书设计:
第九课:蝴蝶飞舞
----“引导层”动画
七、教学后记
复 备
课 题:第10课 水波荡漾
----“遮罩层”动画
课 题
水波荡漾
授课时间
课 型
新授课
课时安排
一课时




知识与技能:
1、复习各类型元件的制作方法,熟练掌握元件的位置、颜色等属性的更改。
2、复习巩固引导层动画的制作方法。
3、学习遮罩层动画的制作。
过程与方法:
情感态度与价值观:培养学生的动手操作能力
教学重点
遮罩层动画
教学难点
遮罩层动画的创建是本课的重点也是难点
教具学具准 备
学生电脑
教学方法
演示法、学生上机操作
教 学 过 程
一、导入新课:
教师演示本课范例、创作天地范例、百叶窗特效、放大镜特效等具有遮罩层特效的动画,让学生观察用所学的知识能否完成这些动画效果的制作?以此引入本课学习的重点——遮罩层动画。
二、教学新课
一、制作背景
师:导入外部图片用于制作动画作品的背景,并利用影片剪辑元件的颜色透明度设置制作出水中倒影效果。
⑴、导入图片
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
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帧位置,使用“任意变形工具”将图像适当放大,如教材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格式的文件。
三、课堂练习:
完成本节课所学习的 水波荡漾动画
四、课堂小结:
遮罩是Flash中的一个常用功能,在遮罩层中,可以使用“绘图工具”绘制各种图形作为遮罩,透过这些图形能够看到被遮罩层的内容,而遮罩层图形以外的内容将遮蔽。利用遮罩层的特点,可以制作各种文字变幻、水波纹、百叶窗切换等特效
五、布置作业:
六、板书设计:
第10课 水波荡漾
----“遮罩层”动画
七、教学后记
复 备
课 题:第十一课:心语星愿
----按钮元件的应用
课 题
心语星愿
授课时间
课 型
新授课
课时安排
一课时




知识与技能:
1、巩固影片剪辑元件的创建与应用,元件属性调整的方法、滤镜特效的应用。
2、学习为影片剪辑元件添加时间轴特效。
3、巩固遮罩层特效的制作方法。
4、学习按钮的制作方法,并为按钮添加简单的控制动作。
过程与方法:
情感态度与价值观:提高学生的动手能力
教学重点
影片剪辑元件属性调整的综合应用、滤镜特效的设置、时间轴特效的添加以及按钮的制作与使用,简单动作的设置等。
教学难点
影片剪辑元件属性调整的综合应用、滤镜特效的设置、时间轴特效的添加以及按钮的制作与使用,简单动作的设置等。
教具学具准 备
学生电脑
教学方法
演示与学生上机实习
教 学 过 程
一、导入新课:
教师从网络上搜集一些Flash贺卡(简单)让学生欣赏,并引导他们分析:通过已经学习过的知识是否也能够制作出精美的贺卡呢?从而激发学生创作的积极性。展示本课的范例,让学生自己动手实践除按钮以外的动画制作。
二、教学新课
一、制作背景
⑴、导入背景图片
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
1、新建动画文件,为了方便后期绘制白色图形,将文档背景颜色改为“浅蓝色”。
2、将图层1重命名为“背景”,执行“文件” →“导入”→“导入到舞台”命令,将素材图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”,将影片剪辑元件“花”、“挑心”、“圆”依次拖放到舞台合适位置,通过改变实例的颜色属性及添加滤镜,制作与“图层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格式的文件。
三、课堂练习:
完成心语星愿的动画制作
四、课堂小结:
1、在“属性”面板中更改影片剪辑元件的颜色等属性,并通过在“滤镜”选项卡中添加“阴影”、“发光”等到特殊效果,可以使同一个影片剪辑元件在舞台上以不同的颜色效果出现,为画面增加生动的色彩。
2、按钮元件通常包含4帧:“弹起”帧、“指针经过”帧、“按下”帧和“点击”帧。通过给按钮添加goto、stop等时间轴控制命令,可以控制时间轴的播放与停止,增强动画的交互性。
五、布置作业:
教材P81。电子贺卡
六、板书设计:
第十一课:心语星愿
----按钮元件的应用
七、教学后记
复 备
课 题:第十二课:小鸡旅行
----多场景及声音的应用
课 题
小鸡旅行
授课时间
课 型
新授课
课时安排
一课时




知识与技能:
1、巩固按钮元件的制作方法。
2、掌握给帧添加动作的方法。
3、掌握场景的新建及编辑方法。
过程与方法:
情感态度与价值观:提高学生的动手能力和对电脑的操作能力
教学重点
本课的重点在于将所学知识点综合应用、强化按钮对影片的控制作用、场景的创建与编辑方法、声音文件的导入与编辑
教学难点
给帧添加动作和场景的新建及编辑及为动画作品添加背景音乐的方法。
教具学具准 备
学生电脑
教学方法
演示与学生上机实习
教 学 过 程
一、导入新课:
教师可以从网络上搜集大量的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、执行“文件” →“导入”→“导入到舞台”命令,导入声音文件01.wav。
3、打开“库”面板,将声音01.wav拖放到舞台,此时在图层“音乐”的时间轴上出现声音波形,如教材P88图12.11所示。
学生上机为场景添加背景音乐。
三、场景间的相互跳转
师:给按钮添加动作,使动画在不同场景中播放,实现场景的相互跳转。
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
1、单击“场景面板”中的“封面”,切换到“封面”的编辑状态。
2、选中“按钮”图层第20帧的“按钮”实例右击,在弹出的快捷菜单中,选择“动作”命令,打开“动作—按钮”面板,打开“脚本助手”,选择左侧列表中“全部函数” →“时间轴控制” →goto命令,在右侧的“场景”下拉列表中选择“冬” 如教材P89图12.12所示。
学生上机设置场景间的相互跳转。
【DIY】给场景“冬”中的按钮添加动作,单击按钮能够跳转到场景“封面”的第1帧并播放。
3、选中场景“冬”中“按钮”图层上第120帧的“按钮”实例,打开“动作—按钮”在“gotoAmdPlay(“封面”,1);”命令前添加动作stopAllSounds,使场景发生跳转时能够停止本场景的音乐播放,如教材P89图12.13所示。
学生上机设置。
四、保存文件
将动画源文件以“小鸡旅行”为文件名保存到自己文件夹中的“作业”文件夹中,并测试生成swf格式的文件。
三、课堂练习:
完成小鸡旅行动画
四、课堂小结:
1、在Flash中可以将动画内容按照不同主题划分,然后将每个主题作为一个场景来制作。
2、可以为Flash动画加入音乐。通常导入的声音文件可以作为背景音乐、符合动画情节的伴奏音或单击按钮的声音特效等。
3、在Flash中,按钮不仅能够控制时间轴和声音的播放与停止,而且还能控制场景的跳转等。
五、布置作业:
继续完善本课的实例,制作春、夏、秋的不同场景,并添加背景音乐。
六、板书设计:
第十二课:小鸡旅行
----多场景及声音的应用
七、教学后记
复 备