《网页设计与网站建设》 第12章 Flash动画制作基础ppt课件.ppt

《《网页设计与网站建设》 第12章 Flash动画制作基础ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第12章Flash动画制作基础7/28/2021本章知识技能要点：场景、时间轴、层、关键帧、普通帧的概念工具箱面板、属性面板的使用方法形状补间和动作补间的概念和应用运动引导层的制作和应用遮罩层的制作和应用12.1认识Flash12.1.1Flash8简介Flash是Macromedia公司出品的二维动画创作专业软件，在计算机界的用途十分广泛，包括网页动画制作，教学课件制作，小游戏制作和MTV制作等等。Flash的前身是一款叫作“FutureSplash”的矢量动画插件，它的成长经历了Flash4、Flash5、FlashMX、FlashMX2004和最新推出的Flash8几个版本

2、。Adobeflashcs4是Flash的最新版本12.1认识Flash12.1.3Flash文件的类型FLA文件：包含Flash文档的媒体、时间轴和脚本等基本信息的文件。是设计者在Flash中使用的主要文件。SWF文件：在Web页中显示的文件。是FLA文件的压缩版本。12.1认识Flash12.1.4.2Flash8的工作界面进入Flash8以后，显示Flash8的默认工作界面，如图示。12.1认识Flash状态栏---左侧显示着正在编辑的文件及内容，如图中显示的正在编辑的是文件“未命名-1”的“场景1”。右侧的两个按钮分别是“场景切换”按钮和“元件切换”按钮。最右端是工作区百分

3、比显示窗口。时间轴---预设位置在状态栏的下方，其左侧是图层编辑区，在此进行图层的编辑；右侧是帧编辑区，完成动画的帧编辑。12.1认识Flash场景舞台---工作界面中央的白色区域就是场景舞台（也称工作区），是显示和编辑动画对象的主要区域。面板组---是特定的功能单位的集合，包含某一特定的功能，如动作面板、属性面板、混色器面板、对齐面板和库面板等。设位置在状态栏的下方，其左侧是图层编辑区，在此进行图层的编辑；右侧是帧编辑区，完成动画的帧编辑。12.1.5Flash中的一些基本概念12.1.5.1帧帧是动画的基本单元，Flash动画就是许多连续帧的内容连续播放构成的，一帧就相当于电影

4、胶片中的一格。时间轴上的帧编辑区中横向排列的小方格就是帧，处于自然状态下没有进行任何操作的帧称为“空白帧”，每一帧对应的上方的数字是该帧的编号。帧编辑区中的红色竖线是播放磁头，播放磁头所在的帧就是当前所编辑的帧。12.1.5.1帧Flash中有两类重要的帧，即为“静态帧”和“关键帧”。静态帧：不参与任何动画效果的帧称为静态帧，（静态帧也称作普通帧）。关键帧：定义一个动作的起始状态和终止状态的帧称为关键帧。其中没有添加任何对象，只作为一个关键点存在，称为空白关键帧。关键帧在时间轴上的显示是在其间有一个黑色小圆点（空白关键帧是一个小圆圈）。12.1.5.2元件在Flash中，元件是整个

5、动画的基础元件有三种类型：图形元件：最常用，用于创建静态元件，并且可以引用外部的图片来作为元件。按钮元件：用于创建动态交互按钮的形式，即在鼠标处于不同的状态产生不同的响应。电影剪辑元件：是动态视频剪辑元件，不同于上面两种形式的是它有自己独立的时间轴，是动态的元件形式。12.1认识Flash12.1.5.3库库是用于管理元件的地方，元件制作完毕后都会自动保存到库中。打开库面板可以查看、选择和使用元件。可以通过选择“窗口”→“库”命令来实现对元件的调用，也可以通过选择“文件”→“导入库”命令来将外部的元件导入指定的图片库中。12.1.5.4层将不同的对象放置在不同的图层中，这样在修改其

6、中一个对象时不会影响到其他的对象。图层可以形象地理解为透明的玻璃纸，不同的对象绘制在不同的透明纸上，它们相互重叠以显示整体的内容，但在修改某一对象时其他对象不受影响。对于图层的操作在时间轴的“图层编辑区”中实现。12.1认识Flash12.1.5.5场景Flash中的场景就如同电影里的分镜头，一个影视作品不可能仅仅在同一个场景内完成，在不同的场景中相互切换，能使得作品具有更加丰富的感染力。Flash也是如此。一个Flash文档允许创建许多个场景，作者可以在不同的场景中编排不同的内容，播放时可以任意控制各个场景先后顺序。12.1.5.6帧频率帧频率（fps）就是动画的播放速度，指每秒

7、播放的帧的多少。Flash默认的帧频率是12.0fps。12.1.6Flash的基本操作“逐帧动画”，是指每一帧的内容都与其前一帧有所不同，以此实现动画的效果。下面详细介绍一个眼球会转动的小猫动画制作步骤：（1）打开Flash8，由“文件”菜单→“导入”→“导入到库”，选择一幅图片导入到库中。此时的库面板中就可以看到一个位图元件，其名称为“cat.jpg”,元件的类型是“位图”。如图所示。（2）选中库面板中的“cat.jpg”元件，直接从库面板中拖拽到舞台。然后点击工