Flash动画制作之二 —计算机动画制作初步

教学目标：1：将原来静态的跑步姿态的图形加工为动态的跑步造型；

2：熟悉FLASH制作中的几个关键性的概念：图层、时间轴、帧等；

3：熟悉FLASH制作中的两种重要动画形式：形状渐变动画和运动渐变动画。

教学重点：将原来静态的跑步姿态的图形加工为动态的跑步造型

教学难点：1：理解帧的概念；

2：了解两种重要动画形式：形状渐变动画和运动渐变动画分别用于何种情况

教学方法：讲授法，演示法，实践法

教学过程：

一、操作步骤1：

1：打开Flash 软件

“开始”菜单―――“程序”―――Flash MX 2004

2：文件——打开上次绘制的七巧板，并在第20帧处插入关键帧

方法：右键单击第20帧选关键帧

3：学生上台演示，在第20帧处将七巧板构建成跑步造型

（

复习上节课内容）

4：构建动画，选中图层1第一帧，设置动画中间为“形状”

二、讲解场景属性设置，时间轴作用，帧，关键帧以及动画形式形状渐变动画的含义

三、操作步骤2：

1：插入一图层，默认名为“图层2”，并讲解图层含义

2：在图层2第一帧处输入文本“跑步”，讲解FLASH工具箱中文本工具的使用

3：在图层2第20帧处插入关键帧，并将文字“跑步”拖动一个位置，与第一帧位置不同

4：构建动画，选中图层2第一帧，设置动画中间为“动作”

四、讲解形状渐变动画和运动渐变动画的区别

五、通过菜单栏中“控制”——“播放”，观看效果。

实践：使用已绘制的七巧板，加工为动态的跑步造型，并添加文字的运动变化。

六、教学反思：

由于是第一次接触动画的制作，对于FLASH中的一些关键性的概念学生理解起来比较困难，

如关键帧、图层等。对于动画的两种基本形式，形状和运动渐变动画，能在老师的指导下完

成，但是形状渐变动画和运动渐变动画分别用于何种情况，还不是很清楚。

 

第二篇：计算机动画制作教案

4.3计算机动画制作教学设计

一.教学内容：

本节课内容为《多媒体技术应用》（选修）第四章 4.3节计算机动画的制作第1课时。

二.内容分析：

本课内容是计算机动画制作的基础，以 Flash为例学习了计算机动画的制作工具，介绍了动画制作的基本流程。让学生了解 Flash 动画制作的原理，体会并理解 Flash 中帧、图层、动画以及元件的概念。教学中培养学生的动手能力和创新意识，同时增强学生的信息素养。以熟练运用 Flash 中的各种工具的操作为基本技能训练。重点是掌握 Flash 动画中的几个基本概念，如帧、图层，难点是对图层的理解。

三.学情分析：

本节课的教学对象是高二的学生，在高一已经有了一定的基础，在前面两节课中，学生已经学习了动画的定义、视觉特征、分类、动画制作的步骤，以及计算机动画制作的基本原理。本节课将以 Flash为例学习制作计算机动画的基础知识，通过一些简单动画的制作让学生掌握帧，图层，元件等基本概念，为学生自己动手制作动画预备知识。如何进行Flash动画制作，制作出符合自己需要的动画是学生非常迫切知道和掌握的，学生这种强烈的求知欲望成为学习本课的强大

动力，为本课的学习打下了良好基础。

四.教学目标：

知识目标：1.熟悉Flash操作界面及工具箱的用法

2.理解Flash动画中的几个基本概念：帧，图层，动画，

元件

3.了解Flash制作动画的基本流程

能力目标：掌握flash动画中的基本概念，能够制作几个简单的动画，

培养自主学习与协作学习能力。

情感目标：1.培养学生积极探索，敢于实践、大胆创新的精神和意

识；

2.培养学生尊重他人，发现别人长处，欣赏他人，相互

