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

八年级上册教案清华版熊猫的梦




题:第一课熊猫的梦

课 课 教 学 目 标

题 型 新授课

熊猫的梦

授课时间 课时安排 课时

知识与技能:掌握 Flash 的启动与退出,了解 Flash 窗口的组成。

过程与方法:掌握在Flash中绘制图像的方法,学会保存动画文件。 情感态度与价值观:初步学习制作逐帧动画、预览动画并生成 swf 格式的文件
认识Flash 8的工作界面,学习使用绘图工具绘制图形并制作成逐帧动画

教学重点 教学难点

帧的理解与操作、保存文件

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

教学方法

教 一、导入新课:





程 复 备

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

二、教学新课
新课教学法 一、启动并认识 Flash 的工作界面 1、启动 师提出:Flash 的启动它跟我们上学期学过的 Word 的启动方法一样,可以在 Windows 桌面单击 “开始”→“程序” →“Macromedia” →“Macromedia Flash 8”即可。 (师演示操作,然后学生 上机操作) 2、认识 Flash 窗口界面

1

标题栏

菜单栏

浮 动 面板

时间轴 工具 面板 属性 面板

舞台 面 板

师引导学生分别介绍: 1、 标题栏: 2、 菜单栏: 3、 工具面板:可以进行对象选择、图形绘制、文本录入与编辑、对象控制等操作。 4、 属性面板:反映正在使用的工具和资源情况,可进行详细设臵。 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 所示。
2



⑵、利用颜料桶工具填充颜色 1、单击工具面板中的“颜料桶工具” ,设臵填充充为“黑色” 。 2、在需要填充黑色的区域单击。 使用填充黑色的方法,分别将熊猫的脸、眼球和嘴填充为白色。如教材 P5 图 1.9 所示。 ⑶、利用刷子工具绘制小苗 1、选择工具面板中的“刷子工具” ,设臵填充色为“棕色” ,绘制出土地的效果。 2、使用“刷子工具”分别绘制深色的土块和绿色的小竹苗,如教材 P6 图 1.10 所示。 利用“铅笔工具”绘制的是线条。铅笔工具的颜色由笔触颜色控制。 利用“刷子工具”绘制的是大面积的色彩。刷子工具的颜色由填充色控制。 四、制作第 2 帧画面 师提出:完全相同的两个画面是不可能出现动画效果的。因此第 2 帧画面要在第 1 帧画面的基 础上绘制竹子,使两帧画面不同,为制作动画做好准备。

关键帧F6

帧F5

空白关键帧F7

空白区域

时间轴:主要由图层和帧组成,动画效果主要是通过交替播放时间轴上不同帧中的相应画面而 实现的。 帧:可分为普通帧、关键帧和空白帧几种 普通帧:两个关键帧之间的过渡部分,使画面处于保持不变的状态。以“灰色”显示,快捷键 为 F5。 关键帧:一个动作的开始或结束,决定动画效果的关键部分。以“黑色实心圆点〃 ”显示,快捷 键为 F6。 空白帧:没有放臵任何动画对象的关键帧,起到将当前帧的内容清除的作用。以“黑色空心圆 点”显示,快捷键为 F7。 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、在图层 1 第 2 帧的位臵右击,在弹出的快捷菜单中选择“插入关键帧”命令。 2、使用“椭圆工具” 、 “铅笔工具”绘制带提示角的图形。 3、选择“矩形工具”设臵笔触颜色为“黑色” ,填充色为“绿色” ,绘制的矩形。 4、单击“选择工具” ,将鼠标指向矩形边线,待鼠标变为如教材 P6 图 1.11 所示状态时,向里 拖动矩形边线。完成后用“选择工具”框选,再复制两个,将其在纵向方向为一直线,然后使用“刷 子工具”绘制竹叶,完成竹子的绘制。 提示: 1、使用工具面板中的“选择工具”选中需要改变颜色的部分。 2、更改工具面板选项中的笔触颜色和填充色即可。 师提出:在计算机中显示的图形一般可以分为两大类----矢量图和位图。 矢量图:使用线段和曲线描述图形,文件体积一般较小。 矢量图形最大的优点是进行放大、缩小或旋转等操作都不会产生失真。
3

