3、设置逐帧动画 教学设计 (8)

3、设置逐帧动画
教学设计
1教学目标
1、知识与技能:
理解逐帧动画的制作原理
理解图层、帧的概念
掌握制作“红绿灯”逐帧动画的方法
2、过程与方法:
能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。亲身参与探究过程,在交流、沟通与合作中,共同掌握“逐帧动画”制作方法,提高Flash动画制作水平。
3、情感、态度与价值观:
激发学生制作Flash动画的兴趣
培养学生创新能力与探究问题的能力
树立“珍爱生命,遵守交通规则”的正确信念,培养学生严格遵守交通规则的高尚品质
2学情分析
初步了解Flash软件的窗口界面及动画原理,熟悉并进行了工具箱的一些操作;动画直观生动,能够点燃学生学习动画的热情,也为教师提供了良好的教学环境,同时教师在动画制作过程中渗透Flash的基本知识与基本技能,为学生今后自学打下良好的基础。
3重点难点
教学重点:
Flash逐帧动画制作原理
各类帧的概念,各类帧的基本操作
图层的概念,图层的基本操作
教学难点:
普通帧、关键帧、空白关键帧的区别应用
4教学过程
4.1
第一学时
4.1.1教学活动
活动1【导入】“红绿灯”逐帧动画
教师活动:每年的“交通安全宣传月”活动告诉大家珍爱生命,遵守交通规则不容忽视,请同学们欣赏“红绿灯”动画。
学生活动:欣赏动画并注意观察动画中有哪些变化 (交通灯的变化和文字的变化)
活动2【讲授】“红绿灯”逐帧动画
1、认识逐帧动画基本原理
逐帧动画原理是在“连续的关键帧”中分解动画动作,也就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画。
教师活动:分析“红绿灯”动画由哪些静态图片组成
学生活动:结合实例理解逐帧动画基本原理。
2、制作“红绿灯”动画
(1)新建并设置Flash文档
执行【文件】|【新建】命令,在弹出的对话框中选择【常规】|【Flash文档】选项后,单击【确定】按钮,新建一个影片文档。在【文档属性】对话框中进行设置:文件大小为500×375像素,【背景色】为白色,如图1。
图1
设置文档属性
(2)图层处理
在时间轴区域,单击【插入图层】按钮添加一个图层,双击图层名称,将【图层1】和【图层2】分别命名为【背景】和【交通灯】,如图2。
图2修改图层名称
教师小结:如果一个动画有多个对象,而每个对象的动画效果不一样就必须将这些对象放置在不同的图层,图层可以看作是若干透明纸,用户可以随意修改该图层上的图形而不影响其他图层。
注意事项:及时修改图层名称让其与内容相对应,可以更准确快速的找到每个图层中的内容,方便编辑与修改,避免动画制作时产生干扰。
学生活动:插入图层、为图层重命名。
设计意图:让学生理解图层在动画中的作用,学会图层的基本操作。
(3)导入背景图片及交通灯图片
单击【背景】层第一帧,执行【文件】|【导入】|【导入到舞台】命令,将“背景.png”
图片导入到场景中,如图3。
教师小结:在动画制作过程中,为了避免误操作,可以将一些不需要编辑的图层进行锁定或隐藏,单击【背景】图层在【时间轴】面板或下方的黑点,对此图层进行加锁或隐藏。
学生活动:导入“背景.png”
图片,并将【背景】层锁定或隐藏。
图3
导入图片并锁定背景层
(4)红绿灯效果的制作
单击【交通灯】帧窗格中的第1帧,在工具箱的颜色设置区中将填充色改成红色填充第一个灯,填充色改为灰色,填充后两个灯,这样第1帧的画面中只有红灯“点亮”,如图4。
图4
设置红灯亮的效果
选中【交通灯】层的第2帧,单击【插入】|【时间轴】|【关键帧】,flash会自动把第1帧中的画面复制到第2帧中;用同样的方法在第3帧插入关键帧。
图5
插入关键帧
学生活动:思考在【交通灯】层第1帧设置填充色前后有什么变化 (填充前帧上是空心小圆点,填充后是小黑点)利用同样的方法将第2帧中的红灯和黄灯变成灰色,第3帧中的红灯和绿灯变成灰色,制作红绿灯效果播放自己的动画注意观察。(背景只在第一帧,且红灯、绿灯与黄灯亮的时间是相同的,但在现实生活中红灯、绿灯与黄灯亮的时间并不一样)
教师小结:
普通帧、关键帧、空白关键帧的区别应用
普通帧
关键帧
空白关键帧
含义
可以延续之前的关键帧的图像,不能对图形进行编辑操作
连接两段不同的内容,这一帧后面的内容会有新的变化或过渡
没有内容的关键帧,创建了图像后变为关键帧
图形表示
矩形框
小黑点
空心小圆点
快捷键
F5
F6
F7
学生活动:延时背景的时间,使得背景和灯光效果时间上同步,并且设置红灯与绿灯亮的时间是黄灯的2倍。
设计意图:始终以引导学生去发现问题,并提出解决问题的策略为主渠道,通过实例观察让学生理解普通帧、关键帧、空白关键帧的区别应用,加强操作能力。
图6
红绿灯效果
(5)拓展任务:文字效果的制作
学生活动:新建【文字】层,利用逐帧动画原理制作“红灯停,绿灯行,黄灯请注意”打字机效果。
设计意图:拓展训练是巩固新知最有效的方法,考虑到学生的层
次不一样让操作慢的学生继续完善自己的作品,让操作快的学生进一步理解逐帧动画原理,通过自己动手操作加强对普通帧、关键帧、空白关键帧的区别应用。
图7
加入文字的动画效果
(6)展示作品,总结提高
展示学生作品,通过主题学习,培养学生了解交通安全知识,珍爱生命,热爱生活的美好情感;引导学生分析制作逐帧动画中应该注意的细节,完善作品,增强学生学习兴趣和审美能力。
教师小结:如何控制播放速度
1)普通帧控制动画的播放时间;
2)帧频决定动画播放的速度。(7)
测试存盘
执行【控制】|【测试影片】命令(快捷键Ctrl+Enter),观察动画效果,如果满意,执行【文件】|【保存】命令,将文件保存成“红绿灯.fla”文件,如果要导出Flash的播放文件,执行【文件】|【导出】|【导出影片】命令。
活动3【活动】“红绿灯”逐帧动画
本节课以“布置基本任务→演示讲解完成任务的方法→学生操作→归纳总结→启发学生进一步完成扩展任务”的顺序引入有关概念,展开教学内容。通过“红绿灯”实例制作,理解逐帧动画原理,图层的使用以及普通帧、关键帧、空白关键帧的区别应用,能够自己动手制作逐帧动画。
活动4【作业】“红绿灯”逐帧动画
课外活动:课下利用逐帧动画的制作思路制作一个描红字,例如“学”,要求该动画应表现出该字的书写顺序。