学习的良好品质；

五.重点难点：

重点：掌握 Flash 动画中的几个基本概念，如帧、图层、动画、

元件。

难点：图层的理解和引导层的理解。

六.教学准备：

硬件准备：网络教室（一人一机）

软件准备：电脑安装Flash 8版本以上软件

七.教学方法：情景任务驱动、讲授、演练、小组协助有机结合

八.教学过程：

课堂引入：

课前播放柔美的励志flash音乐mv《蜗牛》（本人最喜欢的一部

flash短片，激发学生的学习斗志，坚定对理想的追求，对flash作品可以表达人的心情，理想和信念，还有祝福等）。教师展示Flash作品《小小特警》（让学生通过观赏精彩的Flash绘图作品，激发学生的学习兴趣，从而引入本课）。

? 教师为学生介绍Flash操作界面及工具箱常用工具。(学生虽然在必修中已经学习过，但大部分都已经忘记了，在此和学生先回顾一下flash的工作界面)

（1）启动Flash 程序并创建一个新的Flash文档。

（2）Flash操作界面包括工具箱，时间轴，浮动面板以及属性面板等。（教师引导学生，要在Flash中制作出令人满意的动画作品，必须掌握几个基本概念：帧、图层、动画、元件等）。

? Flash动画中的几个基本概念

教师播放课件并结合Flash 程序为学生讲解帧、图层、动画以及元件的概念（学生观察幻灯片及倾听教师的讲解）。

（1）帧就是时间轴上的小格子，一帧其实就是一幅图，是构成动画的基本单位。可分为关键帧、空白关键帧和过渡帧。关键帧：是动

画演示的基础，可以放入各种对象~声音、图片、按钮、视频等等，所有这些都只能放置到关键帧上，如果没有关键帧,就没有动画。两个关键帧之间可以做补间动画，这样两个关键帧就可以确定物体移动的两个关键点。关键帧用含有实心圆圈的方格表示。空白关键帧：这个关键帧在场景上什么都没有（不包括声音和代码），用含有空心圆圈的方格表示；如果加入对象后自动变为关键帧。教师为学生演示帧的操作（并区分关键帧，过渡帧，空白关键帧）。

（2）图层（教师为学生分析Flash作品“激光字.swf”，讲解图层至关重要的作用）。

（3）动画（教师为学生展示：逐帧动画，移动渐变动画，形状渐变动画的例子，并演示如何制作简单的移动渐变动画和形状渐变动画）。

两个关键帧之间带粉红色有长线箭头标志的帧：渐变动画~也叫补间动画，能让一个物体在这段帧之间作出来，渐变移动的效果(可以改变透明度等等)。

两个关键帧之间带绿色有长线箭头标志的帧：形变动画~第一帧的动画到最后一帧的时候可以变化出另外一种图形、形状。

（4）元件一个位图、矢量图形、音乐片断或是一段独立的flash动画（好比是演员），通俗的讲就是对象作为一个模块,在不同帧中重复使用.这样的好处在于因为可以在重复使用，减小了FLASH的体积便于传输，也减小了FLASH制作者的工作量。元件都被放置在库中，使用时只用将其拖放到场景中即可，在场景中只能对其位置和形

状进行编辑，如果要对元件进行编辑，需要切换到元件编辑状态。元件分为：图形元件、按钮元件和电影剪辑元件。元件中图形就是指动态或者静态的图片元件，电影剪辑是FLASH小片段，按钮就是具有一定图形功能的按钮图形了。

库：存放动画元件的地方（好比是一场戏的后台）

场景：动画的表现场所（好比是舞台）

时间轴：动画制作的最重要的区域，是编辑动画的工作台，是加工动画的流水线，包括了层编辑区、帧编辑区和时间线。（好比是剧本）

我们要制作一个动画，就好比是在导演一出戏，需要找好演员（制作好元件），置于后台（放在库里），然后把演员放在舞台上（把元件放在场景上），让演员照着剧本演出（在时间线上设置开始、结束时的状态，生成动画）。