矢量图形最大的缺点是难以表现出色彩层次丰富的逼真图像效果。 位图:由一个个小色块组成的图像,这些色块称为“像素点” 。计算机屏幕其实就是一张包含大 量像素的风格。 位图图形最大的优点是能表现出色彩层次丰富的逼真图像效果。 位图图形最大的缺点是进行放大、缩小或旋转等操作就会看到马赛克一样的像素点。 由于 Flash 动画是由一张张矢量图构成的, 因此生成的动画文件存储空间很小, 在网络中传输速 度很快,可以很方便地下载观看。一个几分钟长度的 Flash 动画片,常常只有 1—2M。 五、调整动画时间 师提出:通过添加普通帧的方法可以让关键帧之间的动画过渡时间延长。 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、执行“控制” →“测试影片”命令,此时弹出测试影片的窗口,观察动画效果,可以看到动 画播放频率过快,动画内容看不清楚。 2、关闭测试影片窗口,在第 1 帧上右击,在弹出的快捷菜单中选择“插入帧”命令,同样在第 2 帧上也插入帧,使动画时间延长。 3、测试影片效果,如不满意可继续插入帧延长时间。 六、保存文件 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、执行“文件”→“保存” “ 在弹出的对话框中选择保存位臵”→“我的电脑”→“E”→“个 人文件(1100 李忠贵) ”→“作业” ,将文件命名为“熊猫的梦” ,单击“保存”按钮,此时动画源 文件就以 Flash 格式保存起来。 2、执行测试影片命令,生成 swf 格式的动画播放文件。

三、课堂练习:
完成课堂所学内容

四、布臵作业:
独立完成这节课所学习的内容

五、教学反思

4



题:第二课 蜜蜂采蜜

课 课 教 学 目 标

题 型 新授课

蜜蜂采蜜

授课时间 课时安排 课时

知识与技能:
1.巩固绘图类工具的使用方法。 2.初步学习使用图层来规划整个作品。 3.认识图层,理解图层的概念,并学会新建图层,图层重命名、锁定、删除 等常用方法。 4.初步学习多层逐帧动画的制作。

过程与方法:教师演示,学生练习 情感态度与价值观:锻炼学生的动手操作能力 教学重点 教学难点
多层逐帧动画中使用到了帧和图层的概念 多图层操作由于图层数量过多,因此容易混淆图层与帧的所在位臵,

教具学具 学生电脑 准 备

教学方法 演示与学生上机 教 一、导入新课: 学 过 程 复

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

二、教学新课
一、新建文件并修改文档属性 师先做演示操作,然后学生上机操作实习。
5

具体演示操作步骤: 执行“文件” →“新建”命令,将文档“属性”的大小设臵为“300*300 像素” ,背景颜色为“浅蓝色” ,如教材 P10 图 2.2 所示。 二、分图层绘制蜜蜂、花朵、天空、土地等图形 师提出:将一幅画面的各部分内容在不同图层中绘制,既便于修改画面, 又便于处理不同图层的动画效果。 注意:单击的位臵不同,画面效果也不同。为了防止由于图层增多而导 致图层的错误操作,可以在制作完成后单击图层“锁定”按钮下“蜜蜂”图 层的未锁定标志,将“蜜蜂”图层锁定,锁定后的图层是不以进行修改的。 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、执行“窗口” →“工作区布局” →“默认”命令可以将常用的浮动 面板调出,其余面板也可以根据需要在“窗口”菜单中调出。 2、 “混色器”面板中的“色标”可以根据画面需要随时添加或删除。添 加色标只需在色标间空白区域单击。删除色标只需选择该色标向下拖动即可。 色标表示不同颜色,可以调整色标的 Alpha 数值控制色彩的透明度,0%为完 全透明,100%为完全不透明。 学生上机实习操作。 ㈡绘制蜜蜂的红脸蛋 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、单击时间轴下方的“插入图层”按钮,插入一个新图层并将其重命名 为“红脸蛋” 。 2、单击“椭圆工具” ,设臵“混色器”面板中的“类型”为“放射状” , 色标的颜色分别为红色、魄,并更改白色色标的 Alpha 数值为 0%,合白色完 全透明。 3、使用“椭圆工具”绘制圆形,并将其放臵在合适位臵。制作完成后“锁 定”该图层,如教材 P12 图 2.5 所示。 ㈢绘制蜜蜂的翅膀 师先做演示操作,然后学生上机操作实习。
6

