第二单元 制作Flash动画
第一节 帧和逐帧动画
一、教学目标 知识与技能:
1.掌握空白关键帧、关键帧和普通帧的概念; 2.掌握帧的基本操作;
3.掌握制作逐帧动画的方法并会进行测试。 过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术理解问题的能力。 情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。 二、教学的重点和难点: 重点:帧的基本操作。 难点:制作逐帧动画并进行测试。 三、教学准备:多媒体网络控制系统、足量的电脑、FLASH 四、教学方法:讲授法 演示法 提问法 实践操作法 五、教学安排:1课时 六、教学过程:
(一)展示动画,导入新课
播放一段FLASH动画影片,引导学生了解flash动画,并激发其学习flash动画制作的激情。
我们在上一单元学习的FLASH的基本操作,以及利用场景创作一份作品。今天我们一起来学习FLASH动画的制作。 (二)讲授新课 1.基本概念
我们在前面接触的库的概念,它有什么用途呢?
打开“生日快乐.FLA”,发现什么? 学生观察。
库:存放动画元件的地方(好比是一场戏的后台)。 场景:动画的表现,场所(好比是舞台)。 打开FLASH,介绍时间轴和帧的概念。 大家最近都看过什么电影啊?。。。
这些电影和电视剧、动画片一样,看上去非常地流畅,实际上都是由一幅幅的图片剪辑起来的。每一幅画面或图片称为一个帧。如我们FLASH窗口上的“1、5、10”。
提示学生观察FLASH窗口。
这些帧实际上是由一个叫时间轴的面板控制的。
时间轴:动画制作的最重要的区域,是编辑动画的工作台,是加工动画的流水线,包括了层编辑区、帧编辑区和时间线。(好比是剧本)
?我们要制作一个动画,就好比是在导演一出戏,需要找好演员(制作好元件),置于后台(放在库里),然后把演员放在舞台上(把元件放在场景上),让演员照着剧本演出(在时间
线上设置开始、结束时的状态,生成动画)。
或者说,FLASH就是将这些画面按一定的空间和时间顺序排放,然后按时间轴的顺序连续快速地显示,从而达到动画的效果。 2.帧的基本操作
在FLASH中,根据帧功能不同,通常可分为空白关键帧、关键帧和普通帧等。通过帧可以设定画面的前后顺序。 (1)空白关键帧
空白关键帧是没有包含舞台上实例内容的关键帧。我们每新建一个FLASH文档,显示在工作区域的就是一个空白关键帧。特征:在时间轴上表示为空心圆点。 演示50页“做一做”。
方法1:选中某帧,右击“插入空白关键帧”。 方法2:选中某帧,快捷键F7。 (2)关键帧
关键帧是舞台上有实例内容的帧。只要在空白关键帧是随意画点什么,这个帧是称为关键帧。特征;在时间轴上表示为实心黑点。 演示51页“做一做”。
方法:选中某帧,右击“插入关键帧”。 第5帧和第1帧有什么区别? 学生观察。
提示:通过该命令所生成的关键帧与前一关键帧的内容是一样的,但它们又彼此独立。 (3)创建普通帧
特点:只能显示实例对象,不能对实例对象进行编辑操作。 特征:在时间轴上表示为灰色小方格。 演示52页“做一做”。
观察发现,从关键帧到普通帧的内容是一样的。
关键帧和普通帧的区别:关键帧的增加会加大FLASH文件的容量,使用普通帧可以有效减少文件容量。
练习1:分别创建普通帧和复制帧,画上同样的内容,分别保存,体会他们的区别。 3.创建逐帧动画
逐帧动画是在“连续的关键帧”中分解动画动作,即在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画效果。
教师以实例“跑动的小人”讲授逐帧动画的制作步骤: ①新建FLASH文档,并将其命名为“跑动的小人”存盘;
②选择“画笔”工具,调整画笔大小和画笔形状,在舞台中间绘制一个运动的小人。
③右击第2帧,插入空白关键帧,单击“绘图纸外观”按钮,让第1帧图案淡化并显示出来。 ④绘制出第2帧小人运动图案,并分别在第3、4、5帧插入空白关键帧,绘制出小人的其他运动状态。
⑤绘制完毕,单击“编辑多个帧”按钮,调整绘图纸上的开始与结束位置,将所有帧全部显示出来。依次调整每个帧中的小人在舞台上的位置,小人从舞台的右边跑过。 学生根据教师演示的操作步骤完成任务。(教师进行指导) 学生演示作品,教师和学生作出评价
提出问题:如何让小人运动的快一点?(分小组讨论问题)-----(减少运动的帧) 4、如何进行动画测试:
①单击菜单栏中的“控制”——“测试影片” ②快捷键:Ctrl+Enter ③改变播放速度
5、课堂练习:制作一个旋转的正方形动画 七、教学反思:
本堂课是FLASH动画的入门课,重点是掌握创建逐帧动画和测试的方法,以及建立帧的概
念。通过讲练结合的方式,当堂巩固,促进学生对知识的理解与掌握。通过评选优秀作品,调动学生学习积极性,效果较好。
第二节 图层的操作
一、教学目标 知识与技能:
1.了解图层的概念。
2.掌握图层命名,添加图层。
3.掌握图层的基本操作:选择、移动、删除。 过程与方法:
通过学生自主学习,培养学生运用信息技术解决实际问题的能力。 情感态度与价值观:
培养学生养成严谨的学习态度和协作精神,提升素质,发展个性。 二、教学的重点和难点: 重点:图层的命名与添加。
难点:图层的基本操作:选择、移动、删除。
三、教学准备:多媒体网络控制系统、足量的电脑、FLASH、演示系统 四、教学方法:讲授法 提问法 讨论法 演示法 五、教学安排:1课时 六、教学过程: (一)引言
前面我们所做的图形绘制、逐帧动画制作,都是在舞台的同一图层上进行。有的动画要求在一个舞台上实现相互重叠的画面,各个画面又要彼此独立,互不影响,这就需要创建多个图层来实现。
以“燃烧着的蜡烛”为例,介绍图层的作用和基本操作。 (二)讲授新课 1.什么叫图层
图层就如同透明的胶片,它们可以在舞台上一层层地重叠在一起,透过图层没有对象的区域,可以看到下层图层上的对象。当我们对基中一个图层中的对象进行处理时,不会影响到其他图层的内容,但在视觉上,位置靠上的图层全遮盖与下方图层重叠部分的内容。 步骤:
①新建一个FLASH文档。图层默认名为“图层1”;
②单击舞台,在“层性”面板里设备“背景”颜色为黑色;
③单击“矩形工具”按钮,设置填充颜色为红色,笔触颜色为无; ④在工具箱“选项”区将图角矩形半径设为10磅; ⑤将鼠樯指针移到舞台上,拖动鼠标,绘制一支蜡烛;
⑥单击“橡皮擦工具”按钮,在橡皮擦形状中选择最大号的圆形,将蜡烛的上端部分擦除。 2.如何命名图层:
双击“时间轴”面板上的“图层1”文字部分,输入“蜡烛”。
3.如何添加新图层:--- 画火焰。
①单击“时间轴”面板上的“插入图层”按钮,在原来图层的上方创建一个新图层,默认名为“图层2”,将“图层2”改名为“火焰”
②单击“椭圆工具”按钮,设置填充颜色为橙红色,笔触颜色为无,在舞台上拖动鼠标,在蜡烛上方绘制一个椭圆; ③单击“箭头工具”,将箭头移到刚画好的椭圆上,按下鼠标左键,调整椭圆成火焰状 ④在“混色器”面板中将混色器填充类型设置为“放射状”,左边取色器高为橙色,右边取色器设为白色,填充火焰颜色; ⑤制作火焰跳动的逐帧动画;
⑥右击“蜡烛”图层第5帧,选择“插入帧”,让“蜡烛”在后面各帧显示出来; ⑦测试影片。
学生根据教师演示的操作步骤完成任务。(教师进行指导) 学生演示作品,教师和学生作出评价。 4.如何选择与移动图层:
图层的显示/隐藏、开放/锁定,轮廓线等。 5.如何删除图层:
①单击“管理图层区”窗口上的“蜡烛”图层; ②单击“删除图层”按钮。 6.课堂练习:65页“试一试”。
①制作一个带阴影效果的文字。 ②制作几个日食效果。(拓展提高)。 七、教学反思:
本堂课内容理论较少,重点在于掌握图层的基本操作。通过教师演示与学生实践相结合,当堂练习巩固所学知识,促进学生对知识的理解与掌握。通过评选优秀作品,调动学生学习积极性,收到了较好的教学效果。
第三节 制作补间动画
第一课时 运动补间动画
一、教学目标 知识与技能:
1.补间动画的概念及分类。
2.掌握创建运动补间动画及复杂运动补间动画。 过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能力。 情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。 二、教学的重点和难点:
重点:创建运动补间动画; 难点:创建复杂运动补间动画。 三、教学准备:多媒体网络控制系统、足量的电脑、FLASH 四、教学方法:讲授法 提问法 讨论法 练习法 五、教学安排:1课时 六、教学过程: (一)复习导入
在上节课中我们学生了蜡烛的制作,有没发现什么问题呢? 我们发现每帧间的画面跳跃太快。怎么办呢?
这就是本章节要学习的内容---制作补间动画。补间的意思是“在中间”,即在两个关键帧间经过计算自动生成中间各帧,使画面更加平滑流畅。 (二)讲授新课
1.如何创建运动补间动画
以让“心跳起来”为例讲授运动补间动画的操作步骤。
①在FLASH中打开第一单元第三节制作好的“爱心.fla”文件(把“爱心”图形转换为图形元件);
②在“时间轴”面板上选中第10帧,按F6键插入一个关键帧,再选中第5帧,按F6键插入一个关键帧。
③在“时间轴”面板上选中第5帧,单击“任意变形工具”按钮,将第5帧的图形元件拉大; ④选择“创建补间动画”命令; ⑤测试影片。
2.如何创建复杂的运动补间动画
制作一个小球自由下落过程的动画。 ①创建一个FLASH文档; ②单击“椭圆工具”,设置笔触颜色为无,填充颜色为蓝色,将鼠标指针移到舞台上,按住SHIFT