fireworks cs4入门与提高教程第2章 Fireworks CS4的文档

第2章FireworksCS4的文档操作

本章重点在介绍了FireworksCS4的工作环境之后，本章开始介绍文档的基本操作方法。文档操作是Fireworks中最基本的操作，包括新建文档、打开文档、导入文档等多个方面。从一个良好的设计基础入手进行创作，不仅能起到事半功倍的效果，而且能充分体现创作者的专业水平。学习目的通过本章的学习，用户应该了解Fireworks中各种文档格式，并能根据需要创建自己需要的格式文档，在其他开发环境下导入和导出相应格式的文档。2.1概述

文档是指应用程序中所操作的数据对象。不同的应用程序，文档中数据的组织方式也不同。例如，对于MicrosoftWord，文档的类型是文书档案；对于MicrosoftExcel，文档的类型是电子表格；对于AdobeDreamweaver，文档的类型是网页；而对于AdobeFlash来说，文档的类型是矢量动画；Fireworks是一种用于进行Web图像处理的应用程序，其文档的类型是图像。在Fireworks中，文档图像采用PNG格式。PNG图像格式更加灵活，不仅可以在其中保存位图信息，还可以保存矢量信息；不仅对图层和帧提供了完美的支持，还可以绑定HTML和JavaScript代码，构建动态的图像。目前只有较高版本的浏览器，如InternetExplorer4.0、NetscapeNavigator4.0及它们的更高版本才支持PNG格式的图像。同很多应用程序一样，FireworksCS4可以打开多种格式的文档。FireworksCS4还可以将Photoshop、Freehand、Illustrator、CorelDraw等图像编辑软件编辑的图像导入。2.2使用文档

2.2.1创建新文档创建新文档的具体操作如下所示：（1）选择菜单栏“文件”|“新建”命令，打开“新建文档”对话框，如图所示。（2）设置完毕，单击“确定”按钮，即可在文档工作区创建一个空白的PNG文档。如图所示。2.2.2打开、关闭、保存文档

FireworksCS4中打开、关闭、保存文档的方法与Windows中的文件操作相同。2.2.3图像的导入导入文档的具体操作如下所示：（1）选择菜单栏“文件”|”导入”命令，打开“导入”对话框。如图2-3所示。（2）选择需导入的文件，单击“打开”按钮。此时“导入”对话框关闭，回到正在编辑的文档，鼠标指针变成一个直角符号。在文档窗口拖动导入指针，出现一个虚线矩形框，如图所示。松开鼠标，图片被导入到矩形框中。导入图片大小、位置和尺寸由拖动产生的矩形框决定，如图所示。2.2.4插入其他文件中的对象

插入方法有利用鼠标拖放或采用复制粘贴两种操作方式。1．利用鼠标拖放这里以MicrosoftInternetExplorer6.0为例讲解利用鼠标拖放对象到Fireworks中。（1）同时打开MicrosoftInternetExplorer6.0和FireworksCS4，将鼠标移到IE窗口中需导入的对象上。按住鼠标左键不放，将光标拖动到FireworksCS4文档编辑窗口上，此时鼠标指针显示为一个符号。（2）将对象拖放在文档编辑窗口合适的位置，释放鼠标，即将对象插入到当前编辑的文档中。2．采用复制粘贴操作需要注意的是，矢量图形与分辨率无关，可以在分辨率不同的输出设备上显示，而不会改变其外观品质。位图图形与分辨率有关。选择“重新取样”，会保持粘贴位图的原始宽度和高度不变，并在必要时添加或去除一些像素。选择“不要重新取样”则维持全部原始像素，这可能会使粘贴图像的相对大小比预想的要大或小一些。2.2.5从扫描仪或数码相机中导入图像

FireworksCS4支持从扫描仪或数码相机中直接导入图像，这是通过Windows系统的TWAIN模块（或Macintosh系统的PhotoshopAcquire插件）实现的。直接导入的图像是以新文档的形式打开的。选择菜单栏“文件”|”扫描”命令，就可以很方便地扫描所需的图像。2.3显示文档文档是显示在文档编辑窗口的，为了编辑的方便，我们需要采用不同的显示模式及比例。

