第10章网页图形处理工具Fireworks8.pptVIP

网站规划与网页设计 * *吕梁高等专科学校汾阳师范分校 王建平 fysfwjp@163.com 10.1 Fireworks 8的基本概念 10.2 图形的优化 10.3 图像的切片 10.4 图像的导出 10.5 制作动态按钮 10.6 制作下拉菜单 第10章 网页图形处理工具Fireworks 8 10.1.1 创建新文档 第一次启动Fireworks 8中文版时，会出现一个初始页面，如图10-1所示。在这里，用户可以快速访问最近编辑过的文档或创建一个新文档，也可以访问帮助文件或网页。当用户选择新建Fireworks文件后，就会弹出“新建文档”对话框，如图10-2所示。 10.1 Fireworks 8的基本概念 图10-1 第一次启动Fireworks 8时的初始页面 图10-2 “新建文档”对话框 10.1.2 Fireworks 8的工作界面 新建文档完成后进入Fireworks 8的工作界面，如图10-3所示。Fireworks 8的工作界面由菜单栏、工具栏、工具箱、工作区、组合面板和属性面板6个部分组成。 10.1 Fireworks 8的基本概念 图10-3 Fireworks 8的工作界面 1．工作区 在工作区中不仅可以绘制矢量图，也可以直接处理位图。工作区上有4个选项卡，当前为“原始”选项卡，也就是工作区，只有在此窗口中才能编辑图像文件；而在“预览”选项卡中可以模拟浏览器预览制作好的图像；“2幅”和“4幅”选项卡则分别是在2个和4个窗口中显示图像的制作内容。 2．工具箱 Fireworks 8中的工具种类齐全，使用这些工具，用户可以在单个文件中创建和编辑矢量或位图图形。 10.1 Fireworks 8的基本概念 3．属性面板 当选择对象或选取工具的时候，其相关信息都会在属性框中显示出来，同时也可以通过修改属性面板中的数据或内容来调整图像的相关属性，如图像的大小、位置及色彩等。 4．组合面板 Fireworks 8的组合面板共有17个，分别为：优化、层、帧、历史记录、自动形状、样式、库、URL、混色器、样本、信息、行为、查找、对齐、自动形状属性、图像编辑和特殊字符。每个面板既可独立排列，又可与其他面板组合成一个新面板，但各面板的功能依然相互独立。单击面板上的名称可展开或折叠该面板。 10.1 Fireworks 8的基本概念 10.1.3 打开和导入文件 1．打开文件 打开文件用于重新加载一幅新的图像。执行“文件”→“打开”命令，或者单击工具栏上的“打开”按钮，即可启动“打开”文件对话框，如图10-4所示。 10.1 Fireworks 8的基本概念 图10-4 “打开”对话框 10.1.3 打开和导入文件 2．导入文件 导入文件和打开文件的区别是，前者是将图像文件插入到目前正在编辑的文档中，而不是重新加载一幅图像。执行“文件”→“导入”命令，启动“导入”对话框，如图10-5所示。 10.1 Fireworks 8的基本概念 图10-5 “导入”对话框 10.1.4 修改画布 Fireworks中的画布也就相当于图像的背景。在绘图的过程中，为了使画布的大小、色彩能够与前景的图像保持协调，用户经常要修改画布的相关属性。方法是，单击画布，或者在画布的工作区外单击一下，从而显示相应的画布属性面板，如图10-6所示。在属性面板中，单击画布颜色选择框，可以重新设置新的画布颜色，如图10-7所示。 10.1 Fireworks 8的基本概念 图10-6 画布属性面板 图10-7 设置画布颜色 单击“画布大小”按钮将弹出“画布大小”设置对话框，如图10-8所示。在“新尺寸”区内可以输入新的宽度、高度，并在“锚定”栏中设置画布的固定点，当画布的大小被改变时会以选中的固定点为基准来更改画布的大小。 单击画布属性面板中的“图像大小”按钮，将弹出“图像大小”对话框，如图10-9所示。在“像素尺寸”区中可以设置工作区的宽度和高度数值。若选中“约束比例”项，当宽度或高度二者之中某一数值被改变后，另一个数值也会等比例地随之改变。 10.1 Fireworks 8的基本概念 图10-8 设置画布大小 图10-9 设置图像大小 10.1.5 矢量图和位图的概念 1．矢量图 矢量图使用称为“矢量”的线条和曲线（包含颜色和位置信息）来呈现图形。例如，一片叶子的图像可以使用一系列描述叶子轮廓的点来定义