flashcs3动画制作基础与案例教程教学课件作者温俊芹教学讲义第4章基础动画制作.doc

《flashcs3动画制作基础与案例教程教学课件作者温俊芹教学讲义第4章基础动画制作.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第四章基础动画制作第四章基础动画制作在前面的模块中，我们已经介绍了FlashCS3的工作界面、基本工具和动作制作的基本知识，相信读者对FlashCS3已经有了一个初步的认识。在本模块中，我们将带来读者正式进入Flash的主要部分——动画的制作。Flash最主要的功能就是制作动画，在Flash中可以制作各种动画：自行播放的动画、交互式动画。作为一个矢量动画制作软件，Flash比其他动画软件要简单易学，没有很复杂的操作，只要掌握一些基本的动画制作技巧，就可以制作出很精彩的动画。在本次课中，我们将介绍一些基本的Flash动画制作方法，后面的模块讲解

2、的动画都将以本模块的基本动画为基础，希望读者认真学习本模块的内容。第一部分学习要求一应知目标1.了解逐帧动画的概念2.了解动画补间动画的概念3.了解形状补间动画的概念二应会目标1.能够独立制作逐帧动画2.能够独立制作动画补间动画3.能够独立制作形状补间动画三预备知识1.熟悉FlashCS3的工作环境和FlashCS3的基本操作2.掌握FlashCS3工具箱中各种功能强大的绘图、编辑和辅助工具的使用3.了解元件、实例和库的概念，掌握图形、影片剪辑和按钮这三种元件的制作方法四课时安排项目学时教学方式（参考）1预习课余预习本课相关的知识，并能完成本

3、次课的项目实例操作。2课堂讲解2学时①.介绍动画形成的基本原理。②.重点介绍逐帧动画、动画补间动画和形状补间动画的制作方法。147第四章基础动画制作①.介绍三种动画的区别。3实训练习2学时①.按照操作步骤，自己完成综合制作。②.参考课堂上教师讲解的操作步骤，完成实践训练中的项目内容。③.有实力的同学继续完成职岗演练中的项目内容。第二部分课堂讲解4.1动画的基础知识我们看到的Flash动画与影片类似，都是由一帧一帧的画面所组成，当连续快速播放这些画面时，由于人们视觉的暂留现象，就会认为这些连续播放的画面变成了流畅的动画。如果每秒钟播放的画面数越

4、多，即动画的帧频越高，动画的播放速度就越快，则播放的画面也就越流畅。Flash中默认的帧频为“12帧/秒”，我们可以通过调整帧频的值来获得比较流畅的画面效果。以前制作动画的过程非常复杂，需要将每一帧上的画面全部绘制出来，有了Flash后，制作动画就变的简单了，我们只需要将动画画面中的关键部分绘制出来，中间的动画过程可以交给Flash完成，从而大大减少了制作动画的工作量。因此，在Flash动画的制作过程中，由于制作方法和生成原理的不同，可以将Flash动画分成逐帧动画和补间动画两种。而补间动画又可以分为动画补间动画和形状补间动画两种。u逐帧动画

5、：逐帧动画是一种传统的动画形式，制作起来比较繁琐。此类动画完全由关键帧组成，每个关键帧都可以进行单独编辑，它需要用户对物体运动的基本规律有深入的了解，并且具有一定的绘图基础。利用逐帧动画可以做出任意的动画效果，但是由于每个关键帧都要进行编辑，所以逐帧动画工作量很大，而且制作出来的作品文件容量也很大。u动画补间动画：动画补间动画可以完成对象的移动、缩放、旋转、变色等形式的动画效果。构成动画补间动画的元素是元件，除了元件，其他元素包括文本都不能创建动画补间动画。u形状补间动画：形状补间动画可以完成图形的移动、缩放、形状渐变、色彩渐变等动画，它的作

6、用对象只能是图形。和一般的动画补间动画有所不同，在使用形状变形时，不需要把绘制好的形状转换为元件，如果要使用元件实例创建形状补间动画，也要将改实例通过按快捷键Ctrl＋B分离后才可以实现。147第四章基础动画制作4.2逐帧动画的制作逐帧动画是Flash动画中最基本的动画形式，只需要掌握插入关键帧的方法就可以制作逐帧动画，但制作一个好的逐帧动画需要掌握物体运动规律和有好的绘画基础。下面我们就介绍在Flash中创建逐帧动画的方法。4.2.1直接导入生成逐帧动画我们可以将绘制好的jpg、png等格式的静态图片连续导入到Flash中来建立一段逐帧动画

7、，也可以通过导入gif序列图像、swf动画文件等的方法来建立一段逐帧动画。下面通过一个“麦兜”的例子来讲解导入一个序列的图片生成逐帧动画的制作方法，项目实例4-1：导入一个序列的图片生成逐帧动画具体操作步骤如下：（1）启动FlashCS3，出现FlashCS3窗口，如图4-1所示，在“新建”中选择“Flash文件（ActionScript3.0）”，建立一个新文档，如图4-2所示。图4-1FlashCS3开始窗口图4-2新建Flash文档147第四章基础动画制作（2）单击“属性”面板上“大小”处的位置，如图4-3所示。图4-3“属性”面板（3

8、）在弹出的“文档属性”对话框中设置舞台的宽度为“200像素”、高度为“300像素”、背景色为“白色”，其他均为默认值，如图4-4所示。图4-4“文档属性”对话框图4