第九章路径与形状工具.docx

1、第九章 路径与形状工具【背景说明】计算机绘图的图像可以概略分为两种不同的类型，其一为点阵图像，这种类型的图像是由一个个像素所构成，通过定义这些像素的色彩，我们便能描绘出各式各样的图像。第三种类型的电脑图形称为矢量图形，这种图的构成是由各种不同函数定义的几何对象，我们可以通过这些矢量对象的外形及色彩定义来组合出各种有趣的几何开头图像。Photoshop虽然是以图像处理为主的绘图软件，同时也可处理矢量图形。 第九章 路径与形状工具第一节 路径与形状工具【教学目的】1 知识目的：学习路径与形状工具按钮的使用。2 能力目的：学会编辑路径工具。【重点与难点】1 重点：路径与形状工具按钮。2 难点：运用路

2、径工具绘制形状。 【教学过程】讲解新课一、路径与形状工具1定义路径：（PATH）是Photoshop中的重要工具，其主要用于进行光滑图像选择区域及辅助抠图，绘制光滑线条，定义画笔等工具的绘制轨迹，输出输入路径及和选择区域之间转换。路径是可以转换为选区或者使用颜色填充和描边的轮廓。形状的轮廓是路径。通过编辑路径的锚点，可以很方便地改变路径的形状。Photoshop软件中提供了三组用于生成、编辑、设置路径的工具组，它们位于Photoshop软件中的工具箱浮动面板中，如图9-1。 使用鼠标左键点击【路径选择工具】，系统将会弹出隐藏的工具组，工具组总计两个，【路径选择工具】 和【直接选择工具】。如图9

3、-2。使用鼠标左键点击【钢笔图标】，系统将会弹出隐藏的工具组，工具组总计五个，以从上到下的次序他们分别是【钢笔工具】、【自由钢笔工具】、【添加节点工具】、【删除节点工具】 和【转换点工具】。钢笔工具这是最常用的路径节点定义工具， 一般情况下，手工定义节点均使用此工具。如图9-3。 使用鼠标左键点击【矩形工具】，系统将会弹出隐藏的形状工具组，工具组总计六个，以从上到下的次序他们分别是【矩形工具】、【 圆角矩形工具】、【椭圆工具】、【多边形工具】、【直线工具】 和【自定义形状工具】。如图9-4。 在 Photoshop 中使用形状或钢笔工具时，可以使用三种不同的模式进行绘制。如图9-5。在选定形状

4、或钢笔工具时，可通过选择选项栏中的图标来选取一种模式。形状图层：在单独的图层中创建形状。可以使用形状工具或钢笔工具来创建形状图层。因为可以方便地移动、对齐、分布形状图层以及调整其大小，所以形状图层非常适于为 Web 页创建图形。在 Photoshop 中，可以选择在图层中绘制多个形状。形状图层包含定义形状颜色的填充图层以及定义形状轮廓的链接矢量蒙版。形状轮廓是路径，它出现在【路径】调板中。路径：在当前图层中绘制一个工作路径，可随后使用它来创建选区、创建矢量蒙版，或者使用颜色填充和描边以创建栅格图形（与使用绘画工具非常类似）。除非存储工作路径，否则它是一个临时路径。路径出现在【路径】调板中。填充

5、像素：直接在图层中绘制，与绘画工具的功能非常类似。在此模式下工作时，不会创建矢量图形。就像处理任何栅格图像一样来处理绘制的形状。在此模式下不能使用钢笔工具。2.路径操作与编辑路径由一个或多个直线段或曲线段组成。 锚点标记路径段的端点。在曲线段上，每个选中的锚点显示一条或两条方向线，方向线以方向点结束。方向线和方向点的位置决定曲线段的大小和形状。移动这些图素将改变路径中曲线的形状。（1）锚点：锚点分为两种，一种为角落点，一种为平滑点，如图：两种是可以互换的。平滑点会有控制点控制其连接曲线的平滑度，如图9-6：。 路径可以是闭合的，没有起点或终点（例如，圈）；也可以是开放的，有明显的终点（例如，波

