• 绘制和编辑矢量对象和位图对象

  • 向图形添加交互效果

  • 优化和导出图形

  • 矢量图形和位图图形

Adobe? Fireworks? 是一个用于创建、编辑和优化 Web 图形的多功能程序。您可以创建和编辑位图和矢量图像、设计 Web 效果(如变换图像和弹出菜单)、裁剪和优化图形以减小其文件大小以及通过使重复性任务自动进行来节省时间。可以将文档导出或保存为 JPEG 文件、GIF 文件或其它格式的文件。这些文件可与包含 HTML 表和 JavaScript 代码的 HTML 文件一同保存,以便您可以在 Web 上使用它们。

有关介绍 Fireworks 基础知识的视频教程,请参阅 www.adobe.com/go/lrvid4032_fw_cn。绘制和编辑矢量对象和位图对象

在 Fireworks“工具”面板中,用来绘制/编辑矢量的工具与用来绘制/编辑位图的工具位于不同的部分。所选工具决定了创建的对象是矢量还是位图。在绘制对象或文本之后,可以使用各种工具、效果、命令和技术来增强图形或者创建交互式导航按钮。

还可以导入和编辑 JPEG、GIF、PNG、PSD 和其它许多文件格式的图形。

向图形添加交互效果

切片和热点是指定 Web 图形中交互区域的 Web 对象。切片将图像切成可导出的部分,您可以将变换图像行为、动画和统一资源定位器 (URL) 链接应用到这些部分上。在网页上,每个切片都出现在一个表格单元格中。

使用切片和热点上的拖放变换图像手柄可以为图形快速指定交换图像和变换图像行为。使用 Fireworks 按钮编辑器和弹出菜单编辑器可生成用于在网站上导航的特殊交互式图形。

优化和导出图形

使用 Fireworks 功能强大的优化功能,可以在所导出图形的文件大小和可接受的视觉品质之间取得平衡。所选择的优化类型取决于用户的需要以及要优化的内容。

优化图形后,下一步是将它们导出以便在 Web 上使用。从 Fireworks 源 PNG 文档中,您可以导出许多种类型的文件,其中包括 JPEG、GIF、GIF 动画和包含多种文件类型的切片图像的 HTML 表格。

矢量图形和位图图形

计算机以矢量位图格式显示图形。Fireworks 中既包含矢量工具,又包含位图工具,并且能够打开或导入这两种格式的文件,因此了解这两种格式之间的差异将有助于您了解 Fireworks。

关于矢量图形

矢量图形使用包含颜色和位置信息的直线和曲线(矢量)呈现图像。例如,一片叶子的图像可以使用一系列描述叶子轮廓的点来定义。叶子的颜色由其轮廓(即笔触)的颜色和该轮廓所包围区域(即填充)的颜色决定。

矢量图形与分辨率无关,对其进行缩放和修改不会有损质量。

矢量图形与分辨率无关,这意味着,当您更改矢量图形的颜色、移动矢量图形、调整矢量图形的大小、更改矢量图形的形状或者更改输出设备的分辨率时,其外观品质不会发生变化。

关于位图图形

位图图形由排列在网格中的点(即像素)组成。计算机的屏幕就是一个大的像素网格。在叶子的位图版本中,图像是由网格中每个像素的位置和颜色值决定的。每个像素被指定一种颜色。在以正确的分辨率查看时,这些点像马赛克中的瓷片那样拼合在一起。

位图图像与分辨率相关。

编辑位图图形时,您修改的是像素,而不是线条和曲线。位图图形与分辨率有关,这意味着描述图像的数据被固定到一个特定大小的网格中。放大位图图形将使这些像素在网格中重新进行分布,这会使图像的边缘呈锯齿状。在一个分辨率比图像自身分辨率低的输出设备上显示位图图形也会降低图像品质。


 

,