网页设计与制作 第二版 相万让 第04章

《网页设计与制作 第二版 相万让 第04章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4章动画制作软件Flash2021/7/201《网页设计与制作（第二版）》第4章动画制作软件Flash网页作为一种新兴的媒体，正成为当今人们获取信息的重要方式。随着网络技术的发展，单调的页面及布局已经能做得像其他媒体一样丰富多彩了。就目前而言，要想改变静态页面呆板的面貌，并且突破网络传输速度的限制，相信每一个网络设计人员都会说，使用Flash。的确，目前Flash在网络设计上的应用正像它的名字一样光彩照人、势不可挡。2021/7/202《网页设计与制作（第二版）》第4章动画制作软件Flash4.1Flash8概述4.2Flash基本操作4.3图形操作4

2、.4动画制作4.5声音处理4.6动画的交互控制4.7使用组件4.8优化和发布4.9综合实例思考与练习4.1Flash8概述Flash是由美国Macromedia公司出品的一款矢量图形编辑和动画制作软件。因为这款软件在基于矢量图形压缩方面有着惊人的能力，并且可以在Web上发布，所以很快便在互联网世界中流行起来。用户除了可以利用它制作普通动画外，还可以在动画中加入背景音乐。更重要的是，用户还可以利用它制作交互动画及动态网页。2021/7/204《网页设计与制作（第二版）》4.1.1Flash8的功能特点导入功能的扩展。Flash8可以非常容易地通过导入功能将

3、AVI、MPEG或GIF等视频文件导入到Flash文件中，还可导入Flash发布后的SWF文件。●工具箱中新增加了两个工具。自由转换工具，可以对绘制内容进行任意的缩放或旋转等变化；填充转换工具，主要用来调整填充颜色。●图层可做成文件夹。在时间轴中，新增了图层文件夹，使得管理图层更加方便。2021/7/205《网页设计与制作（第二版）》4.1.1Flash8的功能特点●利用文本工具设定超级链接。在Flash8中可以直接通过文本工具设定超级链接，这与设计网页时的操作一样简单。●增强了Actions编辑器的功能。改进的ActionScript（动作脚本）编辑面

4、板使得用户可以方便地访问、查找所有的（包括潜在的）动作语句。●新增了属性面板。Flash8进一步向面向对象的技术靠拢，提供了独立的属性面板。●支持组件功能。组件是面向对象技术的一个重要特征，Flash8开始支持组件。2021/7/206《网页设计与制作（第二版）》4.1.2动画知识简介2021/7/207《网页设计与制作（第二版）》与我们平时看到的电影和录像一样，Flash动画也是基于帧构成的，也就是通过若干个静止的画面连续播放来产生动作效果，我们把这些静止的画面称为帧。通常的电脑动画大部分都是基于这种原理来创建的。对于这种以帧的连续播放产生的电影，一般

5、来说，每一秒钟的电影至少包含24帧，或者更多，而且帧数越多，电影画面就越连贯。例如我们看的电视每秒钟包含25帧。为了降低网络流量，Flash通常将动画一秒钟播放的帧数设置为12。如果就以每秒钟12帧来计算，要生成1小时的Flash动画，它将包含43200帧。如果对每一帧的画面都进2021/7/208《网页设计与制作（第二版）》行绘制，那将是不现实的。于是在设计Flash动画时，引进了关键帧这个概念。所谓关键帧就是指用来描述动画中关键画面的帧。在制作Flash动画时，只要将动画中的关键帧画面制作好后，两个关键帧之间的各帧则可以通过插值的方法来自动产生，这将

6、大大提高动画制作的效率，同时也大大减少了动画中的冗余数据。有时一个帧中的内容非常复杂，为了减少每一帧中内容的复杂程度，Flash又引入了图层的概念，我们可以将帧中复杂的内容分别绘制到不同的图层，以减少每一帧动画的复杂程度。Flash就这样将时间线、帧和图层分别用在横纵结构上以构成动画。2021/7/209《网页设计与制作（第二版）》选择“开始→程序→Macromedia→MacromediaFlash8”菜单选项，启动Flash8应用程序，打开的程序窗口，布局如图5-1所示。在Flash8程序窗口中，根据功能的不同，可以将Flash8的操作界面分成7个

7、部分，它们分别是菜单栏、工具栏、工具箱、属性面板、面板容器、时间线和动画设计窗体。4.1.3Flash8工作界面2021/7/2010《网页设计与制作（第二版）》图2021/7/2011《网页设计与制作（第二版）》●4.2.1参数设置●4.2.2文件的建立、保存●4.2.3时间轴的操作●4.2.4场景操作●4.2.5动画播放4.2Flash基本操作2021/7/2012《网页设计与制作（第二版）》Flash允许用户根据需要设置常用参数，如设置应用程序的常规操作、编辑操作和剪贴板操作等。选择“编辑→参数选择”菜单选项，打开“参数选择”对话框，可对常用参数进

8、行设置，如图5-2所示。4.2.1参数设置2021/7/2013《网页设计与制作