【教学设计】八年级下——创建逐帧动画

 二维码 67
发表时间:2018-07-17 08:43

创建逐帧动画

教材分析

本活动介绍了逐帧动画的制作。

学生分析

对于八年级的学生,本课的学习兴趣浓厚,终于开始做动画了,但对于帧的理解有难度,所以本课适合先介绍其中一种,关键帧的基本操作及意义。

教学目标

1.理解逐帧动画的概念及应用。

2.理解普通帧、关键帧、空白关键帧的概念。

3.掌握制作逐帧动画的方法。

4.掌握改变影片播放速度的两种方法。

5.理解图层概念,会根据对象运动效果设置图层。

6.掌握动画的发布和Flash源文件的保存方法。

教学重点和难点

1.教学重点。

各种帧的概念和运用、运动速度和时长的控制、图层的概念和运用。

2.教学难点。

不同帧的选择使用,图层与运动对象的关系。

教学过程

设置情境、导入新课

   1.展示几个简单的Flash动画作品,如逐帧相册动画、毛笔写字动画等,组织学生观摩,体验动画作品的魅力。

   2.简单复习上节课介绍的Flash的窗口和绘制的工具及绘制动画元件。

 3.将一系列静态的连续动作的图片(例如,人走路的过程、跳跃的过程等)放在同一个文件夹中,用看图软件先缓慢观看每一张图片,再以较快的速度播放,静态的图片会形成一段类似动态的动作(讲解动画原理)。

 4.课件显示课题:活动三逐帧动画。

建立“帧”的概念及“帧”的作用与操作

   1.讲解帧的概念:在Flash动画中,帧是某个时间点上的图像,让不同帧上的图像发生变化就能产生动画效果。任何动画都是由一个个帧连接而成的。帧是动画的最小单位。

   2.引导学生阅读学习教材第14页内容,从中了解关键帧、普通帧、空白关键帧、时间轴和时间轴面板的概念及应用。

   3.引导学生打开Flash软件。

   4.广播教师机,提问学生(连线练习):

   (1)默认的第一帧是什么帧?

   (2)在空白关键帧里面画个圆,这时的帧是什么帧?

   (3)在第五帧,点击右键——插入帧,灰色的帧是什么帧?

   在问答过程中讲解各种帧的作用与操作。

   5.引导学生进行帧的操作练习。

   操作要求:

   (l)第一帧创建关键帧(添加内容与没添加内容的区别)。

   (2)第二帧创建空白关键帧(与第一帧关键帧的区别)。

   (3)第五帧插入帧(与关键帧的区别)。

   (4)复制第一帧到第六帧的位置。

   (5)删除第三帧。

   对学生的活动过程予以相应的提示(比较),并对活动过程给予适当的评价。

创作逐帧动画

   1.以PPT形式展示创建逐帧动画的几种方法(本节课用第一种和第二种方法创建逐帧动画)。

   2.例子:创建5秒钟倒计时动画(广播教师机)。

 I.演示:

 (l)单击菜单栏中的“文件”,新建一个Flash文档文件。

   (2)设置文档属性。大小;“400* 300像素”,背景颜色:“天蓝色”,帧数:“lOfps”。

(3)选中“图层1”的第一帧,选取文本工具,设置文字属性。字体:“黑体”,大小:

“150”,颜色:“红色”。单击舞台,输人数字“5”。

   (4)单击菜单栏中的“窗口”,选中“对齐”命令,打开对齐面板,对弹出的对话框进行简单解释。

   (5)单击舞台上的数字,选中“相对于舞台”选项,利用“水平中齐”和“垂直中齐”工具,将文字置于舞台的中央。

   (6)选中第儿帧,单击菜单栏中的“插入”一“关键帧”,或直接按F6功能键,在第11帧中插入一个与第1帧内容相同的关键帧。

   (7)双击舞台上的数字“5”,将数字改为“4”。

   (8)在第21、31、41帧中分别插入关键帧,并更改其中的数字为;“3”、“2”、“1”。

   (9)在第51帧上插入一个关键帧,将舞台上的数字更改为“时间到”,文字大小设为“96”;在第60帧上按F5插入普通帧,延长动画播放时间。

   (10)单击菜单栏中的“控制”一“测试影片”命令,系统将生成一个“.swf”播放文件。

作品测试完成后,单击“文件”菜单,将动画保存在“倒计时.fla”中。

   4.让学生动手操作,可以模仿“倒计时”例子,或自主创作。

   5.对学生的活动过程予以必要的提示(创作逐帧动画时,各个关键帧的内容可以任意改变,关键帧的数量也可以自行设定,只要两个相邻关键帧的内容连续合理即可),并对活动过程予以适当评价。

   6.展示并评价学生作品,鼓励学生参与评价。