2.3.1直接调整文档的显示比例选择菜单栏“视图”|“缩放比例”命令，会弹出显示比例清单，如图所示。在清单中单击所需的显示比例后，图像就会以该比例显示在文档编辑窗口。用户也可以在文档编辑窗口选取对象，然后单击鼠标右键，此时会弹出右键快捷菜单。选择“缩放比例”命令，也会有一个显示比例清单，如图所示。除了显示缩放比例外，还有“选区符合窗口大小”和“符合全部”两个选项，分别表示将所选对象全窗口显示和将图像全窗口显示。在FireworksCS4中，文档的显示比例可以在6%～6400%之间变化。2.3.2使用缩放工具

单击缩放工具按钮后，鼠标指针会变成放大镜形状。在文档窗口中单击鼠标后就可放大显示文档内容；连续单击鼠标左键，还可以在当前基础上连续放大，每次放大的倍数为前一次的200%。用户也可以放大文档的指定区域。选中缩放工具后，在文档编辑窗口拖动鼠标选择要查看的区域，如图所示。释放鼠标该区域就会放大显示在全窗口中，如图所示。选取了缩放工具后，按住键盘上的Alt键，鼠标指针会编成缩小镜形状。单击鼠标左键，即可缩小显示文档内容；连续单击鼠标左键，还可以在当前基础上连续缩小。用户也可将文档缩小显示在指定区域。选取缩放工具，按住Alt键，在文档编辑窗口拖出一个矩形框。释放鼠标文档会在该矩形框中缩小显示。此外，用鼠标双击工具箱中的缩放工具按钮，可以将文档的显示比例恢复到100%。2.3.3使用手形工具

当文档大小超出了文档窗口的显示范围时，可以通过拖动文档窗口右侧和下部的滚动条查看文档的各个部分。不过，FireworksCS4提供了更为方便的查看工具——手形工具，它位于工具箱下部的”视图”栏内，在FireworksCS4的标题栏上也添加了该工具。单击手形工具按钮，此时，鼠标指针会变成手形，在文档窗口上按住鼠标左键后拖动鼠标，即可很方便地查看文档的各个部分。如果双击手形工具按钮，可以将当前文档全窗口显示。2.3.4完全显示和草图显示

在Fireworks中，文档的显示方式有两种：完全显示和草图显示。完全显示就是在整个文档窗口中显示图像的所有细节，包括矢量结构和应用到这些结构上的各种效果，如图所示。草图显示使用一个像素宽的路径显示矢量图形，不显示填充效果，对于图像显示一个“X”，如图所示。选择菜单栏“视图”|“完整显示”可以在两种显示方式之间切换。选项前有“√”标记时，表示当前采用完整显示；选项前没有“√”标记时，表示当前采用草图显示。2.3.5Macintosh灰度系数灰度预览可使用户看到一幅图像在其他计算机平台上的显示效果。选择菜单栏“视图”|“Macintosh灰度系数”命令，即可在当前文档中查看该图像在Macintosh计算机中的显示效果。2.4标尺、辅助线和网格

FireworksCS4提供了标尺、辅助线、网格等定位工具，帮助用户布局图像，了解图像当前的坐标位置。

2.4.1标尺选择菜单栏“视图”|“标尺”命令即可显示标尺。水平和垂直方向的标尺都是从文档编辑窗口左上角开始沿着文档编辑窗口显示出来，如图2-17所示。在文档编辑窗口拖动鼠标时，标尺上能查看到当前鼠标位置的坐标。再次选择菜单栏“视图”|“标尺”命令可以隐藏标尺。2.4.2辅助线

