网页设计》——网页动画的制作.ppt

《《网页设计》——网页动画的制作》.ppt1江西师范大学网页设计课程组网页设计 2江西师范大学网页设计课程组 Flash 8 概述 常用面板简介 在网页中添加特效文字 利用 Flash 8 制作常用的图案 元件和实例 逐帧动画 创建形状补间动画 遮罩动画 创建动画补间动画第11章网页动画的制作 3江西师范大学网页设计课程组 Flash 8 概述 Flash 是Macromedia 公司推出的一种优秀的矢量动画编辑软件, Flash 8 是其最新的版本。利用该软件制作的动画尺寸要比位图动画文件﹙如GLF 动画﹚尺寸小很多,用户不但可以在动画中加入声音、视频和位图图像,还可以制作交互式的影片或者具有完备功能的网站。 Flash 是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其他允许用户交互的内容。 Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。 Flash 特别适用于创建通过 提供的内容,因为它的文件非常小。 Flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比,矢量图形需要的内存和存储空间小很多, 因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大,是因为图像中的每个像素都需要一组单独的数据来表示。 4江西师范大学网页设计课程组 Flash 8 概述 Flash (FLA )。Flash 文档有四个主要部分: (1)舞台是在回放过程中显示图形、视频、按钮等内容的位置。在后面的章节中将对舞台做详细介绍。(2)时间轴用来通知 Flash 显示图形和其他项目元素的时间, 也可以使用时间轴指定舞台上各图形的分层顺序。位于较高图层中的图形显示在较低图层中的图形的上方。(3)库面板是 Flash 显示 Flash 文档中的媒体元素列表的位置。(4)ActionScript 代码可用来向文档中的媒体元素添加交互式内容。例如,可以添加代码以便用户在单击某按钮时显示一幅新图像,还可以使用 ActionScript 向应用程序添加逻辑。逻辑使应用程序能够根据用户的操作和其他情况采取不同的工作方式。 Flash 包括两个版本的 ActionScript ,可满足创作者的不同需要。 5江西师范大学网页设计课程组 Flash 8 概述完成 Flash 文档的创作后,可以使用“文件”→“发布”命令发布它。这会创建文件的一个压缩版本,其扩展名为. swf ( SWF )。然后,就可以使用 Flash Player 在 Web 浏览器中播放 SWF 文件,或者将其作为独立的应用程序进行播放。 6江西师范大学网页设计课程组 Flash 8 概述 Flash 8 的开始界面运行 Flash 8 ,首先映入读者眼帘的是操作的“开始”页面, 左边是打开最近用过的项目,中间是创作各种类型的新项目, 右边是从模板创建各种动画文件,如图 11-1 所示。 7江西师范大学网页设计课程组 Flash 8 概述 Flash 8 的工作界面启动 Flash 8 ,并在“开始”页中选择一项进行,就可进入 Flash 的工作环境,如图 11-2 所示的工作界面,主要有舞台、主工具栏、工具箱、时间轴、属性面板和多个控制面板等部分。图 11-2 Flash 8 的工作界面 8江西师范大学网页设计课程组 Flash 8 概述 时间轴时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数。与胶片一样, Flash 文档也将时长分为帧。图层就像堆叠在一起的多张幻灯胶片一样,每个图层都包含一个显示在舞台中的不同图像。时间轴的主要组件是图层、帧和播放头,如图 11-3 所示。图11-3 时间轴 9江西师范大学网页设计课程组 Flash 8 概述 工具箱工具箱是 Flash 8 中最常用的面板,用鼠标单击能选中各种工具,如图 11-4 所示。用户可以自定义工具编排,执行“编辑”→“自定义工具面板”命令,打开“自定义工具栏”对话框,可根据需要重新安排和组合工具的位置,如图 11-5 所示,在“可用工具”列表中选择工具,单击“增加”按钮, 就可以将选择的工具添加到“当前选择”列表中。单击“恢复默认值”按钮就可以恢复系统默认的工具设置。 10 江西师范大学网页设计课程组 Flash 8 概述图 11-4 工具箱图 11-5 “自定义工具栏”对话框