认识图层及图层面板

   1.讲解图层的原理(将图层比喻为透明的纸,每一张都保持独立,它们的内容不会相互影响,可以进行独立的操作,同时又可以将它们合成一个完整的电影)。

 2.讲解图层的作用及类型(普通图层、引导图层、被引导图层、遮罩图层和被遮罩图层等)。

   3.以创建小孩奔跑动画为例,实践图层的运用。

   4.演示:

   (l)单击菜单栏中的“文件”,新建一个Flash文档文件,文档属性设为默认值。

   (2)单击菜单栏中“文件”一“导入”命令,在“导入”对话框中,选择一张图片作为动画的背景图片,如“背景.JP9-。

   (3)单击菜单栏中的“修改”一“变形”’“缩放”命令,将背景图片的大小调整到与舞台大小相一致。

   (4)双击图层面板中的“图层l”,将该图层重命名为“背景”。

   (5)单击图层面板中的“插入图层”按钮,插入—个新图层,并将该图层重命名为“小孩”。

   (6)单击菜单栏中的“文件”斗“导入”命令。在“导入”对话框中,选择一张图片作为动画的起始页面,如“跑步OOl. png”。此时,系统弹出一个对话框。

   (7)单击“是”按钮.Flash会自动把同名的图片文件序列以逐帧形式导入到舞台的左上角。

   (8)导入操作完成后,这些动画序列将被Flash自动分配在8个关键帧中。

   (9)在“背景”图层的第8帧处,按下快捷键F5,插入普通帧,延长“背景”图层的播放时间。

   (lO)单击菜单中的“控制”一“测试影片”命令,系统将生成一个“.swf“播放文件。作品测试完成后,单击“文件”菜单,将动画保存在“奔跑的小孩.fla”中。

   5.出示任务:

   (l)导入gif动画图片,建立一个逐帧动画,观察时间轴的状态。给这个逐帧动画添加一个合适的背景。

   (2)利用对齐工具,让导入的图片居中对齐。

应用图层、组合动画、演示讲解、制作范例

   1、讲解:在制作动画时,每个图层都有独1立的帧面板,可以在每个图层上单独制作动画,组合多个图层的动画便可形成复杂的动画。

   2.创建用毛笔书写汉字的模拟动画。

   3.演示:    

   (l)单击菜单栏中的“文件”,新建一个IFlash文档,文档属性设为默认值。    

   (2)选取文本工具,在“图层1”第1帧处输入汉字“初二”,在属性面板上设置文字属性,字体:“隶书”,大小:“96”。

   (3)将该图层重命名为“初二”。

   (4)利用工具箱中的“任意变形工具”调整文字的大小。

   (5)打开对齐面板,利用“水平中齐”和“垂直中齐”工具,把文字置于“相对舞台”的中央。

   (6)单击菜单栏中的“修改”一“分离”命令(两次),将文字“初二”转换为矢量图。

   (7)利用橡皮擦工具,按照与汉字书写笔画相反的顺序,倒退着将文字的笔画擦除,每擦一次,按F6功能键插入一个关键帧。

   (8)在时间轴上,拖动鼠标选中所有关键帧,右击鼠标,在弹出的快捷菜单中选择“翻转帧”命令,将帧的顺序全部颠倒过来。

   (9)单击图层面板中的“插入图层”,插入一个新图层,并将该图层重命名为“毛笔”。

   (lO)单击菜单栏中的“文件”一“导入”命令,导入“毛笔.png”文件(背景透明色的毛笔图片)。

   (11)利用工具箱中的“任意变形工具”调整“毛笔”图片的大小,并将“毛笔”图片移到“初二”图层中运笔写字的初始位置上。

   (12)从“毛笔”图层的第二帧开始,不断按F6功能键插人关键帧,并将“毛笔”移到文字帧相应的笔画上。

   (13)单击菜单栏中的“控制”一“测试影片”命令,系统将生成一个“.swf”播放文件,作品测试完成后,单击“文件”菜单,将动画保存在“毛笔写字.fla”中。

   4.出示任务:运用图层组合动画,创建一个用笔写字的模拟动画(自由发挥)。在学生操作过程中给予适当的提醒,如,文字要分离两次等。

 5.创新活动:

 (l)在不同的图层中导入不同的gif动画或图片系列,形成多个动画场景。

   (2)改变图层的层次关系,观察动画效果的变化情况。

   6.展示学生优秀作品,对活动过程及成果进行适当点评。

归纳小结、拓展学习

 师生共同小结本活动的主要学习内容:

 (l)认识逐帧动画。

 (2)认识图层及图层面板。

 (3)应用图层组合动画。