1．添加辅助线：将鼠标移到标尺上，按住鼠标左键并拖动到文档中合适的位置释放，即可添加一条辅助线。2．移动辅助线：将鼠标移到辅助线上，当鼠标指针变成双箭头时拖动辅助线，即可改变辅助线的位置。3．锁定辅助线：选择菜单栏“视图”|“辅助线”|“锁定辅助线”命令即可锁定辅助线，锁定后的辅助线不能被移动。再次选中该命令，即可解除对辅助线的锁定。4．删除辅助线：选择菜单栏“视图”|“辅助线”|“清除辅助线”命令，一次删除画布中的所有辅助线。5．显示|隐藏辅助线：选择菜单栏“视图”|“辅助线”|“显示辅助线”命令可以显示或隐藏辅助线。6．对齐辅助线：选择菜单栏“视图”|“辅助线”|“对齐辅助线”命令。在文档中创建或移动对象时，就会自动对齐距离最近的辅助线。2.4.3网格

1．显示网格：选择菜单栏“视图”|“网格”|“显示网格”命令即可在文档编辑窗口中显示网格，如图所示。再次选择该命令，清除前面的”√”标记，即可隐藏网格。2．对齐网格选择菜单栏“视图”|“网格”|“对齐网格”命令。3．设置网格参数选择菜单栏“编辑”|“首选参数”|“辅助线和网格”命令，弹出如图所示的“首选参数”对话框。2.5画布与文档的属性

（1）打开菜单“修改”|“画布”|“画布大小”命令，如图所示。（2）打开“画布大小”对话框，如图所示。（3）在“当前大小”区域，可以看到画布在修改之前的大小。（4）在“新尺寸”区域可以输入画布新的高度和宽度值，从右方的下拉列表中可以选择数值的单位。2.5.1改变画布大小（5）在“锚定”区域中显示了一些按钮，每个按钮上用图表示了画布扩展或收缩的方向，默认状态下是中间的按钮被按下，表明画布向四周均匀扩展或收缩，也可以根据需要，单击相应的方向按钮。（6）FireworksCS4支持在单个PNG文件中创建多个页面，所以，如果只要改变当前页面的大小，则须保留选中“仅当前页面”。如果要修改当前文档中所有页的大小，则取消选中该复选框。（7）设置完毕，单击“确定”按钮，确定操作，即可完成对画布大小的重设。此外，还可以使用工具栏中的裁切工具改变画布的大小。2.5.2改变画布颜色

改变画布颜色的具体操作如下所示：（1）选择菜单“修改”|“画布”|“画布颜色”命令，打开画布颜色对话框。如图所示。（2）根据需要在对话框中选择新的画布颜色。“白色”：选中该项，则将画布颜色修改为白色。“透明”：选中该项，则将画布颜色修改为透明。“自定义”：选中该项，可以从右方的颜色选择区域选择需要的画布颜色。（3）设置完毕，按下“确定”按钮，完成修改画布的颜色。2.5.3旋转画布

（1）选择菜单“修改”|“画布”命令。（2）根据需要选择二级菜单中的不同选项：旋转180°：选中该项，将画布旋转180°，也即上下颠倒。旋转90°顺时针：选中该项，将画布顺时针旋转90°。旋转90°逆时针：选中该项，将画布逆时针旋转90°。注意：旋转画布会导致在其中绘制的所有图像对象同时被旋转。如图显示了3种画布旋转的结果。第1幅是原始图，第2幅是旋转180°，第3幅为顺时针旋转90°，第4幅为逆时针旋转90°。2.5.4修剪、符合画布

Fireworks修剪画布的具体操作如下所示：（1）选择菜单“修改”|“画布”|“修剪画布”命令。（2）这时会看到：画布的大小自动被缩小，直至刚好容纳图像内容。如图所示。（3）选择“符合画布”命令可以使较小的画布适应较大的图像范围。如图所示，左图为在较小的画布上移动对象，而右图显示了“符合画布”之后的效果。2.5.5改变图像大小

（1）选择菜单“修改”|“画布”|“图像大小”命令。（2）“像素尺寸”区域中可以重新输入新的图像宽度和