? Flash动画制作的基本流程

教师播放幻灯片，Flash制作动画的流程包括六个步骤：整体设计、创意，设置电影属性，导入素材或制作元件，引用元件及制作动画效果，测试动画效果，保存，输出。

? 学生实践：

任务一：请学生打开Flash 软件，新建一个Flash文档，熟悉其操作界面及工具箱的常用工具。熟悉元件，帧，图层等基本概念。 任务二：（形变动画）制作变幻的文字。

参考操作步骤：

Step1:执行“插入/新建元件”创建一个“影片剪辑”文件。名字为“text” Step2:在第一帧处输入文本“祝福妈妈健康快乐”，调整字体，颜色，大小为自己喜欢的。然后按ctrl+B两下将文字打散，在第30帧处插入空白关键帧，用文本工具输入文本“母亲节快乐”，设置字体，颜色，大小。然后按ctrl+B两下将文字打散。

Step3:第一帧处创建形变动画。Ctrl+enter看结果。

发挥自己的创意设计，感受形变动画的魅力。

任务三：（补间动画）制作一个滚动的小球。

任务四：（补间动画，引导层）桌面上滚动的小球。

参考操作步骤：

1.进入flash操作界面，执行“文件/新建”命令，创建一个新影片。

2.执行“修改/影片”命令，在弹出的“影片属性”对话框内进行修改。

3.“插入/新建元件”建一个图形元件“小球”，用椭圆工具画一个小球。

4.“插入/新建元件”建一个影片剪辑元件“滚动的小球”，将“小球”元件拖入编辑区，在第50帧处插入关键帧。

5.新建一个引导层，用铅笔画一条沿着桌面滚下的引导线。

6.将第一层第一帧的小球移至引导线的初始段，第50帧的小球移至引导线的末端。然后在“图层1”的第1帧上点鼠标右键，选“创见动画

动作”功能.

7.点击场景1，导入桌面.jpg，将“滚动的小球”元件拖入到场景中调节好位置。

按ctrl+enter或“控制/测试影片”看看你设计的效果吧。

挑战任务：制作飘落的雪花或花朵。

参考操作：

1、新建一个Flash影片。设背景为“黑色”，其他的用默认值。

2、按Ctrl+F8新建一个组件，类型为“影片剪辑”，命名为“雪花”。在它的正中用“铅笔”工具画一个不规则的多边形，然后用“颜料桶工具”将它填上白色。

3、再用Ctrl+F8建一个组件，类型为“影片剪辑”，命名为“前层”。

4、将组件“雪花”拖到其中，用“选定工具”中的“比例”功能把它缩小（小技巧：先用“放大镜”将它放大，然后再用“比例”功能，可缩得更小）。在第80帧上“插入关键帧”，在“图层1”上用鼠标右键的“添加引导线”功能。在新增加的“引导线：图层1”的第1帧上，从“雪花”开始，画一条弯曲的曲线。将第80帧上的“雪花”沿曲线从头拖到曲线的末尾。然后在“图层1”的第1帧上点鼠标右键，选“创见动画动作”功能.

5、第4步是制作一片雪花，下雪不是只下一片的吧。插入图层，将第4步重复做10次。做好后的效果见图1-4。

6、把第3至5步重复做两次，不同之处是组件的命名分别为“中层”和“后层”。“雪花”的大小和“引导线”的路径不要一样。这是为了多做几个图层，看起来效果细腻一点。

7、现在回到场景1中，插入6个图层，分别命名为“后层1”、“后层2”、“中层1”、“中层2”、“中层3”、“中层4”、“前层1”、“前层2”。在对应的层上拖入对应的组件，并适当的调整时间轴，让雪花飘得连贯起来。见图1-5。

九、课堂总结：

同学们你们这节课有哪些收获？教师总结归纳。