第二课制作逐帧动画

《第二课制作简单的逐帧动画》教学设计

教材分析与设计思路：

本节课的教学内容是“动画制作”——《制作简单的逐帧动画》，着重介绍逐帧动画（Frame By Frame），这是一种常见的动画手法，它的原理将一个动画的连续动作分解成一个一个图片，把每一个图片用关键帧描绘出来，Flash将这些关键帧连续播放，形成动画效果。掌握本节内容可以做出许多生动有趣的动画。因此，学生会在本版块的学习过程中，产生非常高的学习热情。为今后的学习打下坚实的基础。

学生分析：

1、学生对动画制作有浓厚的兴趣，但能坚持学下去的并不多，主要原因是找不到规律性的东西，越学就越感到困难。

2、有关flash的书籍很多，作者根据初二学生的认知特点选择较简单、有趣的例子，在动画制作过程中渗透flash的基本知识与基本技能，为学生今后自学打下良好的基础。

教学目标：

1、知识与能力：掌握制作逐帧动画的方法和图层的应用。

2、过程与方法：能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。

3、情感态度与价值观：体会创作的乐趣，进一步培养制作动画的兴趣；培养学

生创新能力与探究问题的能力；培养创造性思维能力。

教学重点：制作逐帧动画

教学难点：1、关键帧

2、图层在动画制作中的运用

教学方法：

1、演示教学法：通过在多媒体教室，实际操作演示用Flash 8制作动画的过程，活跃课堂气氛，激发学生学习情趣。

2、任务驱动式：该方法主要是通过设计一些学习目标，让学生自己上机去实现，让他们在亲身实践中体会、提高，在同学之间的互相学习和交流、甚至争论中提高学习兴趣，开阔思路。既培养了学生的动手实践能力，又加强了学生的实践探究、交流合作解决问题的能力。

3、案例教学法：选取的案例取材于学生在课堂中出现的问题动画，用于训练学生解决实际问题的能力。

教学过程：

一、提问导入：

同学们，我们上节课学习了哪些知识大家还记得吗？生：启动、退出flash程序，认识flash 工作界面，简单的绘画。老师说过绘画是为制作出精美的动画打基础的，现在你准备好了吗？生：准备好了。从今天这节课开始我们就开始涉足制作flash动画。首先请大家欣赏几个简单的flash动画（见课件）。

Flash动画一般分为五种常见的动画形式：逐帧动画、形状补间动画、动作补间动画、引导层动画、遮罩层动画。

演示到这里，老师问问大家：你们想学做闪客吗？生：想

好，下面我们就从简单的常见的逐帧动画来开始吧。首先了解什么是逐帧动画。

二、讲授新课

逐帧动画：是一种常见的动画形式，是在时间轴的每个关键帧上逐帧绘制不同的内容，使其连续播放而成的动画。例如：小鸟飞、秒表、数字的变化、飞舞的蜜蜂、眨眼的星星、飞奔的骏马、林中漫步等

我们来具体看一下秒表和数字的变化这两个逐帧动画的实例。

好，下面我们就一起探究一下它们到底是怎样制作出来的呢，进入第二课的学习《制作简单的逐帧动画》。

首先明确本课的学习目标：1、理解场景、图层、帧的概念；2、学习从外部导入矢量和位图文件；3、学会制作简单的逐帧动画；4、学习图层的基本操作。

在学习制作动画之前，先来了解一下几个重要的概念：

1、场景：是舞台剧中的用语，当舞台的布景发生变化时就称更换了场景。动画播放的顺序是按场景的顺序进行的，但如果需要，播放顺序也可以改变。

2、图层：简称层，位于时间轴的左侧，用来放置动画的内容，一层可以放很多帧。层就像透明的画纸，画了图画的地方就不再透明了。层的叠放次序是可以调整的，最底下的层，它的内容显示在下面，而位于上面的层的内容显示在上面。

3、帧与关键帧：帧指一个画面。Flash动画是由许多帧组成的，就如同电影是由一格格带画面的胶皮组成的一样。当帧按照一定的速度连续播放，就形成了动画效果。帧又分为普通帧、关键帧和空白关键帧，其中最重要的是关键帧，是控制动作轨迹特征和动态幅度的关键；而空白关键帧就是没有内容的关键帧，一旦在该帧上创建了图像，空白关键帧就变成了关键帧。关键帧和空白关键帧之外的帧是普通帧，普通帧在时间轴上能显示图形，但不能对图形进行编辑操作。

