Photoshop 2020平面设计实例教程第7章 矢量图形

第7章矢量图形7.1认识矢量图形7.2用工具绘制矢量图形7.3路径面板7.1认识矢量图形010304计算机图形可以分为两个大类：位图图像与矢量图形。位图图像从技术上来说是一种基于像素网格的点阵图像，也叫做栅格图像。它是由一些方形的像素点，通过不同的排列和着色构成的图像。矢量图形，从数学的角度上来说，是一系列由点连接的线。它的形态是由这些点和线的位置决定的，并且只能由软件来生成。图7-1位图图像图7-2矢量图形7.2用工具绘制矢量图形矢量工具可以创建3种类型的对象：路径、形状和像素。因此在绘制前，需要在工具选项栏中选定其中一种，如图7-3所示，然后用“钢笔工具”组或“形状工具”组中的工具来进行绘制矢量路径。图7-3矢量工具选项栏010304使用“路径”模式，如图7-4所示，可以绘制出路径轮廓。路径轮廓在操作画面上显示为蓝色带有锚点的直线或曲线，如图7-5所示，这是一种无法被显示、打印或导出的矢量对象，因此绘制出的路径被保存在“路径”面板中，无法在“图层”面板中找到路径，如图7-6与7-7所示。路径可以被转换为选区、形状图层和矢量蒙版。图7-4

在顶层工具选项栏中选择“路径”模式图7-5绘制出的路径对象图7-6路径在路径面板中的显示图7-7图层面板中无法显示路径7.2用工具绘制矢量图形使用“形状”模式，如图7-8所示，可以绘制出形状图层，画面效果如图7-9所示。形状包含了描边和填充两部分内容，其中描边可以进行变形，填充可以用纯色、渐变和图案来进行上色编辑。形状图层同时显示在“图层”面板和“路径”面板中，如图7-10与7-11所示，因此它的描边和填充色是可以被打印和输出的。用基于矢量的工具，如钢笔工具和直接选择工具来对它进行编辑。图7-8

在顶层工具选项栏中选择“形状”模式图7-9绘制出的形状对象图7-10显示在“路径”面板图7-11显示在“图层”面板7.2用工具绘制矢量图形使用“像素”模式，如图7-12所示，可以在当前图层中绘制出以前景色为填充的图像，如图7-13与7-14所示。该模式下绘制出的图像不具备矢量轮廓，如图7-15所示。

图7-12在工具栏选项中选择“像素”模式图7-13“路径”面板中的显示图7-14“图层”面板中的显示图7-15绘制出的对象7.2用工具绘制矢量图形7.2.1钢笔工具010304“钢笔工具”是创建矢量图形时最常用的工具之一。在很多软件中都引入了“钢笔工具”，如AdobeIllustrator、AdobePhotoshop和AdobeInDesign，还有一些视频软件如AdobePremierePro和AdobeAfterEffect等，也包含了“钢笔工具”。虽然需要花一定时间练习才能掌握，但是“钢笔工具”的应用范围十分的广泛，是每个学习设计的人必备技能。“钢笔工具”组中包含钢笔工具、自由钢笔工具、弯度钢笔工具、添加锚点工具、删除锚点工具以及转换锚点工具，如图7-16所示。其中钢笔工具和转换锚点工具使用频率最高。图7-16“钢笔工具”组l钢笔工具：快捷键P，可以通过在画面上不同位置单击来连续创建锚点，以组成路径。当一系列锚点被建立之后，回到初始锚点再次单击，将创建出闭合路径，如图7-17所示。如果需要创建开放路径时，如图7-18所示，可以在最后一个锚点被创立后使用Esc键结束绘制。在绘制的过程中，如果需要得到曲线的效果，可以在单击后拖动鼠标，即可拉出两根调节弧度的控制柄，用于调整曲线的平滑度与方向，如图7-19所示。用路径工具绘制出的线叫做贝塞尔曲线，由法国工程师皮埃尔·贝塞尔于1962年开发，它的基本原理是由锚点来生成线，再由锚点上的两根控制柄来调整曲线的大小和形状，控制柄对于曲线的控制有类似于橡皮筋的效果。图7-17闭合的路径图7-18开放的路径图7-19贝塞尔曲线7.2.1钢笔工具l