6、浪线）。 平滑曲线由称为平滑点的锚点连接。锐化曲线路径由角点连接，如图9-7：。 图9-7当在平滑点上移动方向线时，将同时调整平滑点两侧的曲线段。相比之下，当在角点上移动方向线时，只调整与方向线同侧的曲线段, 如图9-8：。 图9-8路径不必是由一系列段连接起来的一个整体。它可以包含多个彼此完全不同而且相互独立的路径组件。形状图层中的每个形状都是一个路径组件。二、钢笔工具首先来简要介绍一下钢笔工具与路径的概念1、钢笔工具属于矢量绘图工具，其优点是可以勾画平滑的曲线，在缩放或者变形之后仍能保持平滑效果。 2、钢笔工具画出来的矢量图形称为路径，路径是矢量的路径允许是不封闭的开放状，如果把起点与终点

7、重合绘制就可以得到封闭的路径。钢笔工具可以创建直线和平滑流畅的曲线。可以组合使用钢笔工具和形状工具以创建复杂的形状。（一）用钢笔工具绘图：1选择钢笔工具：2设置下列工具特定选项：（1）要在点按线段时添加锚点或在点按线段时删除锚点，请选择选项栏中的【自动添加/删除】。（2）要在绘图时预览路径段，请点按选项栏中形状按钮旁边的反向箭头 并选择【橡皮带】。 3将钢笔指针定位在绘图起点处并点按，以定义第一个锚点。4点按或拖移，为其他的路径段设置锚点。5完成路径：（1）要结束开放路径，请按住 Ctrl 键在路径外点按。（2）要闭合路径，请将钢笔指针定位在第一个锚点上。如果放置的位置正确，笔尖旁将出现一个小

8、圈。 点按可闭合路径。（二）用钢笔工具绘制直线段：1将钢笔指针定位在直线段的起点并点按，以定义第一个锚点。 2在直线第一段的终点再次点按，或按住 Shift 键点按将该段的角度限制为 45 度角的倍数。3继续点按，为其他的段设置锚点。最后一个锚点总是实心方形，表示处于选中状态。 当继续添加锚点时，以前定义的锚点会变成空心方形。（三）用钢笔工具绘制曲线：通过沿曲线伸展的方向拖移钢笔工具可以创建曲线。 1、 将指针定位在曲线的起点，并按住鼠标按钮。此时会出现第一个锚点。2、 向绘制曲线段的方向拖移指针。按住 Shift 键，将工具限制为 45 度角的倍数，完成第一个方向点的定位后，释放鼠标按钮。方

9、向线的长度和斜率决定了曲线段的形状。之后可以调整方向线的一端或两端。沿曲线方向拖移可设置第一个锚点。向相反方向拖移可完成曲线段。3、 将指针定位在曲线段的终点，并向相反方向拖移可完成曲线段。 4、 执行下列操作之一：（1）要绘制平滑曲线的下一段，请将指针定位在下一段的终点，并向曲线外拖移。（2）沿着偏离曲线的方向拖移可创建下一段。（3）要急剧改变曲线的方向，请释放鼠标按钮，然后按住 Alt 键沿曲线方向拖移方向点。 松开 Alt 键以及鼠标按钮，将指针重新定位在曲线段的终点，并向相反方向拖移以完成曲线段。（4）要间断锚点的方向线，请按住 Alt 键拖移方向线。在绘制曲线时，请记住以下原则：1在

10、创建曲线时，总是向曲线的隆起方向拖移第一个方向点，并向相反的方向拖移第二个方向点。 同时向一个方向拖移两个方向点将创建【S】形曲线。2在绘制一系列平滑曲线时，一次绘制一条曲线，并将锚点置于每条曲线的起点和终点而不是曲线的顶点。 3要减小文件大小并减少可能出现的打印错误，请尽可能使用较少的锚点，并尽可能将它们分开放置。（四）用自由钢笔工具绘图：自由钢笔工具可用于随意绘图，就像用铅笔在纸上绘图一样。 在您绘图时，将自动添加锚点。您无需确定锚点的位置，完成路径后可进一步对其进行调整。 要绘制更精确的图形，请使用钢笔工具。1选择自由钢笔工具。2要控制最终路径对鼠标或光笔移动的灵敏度，请点按选项栏中形状

