网页制作教程 第2版 作者 王君学 项目五 网页动态效果的制作.pptVIP

　　浏览互联网中的网页，许多页面都具有动态效果。那么，这些动态效果是如何制作的呢？本项目将介绍使用行为、时间轴和Flash制作网页动态效果的基本方法。 （一） 预备知识──Flash动画 【属性】面板默认位于窗口的下方，使用【属性】面板可以很容易地查看舞台或时间轴上当前选定项的最常用属性。根据当前选定内容的不同，【属性】面板可以显示当前文档、文本、元件、帧等对象的信息和设置。当选定了两个或多个不同类型的对象时，它会显示选定对象的总数。 时间轴默认位于舞台的上方，主要用于组织和控制文档内容在一定时间内播放的层数和帧数。从其功能来看，【时间轴】面板可以分为左右两个部分：层控制区和帧控制区。时间轴能够显示文档中哪些地方有动画，包括逐帧动画、补间动画和运动路径，可以在时间轴中插入、删除、选择和移动帧，也可以将帧拖到同一层中的不同位置，或是拖到不同的层中。 （一） 预备知识──Flash动画 【时间轴】面板的主要组件是层、帧和播放头，还包括一些信息指示器。层可以帮助用户组织文档中的插图，在某一层上绘制和编辑对象，不会影响其他层上的对象。如果一个层上没有内容，那么就可以透过它看到下面的层。当创建了一个新的Flash文档之后，它就包含一个层。用户可以添加更多的层，以便在文档中组织插图、动画和其他元素。帧是进行动画创作的基本时间单元，关键帧是对内容进行了编辑的帧，或包含修改文档“帧动作”的帧。Flash可以在关键帧之间补间或填充帧，从而生成流畅的动画。 （一） 预备知识──Flash动画 2. 创建和保存Flash文件 选择【文件】/【新建】命令，弹出【新建文档】对话框，在【常规】选项卡的【类型】列表框中选择【Flash文档】，单击 按钮，即可创建一个空白的Flash文档，如图5-39所示。 （一） 预备知识──Flash动画 对新建的文档，选择【文件】/【保存】或【文件】/【另存为】命令，均可弹出【另存为】对话框，输入文件名并选择保存类型，然后单击 按钮即可。Flash文档的源文件扩展名为“*.fla”。 （一） 预备知识──Flash动画 3. 元件和库 在制作Flash动画的过程中，元件是要经常用到的，那么什么是元件呢？元件是Flash动画中创建一次即可以多次重复使用的图形、按钮或影片剪辑。元件只需创建一次，就可以在当前文档或其他文档中重复使用，并且使用的元件都会自动成为当前文档库的一部分。每个元件都有自己的时间轴、关键帧和图层。 （一） 预备知识──Flash动画 元件是构成Flash动画的基础，共有3种类型。 ? 图形元件：是制作动画的基本元素之一，主要用于创建可反复使用的图形，可以是静态图像或是由多个帧组成的动画，缺点是不能添加交互行为和声音。 ? 影片剪辑元件：是嵌套在影片中的片断，它具有主影片的一切特性，可以视为一个完整的Flash动画，可以添加交互行为、声音甚至其他影片剪辑实例。 ? 按钮元件：用于与用户进行交互，可以响应鼠标事件，如滑过、单击等，有弹起、指针经过、按下和点击4种状态。 （一） 预备知识──Flash动画 使用以下任意一种方法，弹出【创建新元件】对话框，从中设置元件名称和元件类型即可在【库】面板中创建相应的元件，如图5-41所示。 ? 选择【插入】/【新建元件】命令。 ? 从【库】面板的选项菜单中选择【新建元件】命令。 ? 单击【库】面板下方的 （新建元件）按钮。 （一） 预备知识──Flash动画 另外，还可以选择【文件】/【导入】/【导入到库】命令，将外部的视频、声音和位图等素材导入到影片中，它们会自动出现在库里。 调用库中的元件非常简单，只需要将所需要的元件拖到舞台即可，既可以从预览窗口拖入，也可以从文件列表中拖入。元件拖曳到舞台上，即成为一个实例。 总之，元件是一种可以重复使用的对象，而实例是元件在舞台上的一个副本，而【库】面板则是管理元件的主要工具。元件和实例是Flash中非常重要的两个概念，通过它们可以实现已绘制的元素的重复使用。 （一） 预备知识──Flash动画 4. Flash动画的类型 Flash动画的类型有逐帧动画、形状补间动画、动作补间动画、引导动画和遮罩动画。 (1) 逐帧动画 逐帧动画就是在不同的帧中放入不同的图像，然后一帧连着一帧进行播放，这种动画类型对于对象的运动和变形过程可以进行精确的控制。要创建逐帧动画，需要将每个帧都定义为关键帧，然后给每个关键帧创建不同的图像。创建逐帧动画的典型方法主要有以下几种。 ? 导入素材生成逐帧动画，如导入静态图像、序列图像和GIF动态图像等。 ? 使用数字或者文字制作逐帧动画，如实现文字跳跃或旋转等特效动画。 ? 绘制矢量逐帧动画。利用各种制作工具在场景中绘制矢