FLASH动画设计与制作 初二教案FLASH元件及逐帧动画.docx

FLASH动画设计与制作 初二教案FLASH元件及逐帧动画.docx

《FLASH动画设计与制作 初二教案FLASH元件及逐帧动画.docx》由会员分享，可在线阅读，更多相关《FLASH动画设计与制作 初二教案FLASH元件及逐帧动画.docx（9页珍藏版）》请在冰点文库上搜索。

FLASH动画设计与制作初二教案FLASH元件及逐帧动画

元件、库、关键帧和图层

一、教学内容分析

本学期结合《信息技术（重教版）》八年级（上）第三章所讲内容，以及参考历届该学期所学知识，将以讲授“数字动画技术与设计”。

教学内容主要以讲授MacromediaFlash8.0的使用及引导学生设计动画，并完成期末动画设计作品为主。

二、学生分析

受课为初二年级学生，对Windows画图工具、Photoshop图像处理技术有所了解。

MacromediaFlash8.0的使用恰好能建立在已有的知识基础之上。

学生正处于好奇心强的阶段，对外界信息的获取能力还不强，此时加以正确的引导能够充分的调动学生对信息技术学科学习的积极性。

三、教学目标

1、知道元件类型和作用，知道库的作用

2、能使用简单绘图工具绘制图形

3、理解，并能说出图层的作用

四、重点难点

重点：

元件、库与图层的理解和运用

难点：

元件类型（影片剪辑、按钮、图形）的理解

五、教学方法

演示法、任务驱动法

六、教学过程：

教

学

过

程

新课导入

上节课，我们说过，FLASH和电影一样，有各种各样的场景，还有各种各样的角色，电影的角色可以有主角、配角、龙套什么什么的，那么FLASH中有没有这样的角色分类呢？

学生回答：

有！

确实，在FLASH中也的确有演员的分类，我们可以称为“元件类型”。

那么元件的类型有那些呢？

PPT展示“元件类型”

元件类型：

影片剪辑、按钮、图形

元件类型

库的介绍

影片剪辑的不同之处。

学生活动一

影片剪辑的特点

展示FLASH作品

新建元件

学生活动二

关键帧、帧、空白关键帧

图层的作用

学生活动三

影片剪辑：

有自己的时间轴和属性，可以说影片剪辑是一个小的分支影片。

按钮：

实现FLASH中的交互功能

图形元件：

一般用于制作静态图像或简单动画

我们可以这么来理解，影片剪辑就好比是主角。

而图形元件可以把它当作背景，或者小草，小花，树，周边的房子什么的。

那么按钮相比大家也都清楚了，和平时我们用的软件中的按钮类似！

【演示】

有了演员，表演的时候也不能所有的演员上台

于是，在FLASH当中就有了“休息间”，我们称之为“库”。

大家可以看到，在FLASH的整个界面中，右边有库面板，我们新建的元件都会在这里出现并且保存。

等到需要用的时候，只要鼠标轻轻的将它拖到舞台上就好了。

“叛逆”的鲁鲁修

我在做FLASH的过程中，出现了一些不可思议的事情，我把主角“鲁鲁修”拖到舞台上，准备让它运动一下，可是还没给它剧本，它却自己动起来了！

这到底是怎么回事?

（在时间轴上只有一帧，将“鲁鲁修”拖到这一帧上，点击导出FLASH之后，“主角”仍然在跳舞。

）

诶，这个鲁鲁修也太叛逆了吧！

这到底是怎么回事？

不防老师把文件发给大家，大家打开这个FLASH文件，与同桌相互讨论一下，看看到底是什么力量，使我们的“鲁鲁修”这么叛逆呢？

！

大家在观察的时候，可以双击“鲁鲁修”看看它的内心世界，从根本上去探究鲁鲁修“叛逆”的原因吧。

活动一：

【寻找鲁鲁修“叛逆”的原因】

解密：

元件“鲁鲁修”的类型是影片剪辑，影片剪辑有着自己的时间轴和属性，而且影片剪辑的时间轴不会随着整个场景的时间轴的变化而发生改变。

可以这么说，“鲁鲁修”有着自己的剧本，他有自己的演绎方式。

导演给“鲁鲁修”剧本，至于怎么来表演，就看它自己咯。

