Fireworks 4.0 认证教程 第三章 矢量对象的绘制和编辑

【内容提要】

　　本章主要介绍Fireworks中矢量对象的绘制与编辑，了解位图模式和对象模式，学习使用绘制、编辑矢量图形的相关工具：路径工具、选择工具、变换工具等。学会使用布局工具。本章的重点是理解路径概念，使用路径工具编辑矢量图形，以及对路径的编辑。

　　主要内容：

　　3.1 矢量图像和位图图像，图像的绘制模式

　　3.2 绘制矢量

　　3.3 编辑矢量对象

　　3.4 编辑路径

　　3.5 使用布局工具

　　重点与难点：

　　路径，编辑路径，绘制矢量图形，编辑矢量对象，布局工具的使用

　　关键字：

　　矢量和位图、路径、矢量对象、布局工具

　　【本课内容】

　　3.1 矢量图像和位图图像

　　3.1.1 在使用Fireworks绘制矢量对象之前，先来了解计算机中图像构成的两种基本类型：

　　矢量图像：用包含颜色和位置属性的直线或曲线来描述图像属性的图像表示方法，也称向量图像。矢量图像的颜色取决于图像轮廓曲线的颜色及其轮廓封闭的区域颜色，与轮廓内单独的点无关。可以通过修改描述图像轮廓的直线或曲线来更改图像的性质，也可以移动、缩放、变形图像或者改变图像的颜色，这都不会降低图像的品质。

　　位图图像：使用象素来定义的图像，每个象素都有一个特定的位置和颜色　。编辑位图图像时修改的是象素。位图图像与分辨率有关，它包含固定数量的象素。如果在屏幕上以较大的倍率显示，或以过低的分辨率打印，位图图像会出现锯齿边缘，而且会遗漏细节，降低图像的质量。

　　矢量图形更容易编辑，位图则有更多复杂的颜色变化更适合艺术作品，比如照片。许多程序要么提供编辑矢量图形的工具，要么提供位图编辑工具。Fireworks融合了两种图像的操作，使用户不必过多在意矢量工具和位图工具的差异。

　　3.1.2 图像的绘制模式

　　Fireworks有两种图像编辑模式：对象模式（编辑矢量图像时的模式）和位图编辑模式（编辑位图图像时的模式）　对象模式可以为路径选择纹理和填充，也可以添加阴影　、内倒角、外倒角、晕光等效果；而位图模式是没有路径的，因而无法添加效果。

　　3.1.3 图像模式的切换

　　图像模式的切换的方法有多种，在此只介绍两个基本命令。

　　从对象模式进入位图编辑模式：选中图像对象，单击【Modify】菜单中的【Edit Bitmap】命令。

　　从位图编辑模式进入对象模式：选中图像对象，单击【Modify】菜单中的【Exit Bitmap Mode】命令。也可以点击文档窗口下面状态栏中的"Exit Bitmap Mode " 按钮

　　3.2 绘制矢量

　　3.2.1 绘制和编辑工具

　　1. 基本形状工具

　　

　　我们可以使用这个工具组方便的绘制出基本的图像形状，如 ：方形、圆角矩形、圆形、椭圆形、星形等等各种多边形形状。（颜色的填充将在第四章中学到）

　　

　　绘制星形： 双击工具箱上的多边形工具 ，打开多边形工具选项面板，如图；

　　

　　在"Shape"下拉列表中选择"Star"，"Sides"下拉列表中选择星形的边数，在文档窗口按下鼠标并拖动，即可绘制出所需的星形图像来。

　　2. 用铅笔和画笔工具绘制自由路径。

　　

　　铅笔和画笔工具的线条类型、颜色、粗细以及纹理都可在"Stroke"面板中进行调节。

　　

　　3. 使用钢笔工具绘制直线线段和曲线线段。

　　

　　钢笔工具可以绘制开环路径，也可绘制闭环路径

　　3.3 编辑矢量对象

　　在前面两节学习了使用绘制工具绘制矢量对象，本节将介绍如何对矢量对象进行编辑，这将学习到选择工具的使用以及对选择对象的管理和操作。

　　3.3.1 选择矢量对象

　　Fireworks的工具箱中提供了三种基本的对象选择工具：

　　1. 箭头工具 选择、拖放对象或路径

　　2. 选择被遮对象工具 在图层或图组中选择被遮盖了的对象

　　3. 导出区域工具 确定文件的导出区域

　　4. 子选择工具 选择组中的对象或对象的部分

　　Fireworks 中可以选择一个对象，也可以选择多个对象。选择多个对象时，按住键盘的"Shift"键，用箭头工具直接在文档内点选要选取的多个对象。

　　3.3.2 对象的管理