11、按钮旁边的反向箭头，然后为【曲线拟合】输入介于 0.5 到 10.0 像素之间的值。此值越高，创建的路径锚点越少，路径越简单。3在图像中拖移指针。在您拖移时，会有一条路径尾随指针。释放鼠标，工作路径即创建完毕。4要继续创建现有手绘路径，请将钢笔指针定位在路径的一个端点，然后拖移。5要完成路径，请释放鼠标。要创建闭合路径，请将直线拖移到路径的初始点（当它对齐时会在指针旁出现一个圆圈）。（五）用磁性钢笔选项绘图磁性钢笔是自由钢笔工具的选项，它可以绘制与图像中定义区域的边缘对齐的路径。 您可以定义对齐方式的范围和灵敏度，以及所绘路径的复杂程度。磁性钢笔和磁性套索工具共用很多相同的选项。图9-91要将

12、自由钢笔工具转换成磁性钢笔工具 ，请在选项栏中选择【磁性】，或点按选项栏中形状按钮旁边的反向箭头，如图：9-9。选择【磁性】并进行下列设置:（1）为【宽度】输入介于 1 到 256 之间的像素值。磁性钢笔只检测距指针指定距离内的边缘。（2）为【对比】输入介于 1 到 100 之间的百分比值，指定将该区域看作边缘所需的像素对比度。此值越高，图像的对比度越低。（3）为【频率】输入介于 0 到 100 之间的值，指定钢笔设置锚点的密度。 此值越高，路径锚点的密度越大。（4）如果使用的是光笔绘图板，请选择或取消选择【钢笔压力】。当选择该选项时，钢笔压力的增加将导致宽度减小。2在图像中点按，设置第一个紧

13、固点。3要手绘路径段，请移动指针或沿要描的边拖移。刚绘制的边框段保持为现用状态。当移动指针时，现用段会与图像中对比度最强烈的边缘对齐，并使指针与上一个紧固点连接。磁性钢笔定期向边框添加紧固点，以固定前面的各段。4如果边框没有与所需的边缘对齐，则点按一次以手动添加一个紧固点，并使边框保持不动。 继续沿边缘操作，根据需要添加紧固点。 如果出现错误，按 Delete 键删除上一个紧固点。5要动态修改磁性钢笔的属性，请执行下列操作之一：按住 Alt 键并拖移，可绘制手绘路径。按住 Alt 键并点按，可绘制直线段。按左方括号键 () 可将磁性钢笔的宽度减小 1 个像素；按右方括号键 () 可将钢笔宽度增

14、加 1 个像素。 6完成路径：（1）按 Enter 键结束开放路径。（2）点按两次，闭合包含磁性段的路径。（3）按住 Alt 键并点按两次，闭合包含直线段的路径。【小结】路径与形状工具定义、路径操作与编辑、钢笔工具、用钢笔工具绘图、用钢笔工具绘制直线段、用钢笔工具绘制曲线、用自由钢笔工具绘图、用磁性钢笔选项绘图。【作业】如何把图A的直线路径变为图B的曲线效果。 图A 图B第二节 路径调板【教学目的】1知识目的：学习路径调板的使用。2能力目的：学会路径调板按钮的使用。【重点与难点】1重 点：对路径填充与描边2难点：路径与选择区域的相互转换。 【教学过程】讲解新课一、路径调板【路径】调板列出了每条

15、存储的路径、当前工作路径和当前矢量蒙版的名称和缩览图像。 关闭缩览图可提高性能。要查看路径，必须先在【路径】调板中选择路径名。1要显示【路径】调板，选取【窗口】-【路径】如图9-10：。图9-102要选择路径，请点按【路径】调板中相应的路径名。 一次只能选择一条路径。3要取消选择路径，点按【路径】调板中的空白区域或按 Esc 键。4要更改路径缩览图的大小，从【路径】调板菜单中选取【调板选项】，然后选择大小或选择【无】关闭缩览图显示。 5要更改路径的堆叠顺序，在【路径】调板中选择该路径，然后上下拖移该路径。 当所需位置上出现黑色的实线时，释放鼠标按钮。【路径】调板中矢量蒙版或工作路径的顺序不能更