终于，我们知道了影片剪辑的秘密，那么我们可不可以好好的利用一下它“叛逆”的特点呢？

！

老师在上个学期和自己的小组做了一个小小的FLASH作品，其中就用到了影片剪辑的“叛逆”的特点。

在这里和大家分享一下：

【展示FLASH作品】进度条+漂浮的云朵

大家可以看到，这里的时间轴上，只有一帧，但是云却在来回的飘动。

这就是用到影片剪辑独立播放的效果。

【教师演示】

在老师发的文件夹里，有个逐帧动画的文件夹，打开它之后可以看到有若干个子文件夹。

每个子文件夹中都有类似的几张画。

而这些，可以制作成和鲁鲁修一样的角色。

首先呢，我们应该注意到，库面板不仅仅是演员的休息室，也同样能造出演员来！

我们点击库面板的下方的第一个按钮时，它就自动的帮我们新建了一个元件。

我们双击元件，就能进入到他的内心，然后可以修改它的剧本，让他按照你的思维方式去进行相应的动作。

我们新建一个元件，然后导入这些图片。

我们点击“文件”——“导入”——“导入到库”

这样，所有的图片都被导进来了。

接下来，就是制作主角了~

注意哦，我们一定要进入影片剪辑里边，拖动图片1到元件的中心位置。

要不然做出来的主角可就偏了。

教师动作：

将图片1移到元件中心，然后在时间轴上点击下一帧，右键新建关键帧，重复上述步骤。

这样，我们快速的播放之后，主角就开始动起来了。

那么接下来，就请同学们来动手，制作一个主角，并且把他请到舞台上，让他动起来。

活动二：

【使用已有素材制作影片剪辑元件】

活动提示：

1、新建flash文档，大小为550*400像素

2、导入图片素材到库

3、插入关键帧，在每个关键帧处拖入相应的图片到元件中心

4、点击“控制”→“测试影片”来查看效果。

5、保存文件，命名为“学号+姓名”格式。

6、将作业上传到杨老师的公共硬盘

这里可能大家有个疑问，为什么要新建关键帧呢？

关键帧又是什么呢？

关键帧：

就是动画的一帧，他是动画变化的控制点，指角色或者物体运动或变化中的关键动作所处的那一帧。

为什么不直接插入“帧”呢？

我们来试一试，插入帧之后，再放入图片会有什么样的效果。

我们可以看到，当新建帧之后，我们将图片移到中心的时候，它其实是放在了之前的那个关键帧上。

也就是说，帧上的画面是前面关键帧的延续！

说道关键帧了，就必须要讲“空白关键帧”

说白了，其实就是没有内容的关键帧。

那么他们之间到底有什么区别呢，我们往下看：

这个元件里的时间轴上，有关键帧、帧和空白关键帧。

当我们拖动时间轴上的滑块时，可以清楚的看到第三帧其实是承接第二帧（也就是关键帧上的内容），我们之后再新建一个帧，它同样是承接关键帧的内容，那么我们再新建几个空白关键帧，可以看到，这些帧上面是没有内容的。

当我们将图片拖到这个空白关键帧上的时候，这个空白关键帧于是就变成了关键帧。

现在我们已经将主角做好了之后，该让演员上场了。

我们回到舞台上，看到舞台上面光秃秃的，没有个好的背景怎么办？

接下来就让我们来布置一下舞台。

我们在背景的文件夹里，找到一幅自己喜欢的背景，然后导入到库中。

我们之前学习PHOTOSHOP的时候，接触到了图层的概念。

而图层的作用就是把图像的各个组成部分分开，以便于更好的进行处理。

我们把背景放在图层1上，然后新建一个图层2，再把我们做好的元件放在图层2上，这样，我们就做好一个简单的动画了。

好了，想必大家也都跃跃欲试了。

活动三：

配合背景，制作简单动画

活动要求：

1.打开之前做好的文件

2.导入一张背景图片到库中

3.将背景图片拖到舞台中，命名图层1为“背景”

4.新建一个图层，命名为“演员”

5.点击图层2，并将做好的影片剪辑文件拖到舞台上。

6.点击“控制”→“测试影片”来查看效果。

7.保存文件，命名为“学号+姓名”格式。

8.将作业上传到杨老师的公共硬盘