《PhotoshopCC2017图像处理入门与实战》课件-项目7创建路径和矢量图形

机械工业出版社PhotoshopCC2017图像处理入门与实战目录任务1隶书变黑体任务2公司APP标志绘制任务3更换人物背景项目7创建路径和矢量图形项目概述在PhotoshopCC中，要想绘制较为精确细致的图形往往要使用矢量绘图工具，路径就是重要的矢量绘图工具，它是由一系列点连接起来的线段，具有强大的可编辑性及光滑曲率属性。用户可以根据需要将其转换成选区，以进行填充、描边等操作。在复杂图形的绘制和光滑区域的精确选取中，有着其它工具不可比拟的优势。路径可以使用钢笔、形状或直线等多种工具创建，也可以和选区之间相互转换。本项目将通过三个具体案例的详细讲解，让大家掌握钢笔工具及其它矢量图形工具的使用方法。PhotoshopCC2017图像处理入门与实战1、了解PhotoshopCC中各种路径和矢量图形工具的基本功能和特点。2、熟练掌握利用钢笔工具绘制、编辑路径的方法和技巧。3、学会使用路径选取复杂图像区域以进行精确抠图等应用。PhotoshopCC2017图像处理入门与实战职业能力目标任务1隶书变黑体——任务提出PhotoshopCC2017图像处理入门与实战任务1隶书变黑体PhotoshopCC2017图像处理入门与实战任务情境：提到文字变形，大家最容易想到的是使用Photoshop中的“变形文字”按钮工具对文字进行变形处理，但这种变形的局限性太大。能不能随心所欲的对文字本身进行变形呢？回答当然是肯定的。任务分析：本次任务是利用路径工具将隶书“和”字变成黑体“和”字。主要操作有：输入文字创建工作路径、添加和删除锚点、选择路径和锚点以及转换锚点类型、移动锚点等路径的编辑操作，然后将路径转化为选区，最后填充颜色完成字体的变形操作。任务1隶书变黑体——任务实施PhotoshopCC2017图像处理入门与实战1、制作背景2、书写文字3、创建并调整文字路径4、

路径转换成选区任务1隶书变黑体——知识加油站PhotoshopCC2017图像处理入门与实战一、钢笔工具按钮简介

使用钢笔工具可以创建直线路径和曲线路径，能够手动创建各种复杂的图形形状。钢笔工具是一系列工具的总称，包括钢笔工具、自由钢笔工具、添加锚点工具、删除锚点工具和转换点工具。如下图所示。①

：单击鼠标可以创建直线路径；单击并拖拽鼠标可以创建曲线路径。②

：以鼠标拖拽后形成的轨迹作为路径。③

：

在路径中增加新的锚点。④

：

删除路径中已有的锚点。⑤

：通过单击或单击拖拽以转换路径中锚点的类型。任务1隶书变黑体——知识加油站PhotoshopCC2017图像处理入门与实战二、钢笔工具属性栏钢笔工具属性栏，如右图所示。①

：包括形状、路径和像素3个选项。每个选项所对应的工具选项也不同。②

：“建立”用于更加方便、快捷的使路径与选区、蒙版和形状间的转换。

：路径操作，可以实现路径的相加、相减、相交以及排除等运算。④

：可以设置两条以上路径之间的对齐方式，也可以设置路径相对于画布的对齐方式。

：设置路径之间的上下排列方式。

：橡皮带功能，可以设置路径在绘制的时候是否连续。

：勾选此选项，当钢笔工具移动到锚点上时，钢笔工具会自动转换为删除锚点样式；当移动到路径线段上时，钢笔工具会自动转换为添加锚点的样式。

：选择“形状”选项时，将矢量形状边缘与像素网格对齐。任务1隶书变黑体——知识加油站PhotoshopCC2017图像处理入门与实战三、钢笔工具绘制直线1、选择“钢笔工具”

，在钢笔工具属性栏“类型”选项中选择“路径”。2、在需要绘制线段的位置处单击鼠标，创建线段路径的第1个锚点。3、移动鼠标到另一位置处单击，即可在该点与第1个锚点间绘制一条直线路径（同时按Shift键能够画出水平、垂直或其它45度角倍数的直线）。如下图所示。4、按照上述方法单击继续绘制其它锚点，直至最后将鼠标光标移到路径的第1个锚点处，单击鼠标即可创建一条封闭的路径。如下图所示。任务1隶书变黑体——知识加油站PhotoshopCC2017图像处理入门与实战四、钢笔工具绘制曲线1、选择工具箱中的“钢笔工具”，在图像中单击绘制起点，然后单击绘制第二个锚点并按住鼠标左键拖拽鼠标即可出现方向控制线（方向线的长短和方向决定了曲线的形态）。如下图所示。2、和绘制直线一样，单击起始的第一个锚点即可绘制一条封闭的曲线。如下图所示。任务2公司APP标志绘制——任务提出PhotoshopCC2017图像处理入门与实战使用钢笔工具绘制“云北”（虚拟公司）的企业APP标志任务2公司APP标志绘制PhotoshopCC2017图像处理入门与实战任务情境：