16、改。（一）管理路径：当使用钢笔工具或形状工具创建工作路径时，新的路径以工作路径的形式出现在【路径】调板中。 工作路径是临时的；必须存储它以免丢失其内容。如果没有存储便取消选择了工作路径，当再次开始绘图时，新的路径将取代现有路径。当使用钢笔工具或形状工具创建新的形状图层时，新的路径会以矢量蒙版的形式出现在【路径】调板中。 矢量蒙版与其父图层链接；必须在图层调板中选择父图层，【路径】调板中才会列出剪贴路径。可以从图层中删除剪贴路径和将剪贴路径转换成栅格化蒙版。有关更多信息。（二）在路径调板中创建新路径：1要创建路径而不命名它，请点按【路径】调板底部的【创建新路径】按钮 。 2要创建并命名路径，请确

17、保没有选择工作路径。从【路径】调板菜单中选取【新建路径】，或按住 Alt 键并点按调板底部的【创建新路径】按钮。在【新路径】对话框中输入路径的名称，并点按【确定】。（三）创建新的工作路径：1选择形状工具或钢笔工具，然后点按选项栏中的【路径】按钮 。2设置工具特定选项并绘制路径。 3如果需要，可绘制其他路径组件。通过点按选项栏中的工具按钮，可以很容易地在绘图工具之间切换。选择路径区域选项以确定重迭路径组件如何交叉。(1) 添加到路径区域 将新区域添加到重叠路径区域。 (2) 从路径区域减去 将新区域从重叠路径区域移去。 (3) 交叉路径区域 将路径限制为新区域和现有区域的交叉区域。(4) 重叠路

18、径区域除外 从合并路径中排除重叠区域。在使用形状工具绘制时，按住 Shift 键可临时选择【添加到路径区域】选项；按住 Alt 键可临时选择【从路径区域减去】选项。（四）存储工作路径：1要存储路径但不重命名它，请将工作路径名称拖移到【路径】调板底部的【新路径】按钮。2要存储并重命名路径，请从【路径】调板菜单中选取【存储路径】，然后在【存储路径】对话框中输入新的路径名，并点按【确定】。（五）重命名存储的路径： 点按两次【路径】调板中的路径名，键入新的名称，然后按 Enter 键。（六）删除路径：1在【路径】调板中点按路径名。2执行下列操作之一：将路径拖移到【路径】调板底部的【删除】图标中。(1)

19、 从【路径】调板菜单中选取【删除路径】。(2) 点按【路径】调板底部的【删除】图标，然后点按【是】。 (3) 要删除路径而无需确认，按住 Alt键并点按【路径】调板底部的【删除】图标。二、编辑路径（一）选择路径:选择路径组件或路径段将显示选中部分的所有锚点，包括全部的方向线和方向点（如果选中的是曲线段）。方向点显示为实心圆，选中的锚点显示为实心方形，而未选中的锚点显示为空心方形。1执行下列操作之一：（1）要选择路径组件（包括形状图层中的形状），请选择路径选择工具 ，并点按路径组件中的任何位置。如果路径由几个路径组件组成，则只有指针所指的路径组件被选中。要同时显示定界框和选中的路径，请在选项栏中

20、选择【显示定界框】。（2）要选择路径段，请选择直接选择工具，并点按段上的某个锚点，或在段的一部分上拖移选框。（3）拖移选框以选择段。2要选择其他的路径组件或段，请选择路径选择工具或直接选择工具，然后按住 Shift 键并选择其他的路径或段。当选中直接选择工具时，按住 Alt 键并在路径内点按可以选择整条路径或路径组件。 要在选中大多数其他工具的情况下启动直接选择工具，请将指针定位在锚点上，并按 Ctrl 键。（二）移动直线路径段:1选择直接选择工具，然后选择要调整的段。要调整段的角度或长度，请选择锚点。2将所选段拖移到它的新位置。（三）移动曲线段,如图9-11：:1选择直接选择工具，然后选择要