具体演示操作步骤: 1、插入两个图层,分别重命名为“翅膀—内侧”和“翅膀---外侧” 。 2、在“翅膀—内侧”图层上,使用“椭圆工具”绘制无边线的深蓝色圆 形。在“翅膀—外侧”图层上,绘制无边线的浅蓝色的圆形。 3、使用工具面板中的“任意变形工具” ,单击深蓝圆形,此时图像外围 出现“调节点”和“中心点” 。 4、按住鼠标左键拖动“中心点”至椭圆形下方。拖动边角的“调节点” 调整蜜蜂翅膀的大小。将鼠标指针稍远离边角的“调节点” ,待鼠标指针变为 如教材 P12 中“逆时针旋转方向的箭头”形状时,拖动鼠标,使蜜蜂的翅膀 围绕“中心点”旋转角度。制作完成后“锁定”该图层,如教材 P12 图 2.6 所示。 5、使用“任意变形工具”调整浅蓝色圆形,制作蜜蜂翅膀的张开效果。 “任意变形工具”不但可以调整图像的大小、角度以及中心点的位臵, 而且在工具面板的“选项”中还有更多变形方式,如教材 P12 图 2.7“任意变 形工具”选项。 ㈣ 美化画面效果 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、插入图层,重命名为“土地” ,使用“矩形工具”绘制浅绿色土地。 2、插入图层,重命名为“云彩” ,使用“铅笔工具”绘制白云。 注意:为了使云彩有远近的感觉,在填充颜色时,可以将“混色器”中 的 Alpha 数值降低。 制作完成后“锁定”该图层。 3、插入图层,重命名为“花朵” ,使用“直线工具”绘制一枝花并填充 渐变色。 4、复制花朵。使用“选择工具”单击“花朵”图层,此时花朵被全部选 中。右击选中的花朵,在弹出的快捷菜单中选择“复制”命令后,在舞台上 右击,在弹出的快捷菜单中选择“粘贴”命令,此时花朵被复制。最后利用 “选择工具”将复制的花朵放臵在合适位臵。 学生上机操作实习。
7

注意: 近处的花较大, 色彩较鲜艳, 远处的花较小, 颜色较暗。 这就是 “近 大远小”的空间感。 提示:可以采用复制、粘贴的快捷操作。使用“选择工具”拖动被选择的 一枝花的同时,按住 Ctrl 键,待鼠标右下角出现空心的+号后,在舞台的合 适位臵释放鼠标即可,如教材 P13 图 2.9 所示。 学生上机操作实习。 三、分图层制作动画效果 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤: 1、制作静态效果 分别在土地、花朵、云彩、蜜蜂图层的第 2 帧上右击,在弹出的快捷菜单 中选择“插入帧”命令,使图像显示到第 2 帧,此时这此图层各自包含两帧。 2、制作蜜蜂翅膀飞舞的动态效果 ⑴、 在 “翅膀—内侧” 图层的第 2 帧上右击, 在弹出的快捷菜单中选择 “插 入关键帧”命令。 ⑵、使用“任意变形工具”旋转角度,模拟蜜蜂翅膀张开的效果。制作完 成后“锁定”该图层。 学生上机操作实习。 四、保存文件 将动画源文件以 “蜜蜂采蜜” 为文件名保存, 并测试生成 swf 格式的文件。 【知识着陆】教材 P15 1、使用“混色器”面板可以调整单色、渐变色的色彩,同时还可以调整 色彩的 Alpha 的透明度,使画面由于透明度的不同而更加逼真。 2、 “任意变形工具”可以调整图像的大小、角度以及中心点的位臵。 3、将不同内容分成多个图层制作,则在修改某一图层时不会影响其他图 层。把动态和静态图像分别在不同的图层中制作,可以让动画变得更有个性。 如飞舞的蝴蝶、小鸟、燃烧的火球、太阳……。 【视野拓展】教材 P15。制作动画的注意事项 在制作 Flash 动画的过程中,要注意以下几点: 1、 分图层制作: 静态和动态图像分图层制作, 为制作复杂动画做好铺垫。
8

2、图层重命名:为不同图层赋予一个恰当的名字,这样当图层数量增多 时可以更快地找到需要修改的内容。 3、锁定图层:图层制作完成后要锁定该图层,这样可以避免图层间的错 误操作。 4、随时保存文件:通常采用两种格式保存。Fla 格式为 Flash 动画源文 件格式,包含图层、库等信息,便于随时修改。Swf 格式为动画播放格式,便 于随时欣赏。

三、课堂练习: 自己独立的制作小蜜蜂的动画效果 四、教学反思



9



题:第三课 熊熊之家 ----导入图像并修改

课 课 教 学 目 标

题 型

熊熊之家----导入图像并修改

授课时间 课时安排 课时

