第16讲--路径与矢量工具课件

第16讲-路径与矢量工具课件1导读要点索引 在第3讲中我们讲解了图像有位图和矢量图之分。位图是由无数个像素组成的，其精度与分辨率息息相关，而矢量图像则与像素和分辨率都没有关系，它是由一个个实体组成的。本章就将介绍矢量对象的创建方法，其制作工具就是钢笔工具与矢量工具，同时还将介绍路径与矢量对象的编辑方法，如路径的运算、描边与填充等。绘图模式的类型钢笔工具的用法路径的基本操作路径选择工具的用法路径面板形状工具的用法第16讲路径与矢量工具 导读要点索引 在第3讲中我们讲解了图像有位图和矢216.1 绘图前的必备知识 在使用Photoshop中的钢笔工具和形状工具绘图前，首先要了解使用这些工具可以绘制出什么图形，也就是通常所说的绘图模式。而在了解了绘图模式之后，就需要了解路径与锚点之间的关系，因为在使用钢笔工具等矢量工具绘图时，基本上都会涉及到它们。16.1 绘图前的必备知识 在使用Photosh3 使用Photoshop中的钢笔工具和形状工具可以绘制出很多图形，包含“形状”、“路径”和“像素”3种，如图所示。在绘图前，首先要在工具选项栏中选择一种绘图模式，然后才能进行绘制。16.1.1认识绘图模式 使用Photoshop中的钢笔工具和形状工具可41.形状 在选项栏中选择“形状”绘图模式，可以在单独的一个形状图层中创建形状图形，并且保留在“路径”面板中，如图所示。路径可以转换为选区或创建矢量蒙版，当然也可以对其进行描边或填充。1.形状 在选项栏中选择“形状”绘图模式，可以52.路径 在选项栏中选择“路径”绘图模式，可以创建工作路径。工作路径不会出现在“图层”面板中，只出现在“路径”面板中，如图所示。2.路径 在选项栏中选择“路径”绘图模式，可以63.像素 在选项栏中选择“像素”绘图模式，可以在当前图像上创建出光栅化的图像，如图所示。这种绘图模式不能创建矢量图像，因此在“路径”面板也不会出现路径。3.像素 在选项栏中选择“像素”绘图模式，可以716.1.2什么是路径 路径是一种轮廓，它主要有以下5点用途。第1点：可以使用路径作为矢量蒙版来隐藏图层区域。第2点：将路径转换为选区。第3点：可以将路径保存在“路径”面板中，以备随时使用。第4点：可以使用颜色填充或描边路径。第5点：将图像导出到页面排版或矢量编辑程序时，将已存储的路径指定为剪贴 路径，可以使图像的一部分变为透明。16.1.2 什么是路径 路径是一种轮廓，它主要8 路径可以使用钢笔工具和形状工具来绘制，绘制的路径可以是开放式、闭合式和组合式，如图所示。疑难问答：问：路径可以打印出来吗？答：路径不能被打印出来，因为它是矢量对象，不包含像素，只有在路径中填充颜色后才能打印出来。路径可以使用钢笔工具和形状工具来绘制，绘制的路916.1.3路径的组成 “路径”是由若干锚点、线段（直线段或曲线段）构成的矢量线条，这些线条是不可打印的。其中锚点标记路径的端点，通过锚点可以固定路径、移动路径、修改路径长短，也可以改变路径的形状。16.1.3 路径的组成 “路径”是由若干锚点10 路径由一个或多个直线段或曲线段组成，锚点标记路径段的端点。在曲线段上，每个选中的锚点显示一条或两条方向线，方向线以方向点结束，方向线和方向点的位置共同决定了曲线段的大小和形状，如图所示。锚点分为平滑点和角点两种类型。由平滑点连接的路径段可以形成平滑的曲线，如图所示；由角点连接起来的路径段可以形成直线或转折曲线，如图所示。路径由一个或多个直线段或曲线段组成，锚点标记路1116.2 钢笔工具组 钢笔工具是Photoshop中最常用的绘图工具，它可以用来绘制各种形状的矢量图形与选取对象。16.2 钢笔工具组 钢笔工具是Photosho12本 节 工 具 概 述工具名称作用快捷键重要程度钢笔工具绘制任意形状的直线或曲线路径P高自由钢笔工具绘制比较随意的路径P中添加锚点工具在路径上添加锚点中删除锚点工具删除路径上的锚点中转换点工具转换锚点的类型中本 节 工 具 概 述工具名称作用快捷键重要程度钢笔工具绘制13 “钢笔工具”是最基本、最常用的路径绘制工具，使用该工具可以绘制任意形状的直线或曲线路径，其选项栏如图所示。16.2.1钢笔工具 “钢笔工具”是最基本、最常用的路1416.2.2实例：绘制转角曲线16.2.2 实例：绘制转角曲线15 使用“自由钢笔工具”可以绘制比较随意的路径、形状和像素，就像用铅笔在纸上绘图一样，如图所示。在绘图时，将自动添加锚点，无需确定锚点的位置，完成路径后可进一步对其进行调整。16.2.3使用“自由钢笔工具”创建路径 使用“自由钢笔工具”可以绘制比较随16 选择“自由钢笔工具”后，在工具选项栏中勾选“磁性的”选项，可将它转换为“磁性钢笔工具”。“磁性钢笔工具”与“磁性套索工具”很类似，只需在对象边缘单击，然后放开鼠标按键沿边缘拖动，系统会紧贴对象轮廓生成路径。16.2.4使用“磁性钢笔工具”创建路径 选择“自由钢笔工具”后，在工具选项17 使用“添加锚点工具”可以在路径上添加锚点。将光标放在路径上，如图所示，当光标变成 形状时，在路径上单击即可添加一个锚点，如图所示。添加锚点以后，可以用“直接选择工具”对锚点进行调节，如图所示。16.2.5添加锚点工具 使用“添加锚点工具”可以在路径上18 使用“删除锚点工具”可以删除路径上的锚点。将光标放在锚点上，如图所示，当关闭变成 形状时，单击鼠标左键即可删除锚点，如图所示。16.2.6删除锚点工具技巧与提示：路径上的锚点越多，这条路径就越复杂，而越复杂的路径就越难编辑，这时最好是先使用“删除锚点工具”删除多余的锚点，降低路径的复杂程度后再对其进行相应的调整。使用“删除锚点工具”可以删除路径19 “转换点工具”主要用来转换锚点的类型。在平滑点上单击，如图所示，可以将平滑点转换为角点，如图所示；在角点上单击，如图所示，然后拖曳关闭可以将角点转换为平滑点，如图所示。16.2.7转换点工具 “转换点工具”主要用来转换锚点的20 选择锚点、路径段和路径后，按住鼠标左键不放并拖动，即可将其移动。如果选择了锚点，光标从锚点上移开，这时又想移动锚点，则应将光标重新定位在锚点上，单击并拖动鼠标才能将其移动，否则，只能在画面中拖出一个矩形，可以框选锚点或路径段，但不能移动锚点。路径也是如此，从选择的路径上移开光标后，需要重新将光标定位在路径上才能将其移动16.2.8移动锚点、路径段和路径 选择锚点、路径段和路径后，按住鼠标左键不放并拖动，21 16.3 路径的基本操作 使用钢笔等工具绘制出路径以后，我们还可以在原有路径的基础上继续进行绘制，同时也可以对路径进行变换、定义为形状、建立选区、描边等操作。16.3 路径的基本操作 使用钢笔等工具绘制出22 如果要使用钢笔或形状工具创建多个子路径或子形状，可以在工具选项栏中单击“路径操作”按钮 ，然后在弹出的下拉菜单中选择一个运算方式，以确定子路径的重叠区域会产生什么样的交叉结果，如图所示。16.3.1路径的运算 如果要使用钢笔或形状工具创建多个子路径或子形状23 变换路径与变换图像的方法完全相同。在“路径”面板中选择路径，然后执行“编辑自由变换路径”菜单命令或执行“编辑变换路径”菜单下的命令即可对其进行相应的变换，如图所示。16.3.2变换路径 变换路径与变换图像的方法完全相同。在“路径”面24 选择“路径选择工具”，然后在其选项栏中单击“路径对齐方式”按钮，在弹出的下拉菜单中可以选择一种路径的对齐和分布方式，如图所示。16.3.3对齐与分布路径 选择“路径选择工具”，然后在其选项25 选择一个路径，然后在选项栏中单击“路径排列方式”按钮 ，在弹出的下拉菜单中可以选择路径的叠放顺序，如图所示。16.3.4路径叠放顺序 选择一个路径，然后在选项栏中单击“路径排列方式26 使用钢笔或形状工具绘制出路径以后，如图16-28所示，可以通过以下3种方法将路径转换为选区。16.3.5将路径转换为选区图16-28第1种：直接按Ctrl+Enter组合键载入路径的选区，如图16-29所示。图16-29 使用钢笔或形状工具绘制出路径以后，如图16-227第2种：在路径上单击鼠标右键，然后在弹出的菜单中选择“建立选区”命令，如图所示。另外，也可以在选项栏中单击“选区”按钮 。第3种：按住Ctrl键在“路径”面板中单击路径的缩略图，或单击“将路径作为选区载入”按钮，如图所示。第2种：在路径上单击鼠标右键，然后在弹出的菜单中选择“建立选2816.3.6实例：选区转换为路径16.3.6 实例：选区转换为路径2916.3.7实例：路径转换为选区16.3.7 实例：路径转换为选区30 使用钢笔或形状工具绘制出路径以后，如图16-26所示，执行“编辑定义自定形状”菜单命令可以将其定义为形状，如图16-27所示。16.3.8定义为自定形状图16-27图16-26疑难问答：问：定义为自定形状有什么用处？答：定义形状与定义图案、样式画笔类似，可以保存到“自定形状工具”的形状预设中，以后如果需要绘制相同的形状，可以直接调用自定的形状。使用钢笔或形状工具绘制出路径以后，如图16-23116.3.9填充路径与形状1.填充路径 使用钢笔或形状工具绘制出路径以后，在路径上单击鼠标右键，然后在弹出的菜单中选择“填充路径”命令，如图所示，打开“填充路径”对话框，在该对话框中可以设置需要填充的内容，如图所示，图所示是用图案填充路径以后的效果。16.3.9 填充路径与形状1.填充路径 使用32图16-352.填充形状 使用钢笔或形状工具绘制出形状图层以后，如图16-35所示，可以在选项栏中单击“设置形状填充类型”按钮 ，在弹出的面板可以选择纯色、渐变或图案对形状进行填充，如图16-36所示。图16-36图16-352.填充形状 使用钢笔或形状工具绘3316.3.10实例：填充路径16.3.10 实例：填充路径3416.3.11实例：用历史记录填充路径区域16.3.11 实例：用历史记录填充路径区域3516.3.12描边路径与形状1.描边路径 描边路径是一个非常重要的功能，在描边之前需要先设置好描边工具的参数，比如画笔、铅笔、橡皮擦、仿制图章等。使用钢笔或形状工具绘制出路径以后，然后在路径上单击鼠标右键，在弹出的菜单中选择“描边路径”命令，如图所示，可以打开“描边路径”对话框，在该对话框中可以选择描边的工具，如图所示是使用画笔描边路径的效果。16.3.12 描边路径与形状1.描边路径 描362.描边形状 使用钢笔或形状工具绘制出形状图层以后，可以在选项栏中单击“设置形状描边类型”按钮 ，在弹出的面板可以选择纯色、渐变或图案对形状进行填充，如图所示。2.描边形状 使用钢笔或形状工具绘制出形状图层3716.3.13实例：描边路径16.3.13 实例：描边路径3816.4 路径选择工具组 路径选择工具组包括“路径选择工具”和“直接选择工具”两种，这两个工具主要用来选择路径和调整路径的形状。16.4 路径选择工具组 路径选择工具组包括“路39 使用“路径选择工具”可以选择单个的路径，也可以选择多个路径，同时它还可以用来组合、对齐和分布路径，其选项栏如图所示。16.4.1路径选择工具疑难问答：问：可以用“移动工具”选择路径吗？答：不能。“移动工具”只能用来选择图像，不能用来选择路径，只能用“路径选择工具”选择路径。使用“路径选择工具”可以选择单个40 “直接选择工具”主要用来选择路径上的单个或多个锚点，可以移动锚点、调整方向线，如图16-42和图16-43所示。“直接选择工具”的选项栏如图16-44所示。16.4.2直接选择工具图16-42图16-43图16-44 “直接选择工具”主要用来选择路径4116.5 路径面板 “路径”面板主要用来保存和管理路径，在面板中显示了存储的所有路径、工作路径和矢量蒙版的名称和缩览图。16.5 路径面板 “路径”面板主要用来保存和管42 执行“窗口路径”菜单命令，打开“路径”面板，如图所示，其面板菜单如图所示。16.5.1路径面板 执行“窗口路径”菜单命令，打开“路径”面板，43 工作路径是临时路径，是在没有新建路径的情况下使用钢笔等工具绘制的路径，一旦重新绘制了路径，原有的路径将被当前路径所替代，并成为新的工作路径，如图所示。如果不想工作路径被替换掉，可以双击其缩略图，打开“存储路径”对话框，将其保存起来，如图所示。16.5.2认识工作路径 工作路径是临时路径，是在没有新建路径的情况下使44 在“路径”面板下单击“创建新路径”按钮 ，可以创建一个新路径层，此后使用钢笔等工具绘制的路径都将包含在该路径层中。16.5.3新建路径 在“路径”面板下单击“创建新路径”按钮 45 如果要复制路径，可以将其拖曳到“路径”面板下的“创建新路径”按钮 上，复制出路径的副本，如图所示。如果要将当前文档中的路径复制到其他文档中，可以执行“编辑拷贝”菜单命令，然后切换到其他文档，接着执行“编辑粘贴”菜单命令即可。16.5.4复制/粘贴路径 如果要复制路径，可以将其拖曳到“路径”面板下的46 如果要删除某个不需要的路径，可以将其拖曳到“路径”面板下面的“删除当前路径”按钮 上，或者直接按Delete键将其删除。16.5.5删除路径 如果要删除某个不需要的路径，可以将其拖曳到“路4716.5.6显示/隐藏路径1.显示路径 如果要将路径在文档窗口中显示出来，可以在“路径”面板单击该路径，如图所示。16.5.6 显示/隐藏路径1.显示路径 如果482.隐藏路径 在“路径”面板中单击路径以后，文档窗口中就会始终显示该路径，如果不希望它妨碍我们的操作，可以在“路径”面板的空白区域单击，即可取消对路径的选择，将其隐藏起来，如图所示。另外，按Ctrl+H组合键也可以隐藏路径，只是此时路径仍然处于选择状态，再次按Ctrl+H组合键可以显示出路径。技巧与提示：按Ctrl+H组合键不仅可以隐藏路径，还可以隐藏选区和参考线。2.隐藏路径 在“路径”面板中单击路径以后，文4916.6 形状工具组 Photoshop中的形状工具可以创建出很多种矢量形状，这些工具包含“矩形工具”、“圆角矩形工具”、“椭圆工具”、“多边形工具”、“直线工具”和“自定形状工具”。16.6 形状工具组 Photoshop中的形状50本 节 工 具 概 述工具名称作用快捷键重要程度矩形工具创建正方形和矩形U高圆角矩形工具创建具有圆角效果的矩形U高椭圆工具创建椭圆和圆形U 高多边形工具创建正多边形U 中直线工具创建直线和箭头U 中自定形状工具创建任何形状的形状U 高本 节 工 具 概 述工具名称作用快捷键重要程度矩形工具创建5116.6.1矩形工具 使用“矩形工具”可以创建出正方形和矩形，其使用方法与“矩形选框工具”类似。在绘制时，按住Shift键可以绘制出正方形，如图所示；按住Alt键可以以鼠标单击点为中心绘制矩形，如图所示；按住Shift+Alt组合键可以以鼠标单击点为中心绘制正方形，如图所示。“矩形工具”的选项栏如图16-57所示。16.6.1 矩形工具 使用“矩形工具”5216.6.2圆角工具 使用“圆角矩形工具”可以创建出具有圆角效果的矩形，其创建方法与选项与矩形完全相同，只不过多了一个“半径”选项，如图16-58所示。“半径”选项用来设置圆角的半径，值越大，圆角越大，如图16-59和图16-60所示分别是“半径”为10像素和30像素的圆角矩形。图16-58图16-59图16-6016.6.2 圆角工具 使用“圆角矩形工具”5316.6.3椭圆工具 使用“椭圆工具”可以创建出椭圆和圆形，如图所示，其设置选项如图所示。如果要创建椭圆，可以拖曳鼠标进行创建即可；如果要创建圆形，可以按住Shift键或Shift+Alt组合键（以鼠标单击点为中心）进行创建。16.6.3 椭圆工具 使用“椭圆工具”5416.6.4多边形工具 使用“多边形工具”可以创建出正多边形（最少为3条边）和星形，其设置选项如图16-63所示。图16-6316.6.4 多边形工具 使用“多边形工具”5516.6.5直线工具 使用“直线工具”可以创建出直线和带有箭头的路径，其设置选项如图所示。16.6.5 直线工具 使用“直线工具”5616.6.6自定形状工具 使用“自定形状工具”可以创建出非常多的形状，其选项设置如图所示。这些形状既可以是Photoshop的预设，也可以是我们自定义或加载的外部形状。16.6.6 自定形状工具 使用“自定形状工具”5716.7 知识总结与回顾 本章主要讲解了Photoshop的路径与矢量工具，利用这两种工具可以制作出矢量图形。本章所讲的知识点包含钢笔工具、矢量工具、路径运算、路径变换、路径描边、路径填充等。16.7 知识总结与回顾 本章主要讲解了Phot58第16讲-路径与矢量工具课件59