21、移动的点或段。确保选择定位段的两个锚点。2将所选锚点或段拖移到新位置。 拖移时按住 Shift 键可限制按 45 度角的倍数移动。图9-11（四）删除段:1选择直接选择工具，然后选择要删除的段。2按 Backspace 键删除所选段。再次按 Backspace 键或 Delete 键可删除其余的路径组件。（五）对齐并分布路径组件既可以对齐也可以分布在单个路径中描述的路径组件。例如，可以使单个图层所包含的多个形状左对齐，或使工作路径中的多个组件水平居中分布。 （六）对齐组件：1使用路径选择工具 选择要对齐的组件，然后从选项栏中选择对齐选项：“顶对齐”、“垂直中齐”、“底对齐”、“左对齐”、“水平

22、中齐” 或“右对齐”。2对齐或分布路径组件：至少选择三个要分布的组件，然后从选项栏中选择分布选项。“按顶分布”、“垂直居中分布”、“按底分布”、“按左分布”、“水平居中分布” 或“按右分布”。（七）添加锚点:1选择添加锚点工具，并将指针放在要添加锚点的路径上（指针旁会出现加号）。2执行下列操作之一：(1) 要添加锚点但不更改线段的形状，请点按路径。 (2) 要添加锚点并更改线段的形状，请拖移以定义锚点的方向线。如果已在钢笔工具或自由钢笔工具的选项栏中选择了【自动添加/删除】，则在点按直线段时，将会添加锚点，而在点按现有锚点时，则会将该锚点删除。（八）删除锚点:1选择删除锚点工具，并将指针放在要

23、删除的锚点上（指针旁会出现减号）。2删除锚点：（1）点按锚点将其删除，路径的形状重新调整以适合其余的锚点。（2）拖移锚点将其删除，线段的形状随之改变。如果已在钢笔工具或自由钢笔工具的选项栏中选择了【自动添加/删除】，则在点按直线段时，将会添加锚点，而在点按现有锚点时，则会将该锚点删除。（九）使用颜色填充和描边路径:使用钢笔工具创建的路径只有在经过描边或填充处理后，才会成为图素。【填充路径】命令可用于使用指定的颜色、图像状态、图案或填充图层来填充包含像素的路径。【描边路径】命令可用于绘制路径的边框。【描边路径】命令可以沿任何路径创建绘画描边（使用绘画工具的当前设置）。这和【描边】图层的效果完全不

24、同，它并不模仿任何绘画工具的效果。当填充或描边路径时，颜色值会出现在现用图层中。开始之前，所需图层一定要处于现用状态。 当图层蒙版或文本图层处于现用状态时，无法填充或描边路径。（十）使用当前填充路径设置填充路径在【路径】调板中选择路径。点按【路径】调板底部的【填充路径】按钮。（十一）填充路径并指定选项1在【路径】调板中选择路径。2填充路径：按住 Alt 键并点按【路径】调板底部的【填充路径】按钮。按住 Alt 键并将路径拖移到【填充路径】按钮。从【路径】调板菜单中选取【填充路径】。 如果所选路径是路径组件，此命令将更改为【填充子路径】。1对于【使用】，选取填充内容2指定填充的不透明度。要使填充

25、更透明，请使用较低的百分比。100% 的设置使填充完全不透明。3选取填充的混合模式。【模式】列表中提供了【清除】模式，使用此模式可抹除为透明。必须在背景以外的图层中工作才能使用该选项。1、 选取【保留透明区域】仅限于填充包含像素的图层区域。2、 选择【渲染】选项：羽化半径 定义羽化边缘在选区边框内外的伸展距离。输入以像素为单位的值。消除锯齿 通过部分填充选区的边缘像素，在选区的像素和周围像素之间创建精细的过渡。3、 点按【确定】。（十二）使用当前描边路径设置描边路径:在【路径】调板中选择路径。点按【路径】调板底部的【描边路径】按钮。每次点按【描边路径】按钮都会增加描边的不透明度，在某些情况下使

26、描边看起来更粗。（十三）描边路径并指定选项1、在【路径】调板中选择路径。 2、选择要用于描边路径的绘画或编辑工具。 设置工具选项，并从选项栏中指定画笔。 在打开【描边路径】对话框之前，必须指定工具的设置。有关特定工具设置的信息，请参阅使用涂抹工具和绘画。 3、要描边路径，请执行下列操作之一：（1）按住 Alt 键并点按【路径】调板底部的【描边路径】按钮 。（2）按住 Alt 键并将路径拖移到【描边路径】按钮。（3）从【路径】调板菜单中选取【描边路径】。 如果所选路径是路径组件，此命令将变为【描边子路径】。4、如果没有在第 2 步中选择工具，请从【描边路径】对话框中选取工具。 5、点按【确定】。