新授课

知识与技能:1.巩固多图层逐帧动画的制作,加强绘图工具、任意变形工具的使
用练习。 2.学习导入图片并修改的操作方法。 3. 通过对图像进行编辑处理的操作,培养学生的创新意识与审美能力。 4.初步学习文本工具的使用

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

教学重点 教学难点

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

教具准备 学生电脑 教学方法
演示与学生上机

教 一、导入新课:





程 复 备

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

二、教学新课
师演示制作完成的动画“熊熊之家” 一、设臵文档属性 新建动画文件。 (师提示, 学生具体操作修改文档) 修改文档 “属性” 的大小为 “600*180”
10

像素,如教材 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 所示。
11

学生上机操作。 三、制作动画效果 师提出:现在我们把所有动画效果的第 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、使用工具面板中的“变形工具” ,并通过移动中心点来调整图像、文字的角度,可以营造 图像或文字围绕中心摇摆的效果,摇椅的动画效果就可以运用此方法实现。

五、教学反思

12



题:第四课

变相怪杰 ----形状补间动画

课 课 教 学 目 标

题 型 新授课

形状补间动画

授课时间 课时安排 三课时

知识与技能:
1.巩固使用绘图工具与选择工具绘制并编辑图像的方法。 2.掌握将图形、文字制作出形状补间动画的方法。 3.学会使用“修改”→“分离”的命令分离文字呈沙粒状。

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

教具学具 学生电脑 准 备

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





程 复 备

二、教学新课
一、设臵文档属性 新建动画文件,设臵文档“属性”的大小为“500*400 像素” ,背景色为“白色” 。
13

二、制作第 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 帧插入帧。
14

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、制作文字渐变的动画效果时需要将文字执行“修改” →“分离”的命令,使文字成为沙 粒状,否则无法实现预期效果。

五、教学反思

15



题:第五课

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

课 课 教 学 目 标

题 型 新授课

添加形状提示点

授课时间 课时安排 三课时

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

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

教学重点 教学难点

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

教具学具 学生电脑 准 备

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





程 复 备

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

色” ,其余取默认值。 二、制作文字动画 师提出:文字的演变是很神奇的,通过给形状补间动画添加形状提示点,使文字出现 自然的过渡效果,更好地感受文字逐渐的演变过程。 ⑴、绘制文字内、外部图形 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 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。 师先做演示操作,然后学生上机操作。 利用制作“文字外部”形状补间动画并添加形状提示点的方法制作“文字内部”图层
17

的形状补间动画,添加的形状提示点如教材 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 格式的文件。

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

四、教学反思

18



题:第六课

快乐猫咪

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

课 课 教 学 目 标

题 型 新授课

简单的动画补间动画

授课时间 课时安排 课时

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

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

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

教学方法

教 一、导入新课:





程 复 备

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

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

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

注意:当单击锚记点设有出现控制手柄时,可按住 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、可以将一个需要多次使用的图形制作成图形元件,图形元件可以像印章一样重 复使用,使用图形元件能够快速地制作出大面积的花园、树林、建筑等效果,避免重 复制作。

四、教学反思

21



题:第八课

穿越森林 ---多变地动画补间动画

课 课 教 学 目 标

题 型 新授课

多变地动画补间动画

授课时间 课时安排 课时

知识与技能:
巩固图形元件的制作方法。 掌握应用“组合” 、调整“叠放顺序”等多种技巧绘制图形。 学习动画补间动画的属性调整。 掌握文字对象的动画补间动画的设臵方法

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

教学重点 教学难点

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

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

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

教学方法

教 一、导入新课:





程 复 备

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

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

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

