40天成为资深设计师07

第7课：描绘矢量图

几乎所有的排版软件和Photoshop 中的钢笔工具，

都以Bezier

曲线为基础描绘矢量图。

关键词钢笔工具 路径 文字绕路径排列 文字转路径

利用数值变换图形 组合图形

调色板 轮廓色 填充色 色彩模式

叠印（压印） 陷印（补漏白）

目录：用Indesign 描绘矢量图

用Freehand 描绘矢量图

用Corel Draw 描绘矢量图

用Illustrator 描绘矢量图

矢量图的色彩模式

定义颜色，填充和描边

轮廓与填充的关系

叠印

陷印（补漏白）

用Indesign描绘矢量图

【练习7-1】用Indesign画标志

附件中的“材料7-1.jpg”，是从产品说明书上扫描下来的一个标志，要重新制作成清晰的图样，用于该企业的全套VI，包括名片、信笺、产品目录、包装、广告灯箱、展板等。

它是jpg格式的。扫描后之所以要存储成jpg格式而不是出片所需的tif格式，是为了防止排版时误将它当成出片所需的图像使用。

我们要在Indesign中把它变成矢量图。没有任何菜单命令可以一步就把一张位图变成可以自由缩放的矢量图，唯一的办法就是把这张位图置入排版文件，照着它重新描线、填色。

在Indesign中新建一个文件，通过“文件>置入”菜单把标志的扫描图置入页面，作为描绘时的参考。

为了能够看得更清楚些，在“物件>显示性能”中选择“高质量显示”。

在制作之前可以先考虑一下该怎么做。像这种复杂的图形，可以先画一些简单的图形（圆、方等），通过相加、相减、相交等方法将它们组合成复杂的图形。各种矢量图软件都允许这么做。

在刚才的Indesign文件中建立一个新图层，画一个正圆（用“椭圆工具”按住“Shift”键拖动鼠标），把它的轮廓宽度设置得很小（比如0.05mm），尽量不遮住底图。然后把它调整到和底图中最小的圆环的内缘对齐（按住“Shift”键拖动它的角，就能在调整大小的过程中保持比例不变，必要时可以调节上方控制栏中的数值来调整它的位置和大小。对Indesign的操作，这里只作简单的提示，如有不解

处可参阅专门的教程）。

执行“编辑>拷贝”，然后“编辑>原位粘贴”，于是在这个圆上面复制了一个和它大小完全一样、位置完全重叠的圆。通过调节控制栏中的数值把复制品变大，使它与底图中圆环的外缘对齐。

以同样的方法做出其他的圆环的轮廓。

使用“文字沿路径工具”，在内侧第二个圆上单击，输入文字，这样，文字便沿这个圆排列了。调整字体和字号，使它与底图一致。在“文字>沿路径排字>选项”菜单下可以调节沿路径排列的文字的字间距，在文字控制栏中也可以调整，并且还可以调整文字的“基线”数值使其适当地离开路径。

如果觉得文字在路径上的位置不对，可以使用“选取工具”拖动这排文字左边的标记。

然后沿内侧第三个圆输入英文，为了让它沿圆的内侧排列，要在“文字>沿路径排字>选项”中选择“翻转”。

将内侧第二个圆原位复制一次，执行“文字>沿路径排字>删除”，去掉上面的文字，将留下的圆与内侧第一个圆一起选中（用“选取工具”按着“Shift”键单击，在大多数矢量图软件中对多个对象进行复选都是这样操作），执行“复合路径>制作”，将两个圆合并成一个环，再将其填充色改为黄色，将其轮廓色改为“无”。

然后选择有那排中文附着的圆，将轮廓色改为“无”从而隐藏它，但那排中文仍然显示。

用同样的方法处理那排英文及其外侧的圆，再把最外侧的两个圆组合成一个环。现在页面中有了三个圆环，复选它们，用“物件>路径查找器>联合”命令将它们合并。

使用“钢笔工具”，画出那条飘带的外轮廓和中间需要挖空的几个区域的轮廓，用复合路径的方法

将它们组合。（在画的过程中可以不时按住苹果机的键或PC机的“Ctrl”键来移动锚点，按住苹果

机的“Option”键或PC机的“Alt”键来调节那个控制曲线方向的杠杆，这都和在Photoshop中使用钢笔工具一样。）

或者，当复合路径对于复杂的形状不能得到预期的结果时，使用“物件>路径查找器>减除”命令。

现在圆环与飘带重叠的部分需要抠掉。在这一部分画一个路径，与圆环作“物件>路径查找器>减除”。