标志是一种具有象征性的大众传播符号，它以精练的形象表达一定的涵义，并借助人们的符号识别、联想等思维能力，传达特定的信息。标志传达信息的功能很强，在一定条件下，甚至超过语言文字，因此它被广泛应用于现代社会生活的方方面面。PhotoshopCC中的钢笔工具属于矢量绘图工具，其优点是可以勾画平滑的曲线，在缩放或者变形之后仍能保持平滑效果，钢笔工具的强大功能完全能够胜任各种复杂标志的路径绘制任务。任务分析：

本次任务的重点是使用钢笔工具绘制一个名为“云北”的企业（虚拟公司）APP标志的轮廓路径。基本过程包括：首先使用圆角矩形工具绘制背景、钢笔工具绘制标志轮廓路径、对轮廓进行描边，最后添加图层样式完成APP标志的绘制等步骤。任务2公司APP标志绘制——任务实施PhotoshopCC2017图像处理入门与实战1、制作背景2、绘制路径3、描边及添加图层样式任务2公司APP标志绘制——知识加油站PhotoshopCC2017图像处理入门与实战一、自由钢笔工具的使用：

使用

绘图，就像用铅笔在纸上绘图一样，绘图时将自行添加锚点，用于绘制不规则路径。其工作原理与磁性套索工具相同，它们的区别在于前者是建立选区，后者建立的是路径。1、选择工具箱中的

，在其属性栏不勾选“磁性的”选项。2、按住鼠标左键，在画布中使用自由钢笔工具绘制如左下图所示路径。3、按键盘【Ctrl+Enter】将绘制的路径转换为选区，设置从灰色到浅灰色的线性渐变填充选区，按【Ctrl+D】键取消选区，如由上图所示。任务2公司APP标志绘制——知识加油站PhotoshopCC2017图像处理入门与实战二、磁性钢笔选项：

使选择工具箱“自由钢笔工具”，在其属性栏勾选“磁性的”选项

。磁性的选项可以沿图像颜色的边界绘制路径，类似磁性套索工具。1、单击自由钢笔工具属性栏

选项左侧按钮

，从弹出的选项栏中可以设置磁性自由钢笔工具的参数。如下图所示。任务2公司APP标志绘制——知识加油站PhotoshopCC2017图像处理入门与实战（1）

：

在绘制路径时控制路径的“灵敏度”，曲线拟合决定路径中锚点的多少，数值越小，锚点越多；数值越大，锚点越少，范围是0.5到10.0。（2）

：可以调整路径选择范围，数值越大，选择的范围越大。按键盘上【CapsLock】键可以显示路径的选择范围。（3）

：可以设置“磁性钢笔”对图像中边缘的灵敏度，使用较高的值只能探测与周围强烈对比的边缘，使用较低的值则探测低对比度的边缘。（4）

：决定路径上锚点的使用密度，值越大绘制的路径时产生的锚点密度越大，范围是0到100。（5）

