第11课网站图形处理工具FireworksCS3.pptVIP

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