然后画出其余的形状，与圆环一起，通过“物件>路径查找器>联合”，合并成为一个对象。

将文字的颜色改为黄色，通过“文字>创建外框文字”把它变为路径。删除底图，这个矢量图就完成了，可以通过“文件>输出”命令将它存储为eps格式的矢量图或任意大小的位图，供排版软件置入，或供Photoshop打开。

附带说一句，除Pagemaker外，所有常用的矢量图软件都有将文字转换成路径的功能，这是针对少量文字在出片前的常规操作，因为转换成路径后的文字已经不是真正的文字，而是文字形状的图形，它们的显示和输出不再需要系统字库的支持，出片时不需要附带当初输入它们所用的字体，也不会出现输出中心误用了别的字体来打印的错误。另外，在文字的基础上做标志，也需要先将文字转换成路径，这时它们就好像是画出来的一样，可以随意改变形状。

但是，如果页面中含有大量的文字，它们不能都转换成路径，那样会大大降低输出的速度。书籍排版时就不能把正文转换成路径，而没有转换成路径的文字，在出片时都要附带字体。

下一节回目录

用Freehand描绘矢量图

【练习7-2】用Freehand画标志

还是用上一节的那个扫描图，从菜单命令“文件>导入”把它置入Freehand（这相当于Indesign及其他一些矢量图软件的“置入”）。

先画里边那个圈的外轮廓线（和Indesign中一样，用椭圆工具按住Shift键画出正圆）。

原位复制这个圆（“编辑>拷贝”之后“编辑>前粘贴”），然后用“修改>变换>缩放”命令使它稍微扩大一些，将来文字要绕着它排列。

输入文字，参照扫描图略调整其字体、字号。

复选文字块和这个圆（按住Shift键用指针工具依次单击它们），执行“文字>附连到路径”，文字便绕着那个圆排列了。

对文字再作一些微调，使其完全与底图吻合。

用文字工具在文字块中单击，进入文字编辑状态，这时只要按“ A”（苹果机）或“Ctrl A”（PC机），就可选中全部文字，而不需要拖动鼠标。

再按“ T”（苹果机）或“Ctrl T”（PC机），就可调出文字编辑面板。

用同样的方法，把底下的英文也输入，并与一个圆形路径附连。不过附连之后这段英文是绕着圆的上面排列的，这不对，要使它们下来，就要在“对象”面板中作一个调整：把“文字对齐”的“上”设置为“无”。

对这段英文也作一些微调，使与底图吻合。如果看不清，就放大来操作。

如果觉得这段英文离圆环太近了，就在“基线位移”上输入一个负数。

现在我们发觉底图上的英文并不是正对着标志的中轴线的，它应该向顺时针方向偏一点。那么就在我们输入的英文的“对象”面板中做一些微调：设置“内加”值为“3.5”。

执行“文字>转换为路径”，使其不能作为文字被编辑，把它们的轮廓色设置为“无”，填充色设置为黄色。

现在要画被文字围绕着的那个环的内轮廓线。

先将它原位复制一遍（“编辑>拷贝”之后再“编辑>前粘贴”），然后执行菜单“修改>变换>缩放”，弹出“变换”面板，在其中设置一定的缩放比例，使这个圆变小。

复选这两个圆，执行菜单“修改>组合>穿孔”，把两者组合为一个圆环，将它填充为黄色。

接下来的事情就是把其他圆环做出来，用钢笔工具把其他形状画出来，用接合或组合的方法把它们合为一个整体的形状，然后把底图删除，换成一个填充为“C100 M0 Y100 K0”的绿色方块。到此，该标志就全部做成了矢量图。

保存它，它是一个Freehand文档，在苹果机里没有后缀，只有一个图标，在PC机里，如果它是用Freehand8.0版制作的，后缀就是fh8。它可以直接用于出片，也可以作为一个素材，把其中的图形复制到其他的Freehand文档中。

另外，它还可以导出成许多种格式，供其他软件打开或导入。

上一节下一节回目录

用Corel Draw描绘矢量图

【练习7-3】用Corel Draw画标志

Corel Draw导入图像的命令是“文件>输入（File>Import）”。底图进入页面以后，仍是按底图中那些圆环的轮廓线画一组同心圆，方法与在Indesign、Freehand中类似，不过Corel Draw中没有专门的原位粘贴命令，因为默认的“粘贴”就是原位粘贴。

用“文字工具”在页面上单击后输入文字，用“指针工具”选择文字块，执行菜单命令“文字>附连到路径（Text>Fit Text To Path）”，光标变成了一个大箭头，用它在需要附连的圆上单击，文字就