二、教学新课
一、设臵文档属性 师引导学生进行设臵:新建动画文件,修改文档“属性”舞台大小为(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 所示。 学生上机绘制“汽车”
23

⑶、合成背景 师提出:将图形元件“云朵” 、 “树木” 、 “小路” 、 “太阳”合成在一个图形元件中,构成 动画作品的背景。 师先做演示操作,然后学生上机操作。 具体演示操作步骤: 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、执行“插入” →“新建元件”命令,创建“文字”图形元件。
24

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

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

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

五、教学反思

25



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

课 课 教 学 目 标

题 型 新授课 知识与技能:

荷兰风车

授课时间 课时安排 课时

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

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

教学重点

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

教学难点

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

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

教学方法





程 复 备

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

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

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

师:滤镜是 Flash 8 中新增的功能,使用滤镜可以为文本、按钮和影片剪辑增添有趣的视觉效 果。例如使对象发光、添加投影等,也可以应用多种效果进行混合。应用滤镜后,可以随时改变它 的各选项值,或者调整滤镜添加顺序以生成不同效果。在“属性”面板中,可以启用、禁用或者删 除滤镜。删除滤镜后,对象将恢复原来外观。 4、在“图层 1”的第 500 帧插入关键帧,移动“白云”实例到舞台右侧,在时间轴上第 1 至 500 帧之间创建动画补间动画,完成白云飘动效果的制作。 5、回到“场景 1”的编辑状态,新建图层,重命名为“白云” ,将影片剪辑元件“飘动的白云” 拖放在舞台适当位臵。 学生上制作“飘动的白云” 。 四、保存文件 师:将动画源文件以“荷兰风车”为文件名保存在自己文件夹中的“作业”文件夹中,并测试 生成 swf 格式的文件。

三、课堂练习:完成“荷兰风车”动画 四、课堂小结:
1、执行 “执行” →“导入”命令,可以在 Flash 动画中导入图片、声音等文件。 2、通常可以将一段独立的小影片制作成影片剪辑类型的元件,将这些影片剪辑元件直接放臵在 场景的舞台中应用,不但减少了场景中层与帧的数量,而且还可以反复使用。 3、在 Flash 8 中应用滤镜可以为影片剪辑元件添加阴影、模糊等显示特效。利用这种特效可以绘 制带有阴影效果的树木、发光的灯泡等。

五、教学反思

28



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

课 课 教 学 目 标

题 型 新授课

蝴蝶飞舞

授课时间 课时安排 课时

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

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

教学重点 教学难点

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

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

教学方法

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





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

① 创建图形元件“小球”的动画补间动画。 ② 在“小球”图层上添加特殊引导层“运动引导层” ,使用铅笔绘制运动的轨迹。 ③在起始帧和结束帧位臵,分别将产生动画补间动画的元件锁定在引导线两端。 或者师提前演示“蝴蝶飞舞”动画效果来引入课题。 一、打开原有文件修饰整体画面 师引入第 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 所示。
30

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

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

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

五、教学反思

31



题:第10课

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

课 课 教 学 目 标

题 型 新授课

水波荡漾

授课时间 课时安排 课时

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

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

教学重点 教学难点

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

教具学具 学生电脑 准 备

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





程 复 备

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

师先做演示操作,然后学生上机操作。 具体演示操作步骤: 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 帧位
33

臵,使用“任意变形工具”将图像适当放大,如教材 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 以文本作为遮罩层, 通过镂空的文字线条将下一层的椭圆图形显 示出来,文字线条以外的图形被遮蔽。由于文字是遮罩层,所以文字的颜色
34

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

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

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

五、教学反思

35



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

课 课 教 学 目 标

题 型 新授课

心语星愿

授课时间 课时安排 课时

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

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

教学重点 教学难点

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

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

教学方法

教 一、导入新课:





程 复 备

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

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

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

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

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

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

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

五、教学反思

39



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

课 课 教 学 目 标

题 型 新授课

小鸡旅行

授课时间 课时安排 课时

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

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

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

教学方法

教 一、导入新课:





程 复 备

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

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

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 动画时,通常需要使用多场景,就像在话剧表演中要
41

使用多幕一样。我们可以根据需要,将动画中不同主题的内容设臵为不同场景。每个 场景都有一个时间轴。当播放到一个场景的最后一帧时,如果没有动作设臵,动画将 自动播放下一个场景。 可以在“场景”面板中添加、删除、复制、重命令场景以及更改场景的顺序。 二、制作场景“冬” ⑴、插入场景“冬” 师先做演示操作,然后学生上机操作。 执行“插入”→“场景”命令,插入新的场景,在“场景面板”中将其重命名为 “冬” 。 学生上机插入场景“冬” ⑵、制作背景 师先做演示操作,然后学生上机操作。 新建图层“白雪” 、 “雪人” 、 “房屋” 、 “雪花” 、 “蓝天” ,使用“绘图工具”绘制冬 的背景画面,并在第 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 所示。 学生上机为场景添加背景音乐。 三、场景间的相互跳转 师:给按钮添加动作,使动画在不同场景中播放,实现场景的相互跳转。 师先做演示操作,然后学生上机操作。 具体演示操作步骤:
42

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

三、课堂练习:
完成小鸡旅行动画

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

五、教学反思

43


相关文章:
更多相关标签: