网页设计与制作陈彦许 第7章 动画

《网页设计与制作陈彦许 第7章 动画》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第7章网页动画的制作【学习目标】2.掌握Flash中常用工具的使用方法3.学会使用Flash制作逐帧、变形和补间动画1.了解网页动画的基本概念5.学会元件和库的操作6.学会网页中引导页动画和图片轮显动画的制作4.学会使用Flash制作引导动画和遮罩动画第7章网页动画的制作第7章网页动画的制作7.1Flash简介Flash软件是当前网络上最流行的动画制作软件，在网页动画创作中被广泛地使用。此软件的出现使得在网上实现交互式流媒体成为现实，目前应用最多的是Flash8版本。它在FlashMX2004基础上改变了原来软件的操作界面并添加了很多新功能。Fl

2、ash都能干什么呢？这款软件功能很强大，主要有以下几个方面：美工设计：Flash8本身是一个优秀的矢量图形工具，使用它可以制作出精美的矢量图案。并且，还可以再进行图形图像的处理。动画制作：动画制作是Flash的看家本事。在Flash中，可以使用"补间"来制作动画，只要制作动画的开头帧和结束帧，就可以让计算机自动生成中间的各个帧。同时，在Flash8中还提供了"时间轴特效"来快捷地制作动画。一般的作品有MTY、动画小品等。交互制作：交互性是Flash的另一个重要特性，Flash文件中可以使用鼠标和键盘进行交互，用户只要操纵鼠标和键盘就可以完成一系列

3、的动画交互动作。利用这个特性可以制作交互按钮，也可以制作Flash网站、网页及网页元素。此外，Flash的交互功能还可以用来制作Flash游戏和教学课件。程序开发：Flash提供的组件使得我们可以开发应用程序。组件是预先定义好的行为与参数的影片剪辑。使用它们可以制作图形界面的应用程序。7.1Flash简介7.1.1基本概念第7章网页动画的制作帧：帧是进行Flash动画制作的最基本的单位。在时间轴上的每一帧都可以包含需要显示的所有内容，包括图形、声音、各种素材和其他多种对象。关键帧:有关键内容的帧。用来定义动画变化、更改状态的帧，即编辑舞台上存在实

4、例对象并可对其进行编辑的帧。在时间轴上显示为实心的圆点，空白关键帧在时间轴上显示为空心的圆点，普通帧在时间轴上显示为灰色填充的小方格。空白关键帧:空白关键帧是没有包含舞台上的实例内容的关键帧。普通帧:在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。同一图层中，在前一个关键帧的后面任一帧处插入关键帧，是复制前一个关键帧，可对其中的对象进行编辑操作；如果插入普通帧，则是延续前一个关键帧，不可对其进行编辑操作；插入空白关键帧，可清除该帧后面的延续内容，可以在空白关键帧上添加新的实例对象。关键帧和空白关键帧上都可以添加帧动作脚本，普通帧上则不

5、能。注意：1.应尽可能的节约关键帧的使用，以减小动画文件的体积；2.尽量避免在同一帧处过多的使用关键帧，以减小动画运行的负担，使画面播放流畅。7.1.2操作环境Flash软件版本更新较快，本教材中我们以Flash8讲解动画制作流程。安装Flash8后双击软件图标进入Flash启动界面。如图7-1所示：第7章网页动画的制作7.1Flash简介图7-1FLASH8启动界面在图7-1中区域①、③、④都显示灰色，不允许用户编辑，在区域②中我们则可以进行Flash相关项目的创建，也可以通过菜单栏中的文件选项卡中的“新建”选项创建Flash项目。真正的操作界

6、面是在我们创建项目后呈现给我们的画面。创建新Flash文档，就可以打开Flash8的工作界面（如图7-2所示）。Flash8的工作界面主要包括标题栏和菜单栏、时间轴、工具箱、属性面板、浮动窗口、舞台。（图中的标号分别对应：①标题栏和菜单栏、②时间轴、③工具箱、④属性面板、⑤浮动窗口、⑥舞台）第7章网页动画的制作7.1Flash简介图7-2Flash的工作环境7.1Flash简介第7章网页动画的制作时间轴：时间轴(Timeline)是动画表演的“剧本”，把不同的图形作品放在不同图层的相应帧里，以安排动画内容播放的时间和顺序，还用来调整动画的播放速度

7、。舞台：舞台是动画中“演员”表演的场所。舞台(Stage)就是主工作区，用于放置图形内容（“演员”）的矩形区域，这些动画“演员”包括元件、矢量插图、文本、按钮、导入的位图图形或视频剪辑。Flash创作环境中的舞台相当于Flash播放器中在回放期间显示Flash文档的矩形空间。可以在工作时放大和缩小以更改舞台的视图，而网格、辅助线和标尺有助于在舞台上精确地定位内容的位置。属性面板：属性面板也是一个个小功能模块的集合，类似于浮动窗口。一般有“属性”、“滤镜”、“参数”和“动作”窗口。可以对舞台以及舞台上的各种对象进行设置。浮动窗口：Flash提供了许

8、多种面板，每个面板对应一个功能模块，例如混色器面板用于颜色的配置，库面板用于库资源的管理。Flash8软件默认的为我们调出了一些浮动面板