转换点工具：在默认情况下，贝塞尔曲线的两条控制柄始终处于一条直线上，当调整其中一个，另外一个也会随之发生变化，如图7-20所示。使用“转换点工具”可以打破这种连接关系，在其中一根控制柄上使用“转换点工具”，可以将两根控制柄调整成为任意的夹角，如图7-21所示。图7-20贝塞尔曲线的默认控制柄图7-21用转换点工具转换后的控制柄7.2.1钢笔工具TIP：在使用“钢笔工具”绘制时，如果在工具选项栏中的按钮选项中选中“橡皮带”复选框，如图7-24所示，可以在绘制过程中移动鼠标时预览将要生成路径的形状，提高落笔的准确性。另外，如果想要还原锚点控制柄的初始状态，可以使用“转换点工具”在锚点上单击，即可使控制柄归零消失，如图7-22所示。“转换点工具”还可以在没有控制柄的尖角锚点上拖动出控制柄，使之变为圆角弧线的状态，如图7-23所示。图7-22控制柄归零后的锚点图7-23重新编辑后的锚点图7-24在工具选项栏设置窗口中选择像皮带7.2.1钢笔工具练习：使用钢笔工具创建路径。在这个练习中我们将练习使用基本的钢笔工具功能来绘制一个闭合路径，如图7-25所示，具体的操作流程参照教科书内的指示。图7-25用钢笔工具绘制的路径7.2.1钢笔工具l

添加锚点工具与删除锚点工具：在完成一个路径的绘制后，如果需要修改路径的形状，添加或删除一些锚点，则选择相应的工具，将鼠标移动到需要添加或删除锚点的位置单击，即可添加或删除锚点。另外这两个工具在日常操作中可以被“钢笔工具”替代，因为使用“钢笔工具”修改路径时，如果鼠标指针移到已有锚点的位置，指针会自动变为删除锚点工具的形式，此时单击鼠标，该锚点即会被删除，反之则可以添加锚点。7.2.1钢笔工具l

弯度钢笔工具：比较适合绘制曲线，使用时在画面不同位置上创建两个相连的锚点，如图7-26所示，当在第三个位置创建锚点时，路径会在这三个锚点之间形成弯曲，如图7-27所示，通过拖动和单击鼠标来调整锚点的位置和路径弯曲的程度。如果需要绘制出直线，需要双击鼠标左键，然后再在下一个位置单击，如图7-28所示。以此类推还可以建立更多的锚点来进一步完善路径。图7-26两个相邻的锚点7.2.1钢笔工具图7-27在3个锚点间形成弯曲图7-27调整锚点位置和弯曲程度l

