Flash简单动画制作教案

陈英

一、教学目标：

了解计算机动画制作原理和方法，掌握几种简单动画的制作

二、教学对象：

09级学生

三、本此课程主要内容

1、flash工作界面及基本操作及概念简要介绍

2、实例讲解

四、教学重点：

1、计算机动画的分类；关键帧、空白关键帧的概念；

2、简单对象的移动、变形动画的制作方法

五、教学难点：

引导层的制作

六、教学手段：

演示讲授法，边演示边操作，学生同步跟随学习。

七、教学方法：

实例讲解法。即通过一个flash实例，讲解其所涉及到的概念与基本技术，激励学生学习的兴趣。

八、教学主要内容讲解：

（一）、导入：

首先播放一段FLASH动画，该动画包含了本节课所要学习的主要操作内容——对象的移动及变形；引导学生了解flash动画，并激发其学习flash动画制作的激情。

   （二）、基本概念讲解：

1、元件：一个位图、矢量图形、音乐片断或是一段独立的flash动画（好比是演员），通俗的讲就是对象作为一个模块,在不同帧中重复使用.这样的好处在于因为可以在重复使用，减小了FLASH的体积便于传输，也减小了FLASH制作者的工作量。元件都被放置在库中，使用时只用将其拖放到场景中即可，在场景中只能对其位置和形状进行编辑，如果要对元件进行编辑，需要切换到元件编辑状态。元件分为：图形元件、按钮元件和电影剪辑元件。元件中图形就是指动态或者静态的图片元件，电影剪辑是FLASH小片段，按钮就是具有一定图形功能的按钮图形了。

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

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

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

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

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

5、关键帧：是动画演示的基础，可以放入各种对象~声音、图片、按钮、视频等等，所有这些都只能放置到关键帧上，如果没有关键帧,就没有动画。两个关键帧之间可以做补间动画，这样两个关键帧就可以确定物体移动的两个关键点。关键帧用含有实心圆圈的方格表示。

6、空白关键帧：这个关键帧在场景上什么都没有（不包括声音和代码），用含有空心圆圈的方格表示；如果加入对象后自动变为关键帧。

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

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

（三）、基本操作讲解

1、移动动画的制作

  “插入”菜单栏à“新建元件”à设置名称”c1”,行为”图形”，点“确定”à点“工具”面板里的“椭圆工具”à设置“椭圆工具”的相关属性（包括笔触颜色、粗细、样式及填充颜色）à绘制椭圆（如果要绘制圆，请按住“shift”） à点击“场景1”，回到场景里à点击“窗口”菜单栏，选择“库”（可看到“库”窗口被打开，刚才建立的c1元件在库里）à点击“时间轴”里的第1帧，把“库”里的c1拖到场景的左边à点击“时间轴”里的第20帧，点击右键，选择“插入关键帧”（可在时间轴上看到第20帧处有“·”）à把刚才的对象从左边拖到右边à在时间轴第20帧以前的任意一帧点击左键，在属性面板里的“补间”后的下拉列表里选择“动作”，即可看到从第1帧到第20帧的时间轴背景为粉红色并有一条带箭头的实线à回车，欣赏刚才制作好的动画。

2、关键帧动画：先行设计出若干关键性动作的图像画面，然后利用计算机图形技术的算法来自动生成两个关键帧之间的一系列过渡画面。flash动画主要就是运用关键帧动画技术，比如我们刚才的这个“移动动画”的制作。

3、运动路径动画：首先确定运动对象的移动轨迹，并设定在移动过程中对象需要改变的旋转方向、色彩及形状等参数，软化将整个运动过程交给计算机来完成。

4、变形动画：适合模拟形状变化频繁的任务、动物和自然现象，主要用于表现模拟自然或生活中实际的动作，或科幻电影中虚幻、夸张的动作（如电影《功夫》、《少林足球》等里面的夸张动作）。

5、物理模型动画：基于物理模型技术的三维动画制作，需要从外形、颜色、灯光、纹理、材质等多方面模拟真实物理的各种物理属性（如cctv6里《光影周刊》的虚拟主持人小龙）。

6、逐帧动画：通过一帧帧地绘制，并按先后顺序排列在时间轴上通过顺序播放达到的动画效果。

说明：

学生根据老师刚才的演示，自行练习移动动画的制作（3-5分钟）。

学生记住Flash原始文件和flash影片的扩展名（分别为fla和swf）。

（四）、实例讲解——Flash引导线制作雪花飘飘动画

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

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

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

　　4、将组件“雪花”拖到其中，用“选定工具”中的“比例”功能把它缩小（小技巧：先用“放大镜”将它放大，然后再用“比例”功能，可缩得更小）。在第80帧上“插入关键帧”，在“图层1”上用鼠标右键的“添加引导线”功能（见图1-2）。

在新增加的“引导线：图层1”的第1帧上，从“雪花”开始，画一条弯曲的曲线。将第80帧上的“雪花”沿曲线从头拖到曲线的末尾。然后在“图层1”的第1帧上点鼠标右键，选“创见动画动作”功能，见图1-3。

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

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

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

　　按Ctrl+Enter就可以看到效果了。

Flash简单动画制作教案