说了半天概念，有同学可能感到又枯燥又无味并不能真正的理解，我们通过具体实例来体会一下：制作一个“小鸟飞”逐帧动画。老师首先给大家演示一下，一会有三个问题等着大家，一定要仔细观察。

具体步骤如下：

1、新建并设置FLASH文档

新建一个FLASH文档，在属性面板中设置文档属性，可以调整舞台尺寸、背景颜色、帧频等。系统默认舞台大小为550*400像素。单击属性面板上的大小按钮，打开文档属性对话框，可以输入标题和描述，给动画添加注释。

2、导入矢量图形文件

在时间轴区域，单击“插入图层”按钮，添加一个新层，双击图层名称，将“图层1”和“图层2”分别命名为“背景层”和“逐帧动画层”，然后在“

逐帧动画层”，然后在“逐帧动画层”上单击以选中该层。

开始导入一组矢量图形文件序列，该组文件中有8个图形，使用“文件”“导入”“导入到舞台”菜单命令，选中要导入的序列文件的第一个文件，这里是“Birdl.AI”，FLASH 会自动导入该序列的其他文件并分配到8个关键帧。

单击“背景层”上的第一帧，使用“导入到舞台”菜单命令导入一张位图图片。单击“背景层”名称右侧的小方框，以轮廓方式显示背景图片，使用任意变形工具和选择工具在舞台上缩放和移动背景图片直到满意，再次单击那个小方框。单击“背景层”的第8帧，按F5键，将背景画面延续到第8帧。

按下ENTER键预览动画，一只鸟儿正在背景画面上展翅飞翔，逐帧动画初步完成。

三、任务驱动

下面请同学们自己尝试着做一个“小鸟飞”的逐帧动画。

（附加任务：尝试在鸟儿的旁边逐帧绘制自己的图画，让你的FLASH作品充满个性。）

四、探索时间

1、怎样调整鸟儿的位置和大小?

单击”背景层”名称右边的小点,锁住并以轮廓方式显示背景层,这样可以显示出舞台并锁住背景图像以免误操作(隐藏”背景层”也可以)。单击“逐帧动画层”的第1帧，选中鸟儿，使用任意变形工具进行缩放；使用选择工具移动鸟儿的位置。然后逐次选择其他帧上的鸟儿进行修改。

2、怎样修改鸟儿的颜色和线条?

先选中鸟儿，使用CTRL+B多次分离图形，然后使用FLASH的各种工具对鸟儿的轮廓线条和填充颜色进行修改，并依次修改其它帧上的鸟儿。

3、你是否觉得咱们的动画播得太快了,如何设置播放速度呢?

原来flash 8 默认的播放速度是12帧/秒，也就是说我们制作的8帧动画在不到1秒钟的时间就播放完了。事实上对这个动画来说，要求每秒钟只播放1帧。如何设置播放速度呢？方法如下：

在舞台空白的地方点击鼠标右键，从弹出的菜单中选择“影片属性（M）…”，打开影片属性对话框。

图中帧频表示每秒针动画所播放的帧数（fps），默认为12帧/秒，最大帧频为120fps，最小为0.01fps。设置帧频可以调节播放速度。

五、作品展示

师生互评

六、知识点小结

1、新建并设置FLASH文档

2、导入矢量图形文件

3、插入图层及图层的命名

4、插入关键帧

5、利用“任意变形工具”调整图片大小和“选择工具”移动图片

6、插入帧（F5）的应用

七、举一反三

1、你能试着做一个“数字的变化”的逐帧动画吗？相信自己你可以的，加油哦！

2、利用导入静态图片制作骏马飞奔的逐帧动画，尝试一下，景色很壮观哦！

3、利用逐帧动画制作林中散步的女孩，快来做吧，好浪漫哦！

任选其一，进行练习。

八、结束语

俗语说：千里之行，始于足下。逐帧动画是Flash动画制作中最基础的一个部分。经过本课的学习，你也能够制作出简单的动画。有一点要记住，要想制作出漂亮的动画，一定要有细心和耐心，现在，我们，已经迈出了成为“闪客”高手的第一步，希望同学们在以后的学习中不断积累，制作出更加丰富多彩的Flash动画，获得“闪客”高手这一桂冠。