08Fireworks文档优化.pptVIP

第8章 文档的动画制作与优化输出 8.1 层、蒙版 8.2 图像切片与优化 8.3 创建动画 8.1 层、蒙版 1 图层 文档中的每个对象都驻留在一个图层上，每一个图形对象在创建的同时都会自动生成一个“单独的层”——对象图层，来容纳自己。也可以在绘制图形之前创建图层，或者根据需要添加图层。画布位于所有图层之下，其本身不是图层。 可以在“层”面板中查看层和对象的堆叠顺序。即它们出现在文档中的顺序。Fireworks 根据层创建的顺序堆叠层，将最近创建的层放在最上面。堆叠顺序决定各层对象之间的重叠方式。可以重新排列层的顺序和层内对象的顺序。 2 蒙版 蒙版就是将一个对象放置到另一个对象之上，将这两个对象组合成蒙版组。蒙版的形状决定了蒙版组合的形状，利用蒙版组可以生成独特的透明效果。 一般将位于上面的对象称为蒙版；而位于下面的对象只有被蒙板覆盖了的部分是可见的，称为被蒙版对象。 2 蒙版 蒙板的灰度（黑白灰度）着色决定了蒙板组合的不透明度。灰度越高蒙板组合显示越淡（即越透明），蒙板上的黑色区域完全隐去蒙板组合，白色区域完全显示蒙板组合。 使用菜单【修改】|【蒙版】|【组合为蒙版】命令，将选定的两个对象组合为蒙版组。 矢量蒙版：作为蒙版的对象是矢量对象，以矢量路径来限制被覆盖图层的显示和隐藏。 位图蒙版：作为蒙版的对象是位图对象，以蒙版对象中的像素来控制被遮盖图像的隐现。 3 矢量蒙版 矢量蒙版包括文字蒙版和矢量图形蒙版。 1）文字蒙版 以文字作为蒙盖对象，图像作为被蒙盖对象，将文字和图像组合成蒙版组。文字蒙版中只有文字下的图像部分可见。 文字蒙版 2）矢量图形蒙版 矢量蒙版分为路径轮廓蒙板和灰度外观蒙板。 路径轮廓蒙板：按照蒙盖对象的路径进行蒙盖。此时被蒙盖对象按照蒙盖对象的路径区域显示，蒙盖对象路径以外的区域不可见。 灰度外观蒙板：被蒙盖的图像取决于蒙盖对象和背景色之间的明亮关系，蒙盖对象上明亮的像素点显示被蒙盖对象，较暗的像素点显示被蒙盖对象的背景色。 路径轮廓蒙板 4. 位图蒙版 Fireworks 位图蒙版与Photoshop中的层蒙版非常相似：以蒙版对象的像素影响下层对象的可见性。 可以按两种方式应用位图蒙版： 使用一个已有的图像作为蒙版。此法类似应用矢量蒙版。 创建所谓的空蒙版。空蒙版开始时或者完全透明，或者完全不透明。透明蒙版显示整个被蒙版对象，而不透明蒙版则隐藏整个被蒙版对象。可以使用位图工具在蒙版对象上绘制或者修改蒙版对象，以显示或隐藏底层的被蒙版对象。 位图蒙版 注： 可以组合两个或更多个对象来创建蒙版。最顶层的对象成为蒙版对象。对象堆叠顺序决定所应用的蒙版类型。如果顶层对象是矢量对象，则结果为矢量蒙版。如果顶层对象是位图对象，则结果为位图蒙版。 按住 Shift 键并单击两个或更多个重叠的对象。 8.2 图像切片与优化 1 切片 切片就是大图像分割成多个较小的图像切片，从而减小图像的体积，并将每部分导出为单独的文件。 切片是网页对象，可以通过“层”面板中的“网页层”查看、选择和重命名它们。 注：一个标准的Fireworks图形文件至少有2个基本层： “网页层”和“普通图层”。每一个图形对象在创建的同时都会自动在“普通图层”下生成一个“单独的层”来容纳自己，即“对象层”。同样的，每一个热点或切片对象在创建的同时也会在“网页层”下自动生成一个“对象层”来容纳自己。 2 创建切片 使用工具箱上的切片工具可以为已经制作好的图片创建切片。切片工具有两类，分别为“矩形切片”（Slice tool）和“多边形切片”工具（Polygon Slice tool）。 创建矩形切片 选择矩形切片工具，在图像的适当位置上按下鼠标左键并拖动绘制一个矩形区域，这样就生成了一个切片。该切片区域被半透明的绿色所覆盖，称为切片对象，另外Fireworks根据切片对象的位置以红色分割线对图像进行了分割。 矩形切片 创建多边形切片 选择多边形切片工具，在多边形的每个顶点单击制作多边形切片。 创建基于自由路径的切片 如果用户是基于路径对象（如曲线路径，魔术棒选择像素形成的路径）制作切片，只需使用菜单【编辑】|【插入】|【切片】命令。 多边形切片 注：多边形切片和自由路径切片的分割线仍然是水平和垂直的，生成的切片文件也还是矩形的。实际上多边形切片和自由路径切片的切片形状主要是用于设置相应的行为触发区域的。如果切片对象被设置了链接，那么在浏览器中显示的时候，只有点击到多边形或自由路径区域时才会实现链接跳转，而在这个切片的其他区域则不会出现链接跳转。 3 切片的优点 减少下载时间 创建链接：可以对不同的切片制作不同的链接，而不需要在大的图片上创建热区。 实现交互效果：使用切片创建响应鼠标事件的区域。 更新网页的某些部分：利用切片可