27、【小结】路径调板编辑路径【作业】如何把图A的路径变为图B的选区效果，如何把图B进行填充如图C。图A图B图C第三节 形状操作与编辑【教学目的】1. 知识目的：学习形状工具的编辑。2. 能力目的：学会用形状工具绘制实例。【重点与难点】1. 重点：形状工具编辑。2. 难点：运用形状工具绘制图形。 【教学过程】讲解新课一、 形状操作与编辑（一）在形状图层上创建形状:1选择一个形状工具或钢笔工具。确保在选项栏中选中了【形状图层】按钮 。2要选取形状的颜色，请在选项栏中点按色板，然后从拾色器中选取一种颜色。3在选项栏中设置工具选项。 在 Photoshop 中，点按形状按钮旁边的反向箭头以查看每个工具的其

28、他选项。4要为形状应用样式，请从选项栏的【样式】弹出式菜单中选择预设样式。 5在图像中拖移可绘制形状。(按住 Shift 键，将矩形或圆角矩形约束成方形，将椭圆约束成圆，或将线条角度限制为 45 度角的倍数。)（二）绘制自定形状:选择自定形状工具。1从选项栏中的【自定形状】弹出式调板中选择一个形状。 2如果在调板中找不到所需的形状，点按调板右上角的箭头，然后选取其他类别的形状。当询问是否替换当前形状时，点按【替换】以仅显示新类别中的形状，或点按【追加】以添加到已显示的形状中。3在图像中拖移可绘制形状。（三）在图层中绘制多个形状:可以在图层中绘制单独的形状，或者使用【添加】、【减去】、【交叉】或

29、【除外】选项来修改图层中的当前形状。（四）选择自定形状：1选择自定形状工具。2从选项栏的【形状】弹出式调板中选择一个形状。（五）将形状或路径存储为自定形状：1在【路径】调板中选择路径，可以是形状图层的矢量蒙版，也可以是工作路径或存储的路径。2选取【编辑】-【定义自定形状】，然后在【形状名称】对话框中输入新自定形状的名称。 新形状出现在【形状】弹出式调板中。3要将新的自定形状存储为新库的一部分，请从弹出式调板菜单中选择【存储形状】。（六）创建栅格化形状：可通过建立选区并用前景色填充它来创建栅格化形状。您不能像处理矢量对象那样来编辑栅格化形状。栅格形状是使用当前的前景色创建的。1选择图层。在基于矢

30、量的图层（例如，文字图层）上无法创建栅格化形状。2选择形状工具，然后点按选项栏中的【填充像素】按钮 。3在选项栏中设置下列选项：“模 式” 控制形状如何影响图像中的现有像素。“不透明度” 决定形状遮蔽或显示其下面像素的程度。不透明度为 1% 的形状几乎是透明的，而不透明度为 100% 的形状则完全不透明。“消除锯齿” 混合边缘像素和周围像素。4设置其他特定于工具的选项。5绘制该形状。（七）形状工具选项：“箭头的起点和终点”向直线中添加箭头。选择直线工具，然后选择【起点】，即可在直线的起点添加一个箭头；选择【终点】即可在直线的末尾添加一个箭头。 选择这两个选项，可在两端添加箭头。 在 ImageReady 中，点按【形状】定义箭头的形状；在 Photoshop 中，形状选项出现在弹出式对话框中。 输入箭头的【宽度】值和【长度】值，以直线宽度的百分比指定箭头的比例（【宽度】值从 10% 到 1000%，【长度】值从 10% 到 5000%）。 输入箭头的凹度值（从 -50% 到 +50%）。凹度值定义箭头最宽处（箭头和直线在此相接）的曲率。在 Photoshop 中，也可以通过矢量选区和绘图工具直接编辑箭头。“圆形”(Photoshop) 将椭圆约束为圆。“角半径”(ImageReady) 指定用来渲染圆角矩形或凸耳矩形的角半径。 “定义的比例”(Pho