自由钢笔工具：自由钢笔工具的使用方法和套索工具类似，按住鼠标左键的同时在需要描绘的轨迹上移动鼠标，就可以得到相应的路径。通过这种方法可以比较自由迅速地创建路径，但缺点是人手对鼠标轨迹不能精确的把控，可以通过后期的编辑和修改，来实现想要得到的效果。7.2.1钢笔工具除了绘制路径之外，钢笔工具还可以用于绘制形状，如图7-35所示。在工具选项栏选择绘制形状的选项后，还可以通过该工具栏来设置填充和描边的颜色，以及描边的粗细、虚线形式等选项。图7-36展示了闭合路径与非闭合路径在填充色和描边效果上的差异。图7-28在工具选项栏中选择“形状”7.2.1钢笔工具图7-29闭合与非闭合路径的差异对比7.2.2路径选择与直接选择工具01在编辑修改路径时，经常需要选择和移动路径或锚点的位置，这时需要使用“路径选择工具”或“直接选择工具”（快捷键A），如图7-30所示。这两个工具都是专门针对矢量对象的工具，只有这两个工具才能用于选择和移动路径。“路径选择工具”用于选取整个路径，单击需要选择的路径，该路径即会显示为具有锚点的蓝色线条，如图7-31所示。选取路径后可以对其进行移动，变换或转换等操作。“路径选择工具”还可以用于删除和复制路径，选择路径使用Delete键可以将路径整个删除，选择路径按住Alt键拖动鼠标则可以复制路径。图7-30“路径选择工具”组图7-31被选择与未被选择的路径7.2.2路径选择与直接选择工具01“直接选择工具”则用于选择路径中的单个锚点，或是贝塞尔曲线中的调节柄，它的主要功能是调整锚点的位置和属性来编辑路径的形态。在图7-32中可以看到，被选定的锚点呈现蓝色，而该锚点所在路径的其余锚点呈现白色。“直接选择工具”还可以用来删除单个锚点，与“删除锚点工具”不同的是：“删除锚点工具”只是在路径上将锚点删除，路径依然保留完整，而使用“直接选择工具”选择了锚点，然后使用Delete键删除后，会使路径失去该锚点两端的连接而断开，如图7-33所示。“直接选择工具”还可以用来删除单个锚点，与“删除锚点工具”不同的是：“删除锚点工具”只是在路径上将锚点删除，路径依然保留完整，而使用“直接选择工具”选择了锚点，然后使用Delete键删除后，会使路径失去该锚点两端的连接而断开，如图7-40所示。图7-32被选定的锚点示意图图7-33锚点被删除前后的路径7.2.2路径选择与直接选择工具练习：使用钢笔工具抠图“抠图”是Photoshop操作中使用频率非常高的一种操作，是制作影像合成与图像拼贴时几乎必不可少的一个环节。使用“钢笔工具”抠图很大程度的实现对于抠图区域的主观控制，因为路径的绘制是完全由手动掌控的。下面练习使用“钢笔工具”为一只翠鸟照片，如图7-34所示，进行抠图，详细操作见教材内容。图7-34翠鸟照片7.2.3矩形与圆角矩形工具04“矩形工具”如图7-35所示，可以用来绘制矩形和正方形的路径、形状或像素图形。在工具选项栏中设置要创建的对象类型并设置相应的选项，如图7-36所示，在画面上单击即可弹出“创建矩形”对话框，如图7-37所示，填写长宽等数据创建矩形，或通过按住鼠标左键进行拖动创建矩形；按住Shift键并按住鼠标左键进行拖动可以创建正方形；按住Alt键并按住鼠标左键进行拖动，以单击点为中心创建矩形；按住Shift+Alt键，以单击点为中心创建正方形，效果如图7-38所示。图7-35“矩形工具”组图7-36不同对象类型的工具选项栏图7-37磁性套索工具选项栏图7-38磁性套索工具选项栏7.2.3矩形与圆角矩形工具“圆角矩形工具”的使用方法与“矩形工具”基本相同，其在工具选项栏里多出了对圆角半径的设置：“半径”项，如图7-39所示。图7-39圆角矩形的创建选项与效果7.2.4椭圆工具“椭圆工具”可以用来创建椭圆和正圆形的形状、路径和像素，工具使用方法与“矩形工具”基本相同，可以创建自由比例的椭圆和正圆形以及固定大小或比例的椭圆和正圆形，如图7-40所示。图7-40创建出的椭圆与正圆路径7.2.5多边形工具“多边形工具”可以用来绘制形状、路径和像素。在工具选项栏中设置多边形的边或星形角的数量，然后按住鼠标左键进行拖动创建对象，如图7-41所示。也可以单击鼠标后，在创建对话框中输入多边形或星形半径的数值来创建固定大小的形状，如图7-42所示。图7-41设置并创建多边形路径图7-42通过单击创建多边形路径7.2.5多边形工具在创建星形时，需要在对话框中选中“星形”复选框，设置缩进边的数值，该数值是星形角的长短在半径中所占的比例。另外还可以为星形选择平滑缩进模式。图7-43展示了一些特殊的星形与多边形效果。图7-43星形与多边形的变化7.2.6直线工具“直线工具”用来绘制形状、路径和像素，能够绘制出带有和不带有箭头的线段，如图7-44所示。需要特别注意的是，与“钢笔工具”不同，“直线工具”绘制出的路径并不是基于两个锚点之间的线段，而是一种视觉上的线，将这条线放大观察就会发现，它的路径和矩形相同，是由四个锚点构成，如图7-45所示，因此，它的粗细可以被设置和调整。在工具选项栏中可以设置线的粗细和箭头选项等，如图7-46所示。使用“直线工具”时，按住Shift键再按住鼠标左键进行拖动，可以创建出水平、垂直或以45度角为变化单位的直线。图7-44“直线工具”绘制的对象图7-45直线的路径放大图图7-46设置直线属性7.2.7自定形状工具在绘制出一些图形之后，可以通过生成自定义形状的方式将这些图形保存下来，便于日后再次使用，而被保存过的这些图形，可以使用“自定形状工具”放置在画面上。打开一张之前绘制过的矢量图形，如图7-47所示，用选择工具将其选取，在菜单栏中选择“编辑”→“定义自定形状”命令，或者在图形上右键单击，弹出的快捷菜单中选择“定义自定形状”，打开对话框中为该形状命名，单击“确认”按钮，如图7-48所示。图7-47打开矢量图形图7-48“形状名称”对话框7.2.7自定形状工具在自定形状工具选项栏中找到刚生成的形状，如图7-49所示。使用“自定形状工具”，可以在photoshop中的任意文件里使用这个形状，如图7-50所示。图7-49自定形状工具选项栏图7-50在图片上使用自定形状7.3路径面板在Photoshop文件中矢量对象与像素图像属于两个截然不同的分支，因此绘制出的路径无法在“图层”面板中显示。想要编辑和管理路径，需要使用“路径“面板”。7.3.1初识路径面板在菜单栏中选择“窗口”→“路径”命令，打开“路径”面板。“路径”面板中显示当前工作路径、储存路径，以及当前矢量蒙版的名称和缩览图。在路径面板的下方有一排按钮，用来对路径元素进行编辑和管理，如图7-51所示。图7-51认识“路径”面板7.3.2添加和删除路径单击“路径”面板下方的按钮可以创建一个新的路径层，如图7-52所示。双击路径名称可以为其命名，如图7-53所示。每个路径层都可以承载多个路径，但是在制作较为复杂的图像时，尽量将每一个路径都建立在各自的路径层中，并将其命名，以便于编辑和管理。新建路径层工具还可以用来复制路径，用鼠标将要复制的路径层拖动到按钮上，即可复制出新的路径层，如图7-54所示。图7-52新建路径层图7-53为路径层重新命名图7-54复制路径层7.3.2添加和删除路径用鼠标可以选定不同的路径层，被选定的路径层会有特殊色彩的提示。如需同时选定多个路径层，可以在按住Ctrl键的同时用鼠标逐个单击需要的路径层，如图7-55所示。如果需要选定的路径层在面板中的位置彼此相邻，可以按住Shift键，然后分别在需要选定的范围两端先后单击来选定，如图7-56所示。“删除”按钮用来删除当前选定的路径层，选定路径层后单击该按钮即可将被选中的一个或多个路径层删除。

图7-55用Ctrl键选定路径层图7-56用Shift键选定路径层7.3.3为路径添加描边和填充色使用这两个按钮可以将路径的形状和轮廓以当前文件的前景色盖印在画布上。首先在路径层中创建路径，然后设置前景色，单击按钮，然后用选择工具移动路径位置，再单击