：在使用绘图板输入图像时，根据光笔的压力改变“宽度”值。任务2公司APP标志绘制——知识加油站PhotoshopCC2017图像处理入门与实战2、使用磁性自由钢笔工具在需要创建路径的颜色边界单击，然后松开按键拖拽鼠标沿着颜色边界移动即可创建路径（在颜色分界不明显或者转折较急处可以单击鼠标，确定这些地方锚点的位置），直至最后单击起点封闭路径。如下图所示。任务2公司APP标志绘制——知识加油站PhotoshopCC2017图像处理入门与实战三、锚点的添加与删除工具：为了精确的设置图形的路径轮廓，需要在已经建立的路径适当位置上添加或删除锚点，通常采用工具箱中的添加和删除锚点工具。也可以在使用“钢笔”工具时，在其属性栏中勾选“自动添加/删除”选项后，直接将“钢笔”工具移动到适当位置添加新锚点或删除已有锚点。任务2公司APP标志绘制——知识加油站PhotoshopCC2017图像处理入门与实战1、使用自由钢笔工具绘制树叶路径轮廓，封闭路径后，发现路径与树叶的轮廓并没有精确吻合。因此应该进一步修改调、整路径：在红框范围路径中需要适当添加锚点，在绿框处需要删除部分锚点。任务2公司APP标志绘制——知识加油站PhotoshopCC2017图像处理入门与实战2、使用添加锚点工具，在红框中路径转折处单击来添加锚点，然后使用转换点工具拖拽方向控制线，以调整曲线的曲率。任务2公司APP标志绘制——知识加油站PhotoshopCC2017图像处理入门与实战3、使用删除锚点工具，在绿框处路径中单击删除部分锚点，然后使用直接选择工具对路径和锚点进行适当调整。任务2公司APP标志绘制——知识加油站PhotoshopCC2017图像处理入门与实战4、经过上述对锚点的添加、删除及调整操作后，形成较精确地树叶整体路径轮廓。任务3更换人物背景——任务提出PhotoshopCC2017图像处理入门与实战详细介绍抠取图片素材中人物的完整过程任务3更换人物背景PhotoshopCC2017图像处理入门与实战任务情境：

为了完成某一主题的设计目标，常常要在纷繁复杂的素材中分离出自己需要的特定内容，这时候就要进行抠图操作。抠图就是将图片素材中的不同部分进行分离，实际应用中的抠图，往往就是更换图片的背景。钢笔工具是一个非常强大抠图工具，特别是在抠除复杂图像时起着较为重要的作用。任务分析：本次任务详细介绍了抠取图片素材中人物的完整过程。基本步骤是：磁性自由钢笔工具粗略绘制人物轮廓路径、对人物路径轮廓复杂转折处进行细化处理和对鞋带及内部间隙的单独操作处理，最后给抠出的人物重新添加背景以及给人物绘制阴影效果。任务3更换人物背景——任务实施PhotoshopCC2017图像处理入门与实战1、磁性钢笔工具绘制路径2、复杂转折处路径的细化处理3、鞋带及内部间隙的处理4、

添加背景及绘制人物阴影任务3更换人物背景——知识加油站PhotoshopCC2017图像处理入门与实战转换点工具的使用转换点工具（如下图所示）主要用于转换锚点类型，可以使直线锚点和曲线锚点相互转换。在使用钢笔工具时，按【Alt】键，可以将钢笔工具临时切换为转换点工具使用。一、直线锚点转换成曲线锚点：1、使用钢笔工具，在属性栏中设置“选择路径模式”为“路径”，在画布上连续单击4次（第4次要回到起始锚点处单击，以封闭路径），绘制一个三角形路径。如下图所示。任务3更换人物背景——知识加油站PhotoshopCC2017图像处理入门与实战2、将钢笔工具切换成

，分别单击并按照钢笔工具绘制路径的顺序方向拖拽各锚点，将每个直线锚点转换成曲线锚点。如下图所示。任务3更换人物背景——知识加油站PhotoshopCC2017图像处理入门与实战3、删除相关历史记录，返回到直线锚点状态。使用转换点工具，按照钢笔工具绘制路径顺序相反方向拖拽各锚点，将每个直线锚点转换成曲线锚点。如下左图所示。二、曲线锚点转换成直线锚点1、选择

，将属性栏设置“选择路径模式”为“路径”，在画布中绘制一个椭圆路径。如上右图所示。任务3更换人物背景——知识加油站PhotoshopCC2017图像处理入门与实战2、选择转换点工具，分别单击路径中的各个锚点（单击时不可拖拽鼠标），将曲线锚点转换成直线锚点。如下图所示。任务3更换人物背景——知识加油站PhotoshopCC2017图像处理入门与实战三、转换点工具的其它用法：转换点工具除上述功能外，还能使平滑曲线锚点转换成尖角曲线锚点、全曲线锚点转换成半曲线锚点。说明：①平滑曲线锚点是指来向方向线和去向方向线成180度角的平角锚点，来向方向线和去向方向线夹角为非平角的锚点为尖角锚点。②既有来向方向线又有去向方向线的锚点称为全曲线锚点，只有一条方向线的锚点称为半曲线锚点。1、将平滑曲线锚点转换成尖角曲线锚点。①

使用钢笔工具绘制具有3个锚点的一条曲线路径。如下图所示。任务3更换人物背景——知识加油站PhotoshopCC2017图像处理入门与实战②

按Alt键，将钢笔工