　　为了方便编辑，Fireworks提供了对象管理命令，可以隐藏和显示对象、设置对象的重叠顺序、对齐命令、对象的复制、剪切或删除、也可以将多个对象进行组合，作为一个对象来编辑。

　　这里重点介绍对象的组合操作：

　　1. 选中要组合的多个对象。

　　2. 单击【Modify】菜单中的【Group】命令，就将所选对象组合在一起。

　　组合对象的好处是当多个对象的相对位置始终保持不变时，可以将这个对象组作为一个对象来编辑，进行整体的移动、放大或缩小操作。

　　要撤销该组合对象：

　　1. 选中要撤销的组合对象。

　　2. 单击【Modify】菜单中的【Ungroup】命令，就将组合对象拆分开了。

　　3.3.3 变换对象

　　Fireworks可以将对象在整体上进行变换，比如：缩放对象、倾斜对象、旋转对象、翻转对象或扭曲对象等等操作。

　　这些操作都可以使用工具箱中的变换工具来完成

　　

　　比例变换工具 ：控制编辑对象的旋转和大小变换

　　倾斜工具 ： 用倾斜或旋转对象的方法来改变透视点

　　扭曲工具 ：可以把一个多边形或多角星变换任何一个想要的形状

　　选中某一对象　，点击变换工具后，该对象的边缘会出现八个控制点，调节这些控制点便可进行变换操作了。

　　　　

　　另外，在【Modify】菜单下的【Transform】级联菜单中，有比较完整的变换命令，通过这些命令可以进行精确的变换操作。

　　3.4 编辑路径

　　矢量对象的基本元素是路径和点，我们通过对路径和点的编辑来更改对象，

　　3.4.1 本节主要学习路径工具的使用。

　　1. 钢笔工具

　　路径上的点主要有两种：边角点（至少有一边是直线的点）和曲线点（两边都是曲线）。钢笔工具可以完成边角点和曲线点的绘制与转换

　　

　　用钢笔工具绘制出路径后，单击要变换的点或拖动调节变换手柄进行调节。

　　2. 子选择工具

　　可以通过子选择工具 ，对绘制的路径和点进行调节

　　

　　3. 任意形状工具组

　　自由格式工具，可以使用大小可变的光标拖曳选定的路径区域。

　　区域变形工具，可以使用可变光标区域来更改选定的路径形状。

　　路径涂饰工具（+），可以完成对压力和速度敏感的纹理效果的修改（增加）

　　路径涂饰 工具（-），可以完成对压力和速度敏感的纹理效果的修改（减小）

　　3.4.2. 路径的组合操作

　　1. 连接和断开

　　要连接或者断开多个路径，单击【Modify】菜单中的【Join】或【Split】命令

　　2. 对于多个对象的操作

　　合并操作：单击【Modify】菜单下【Combine】级联菜单中的【Union】命令。

　　相交操作：单击【Modify】菜单下【Combine】级联菜单中的【Intersect】命令。

　　则将对象的重合部分提取出来。

　　冲孔操作：单击【Modify】菜单下【Combine】级联菜单中的【Punch】命令。

　　剔除对象重合部分

　　3.5 布局工具

　　在编辑对象时，经常需要精确定位或了解当前坐标位置，Fireworks为此提供力标尺、网格以及向导的布局工具。

　　3.5.1 显示标尺

　　单击【View】菜单中的【Rulers】命令。取消显示同样单击该命令。

　　3.5.2 显示网格

　　单击【View】菜单中的【Show Grid】命令。取消显示同样单击该命令。

　　3.5.3 对齐网格

　　单击【View】菜单中的【Grid】级联菜单中【Snap to Grid】命令。取消显示同样单击该命令。

　　3.5.4 编辑网格

　　单击【View】菜单中的【Grid】级联菜单中【Edit Grid】命令，打开"Edit Grid"
对话框。

　　

　　"Snap to Grid"：选中该复选框，激活对齐网格特性。

　　3.5.5 使用向导

　　在标尺上单击并拖动鼠标到需要位置，即可在文档窗口创建向导。可以对向导进行锁定、隐藏、编辑等操作。

　　我们激活文档中的对齐到向导特性。可以将文档中的对象与向导对齐，实现精确定位。单击【View】菜单中的【Guides】级联菜单中【Snap to Guides】命令。

　　3.5.6 信息面板

　　

　　信息面板主要是用来查看当前文档中的对象的相关信息，包括文档的宽度、长度、文档坐标、以及颜色等数字信息。面板右边的下拉菜单是选择显示信息的单位和模式。

　　小结

　　本章主要介绍Fireworks中矢量对象的绘制与编辑，了解位图模式和对象模式，学习使用绘制、编辑矢量图形的相关工具。本章的重点是理解路径概念，使用路径工具编辑矢量图形，以及路径的编辑。