第8章路径和矢量图形使用课件.ppt

1、Photoshop CS3 中文版实用教程教学大纲第8章 路径和矢量图形的使用 Photoshop CS3是一个以编辑和处理位图图像为主的图像处理软件。同时为了应用的需要，也包含了一定的矢量图形处理功能，以此来协助位图图像的设计。路径是Photoshop CS3矢量设计功能的充分体现。用户可以利用路径功能绘制线条或曲线，并对绘制后的线条进行填充和描边，从而完成一些绘图工具所不能完成的工作。通过本章学习应掌握路径和矢量图形的使用。本章重点：本章内容包括：路径的概述路径面板和路径编辑工具使用钢笔工具组使用形状工具组编辑路径路径和选区间的转换8.1路径的概述 图像有两种基本构成方式，一种是矢量图形；

2、另一种是位图图像。对于矢量图形来说，路径和点是它两个组成元素。路径指矢量对象的线条，点则是确定路径的基准。在矢量图像的绘制中，图像中每个点和点之间的路径都是通过计算自动生成的。在矢量图形中记录的是图像中每个点和路径的坐标位置。当缩放矢量图形时，实际上改变的是点和路径的坐标位置。当缩放完成时，矢量图依然是相当清晰的，没有马赛克现象。同时由于矢量图计算模式的限制，一般无法表达大量的图像细节，因此看上去色彩和层次上都与位图有一定的差距，感觉不够真实，缺乏质感。 与矢量图像不同，位图图像中记录的是像素的信息，整个位图图像是由像素构成的。位图图像不必记录繁琐复杂的矢量信息，而以每个点为图像单元的方式真实

3、的表现自然界中任何画面。因此，通常用位图来制作和处理照片等需要逼真效果的图像。但是随着位图图像的放大，马赛克的效果越来越明显，图像也变得越来越模糊。 在Photoshop CS3中，路径功能是其矢量设计功能的充分体现。“路径”是指用户勾绘出来的由一系列点连接起来的线段或曲线。可以沿着这些线段或曲线填充颜色，或者进行描边，从而绘制出图像。此外，路径还可以转换成选取范围。这些都是路径的重要功能。 8.2 路径面板 执行菜单中的“窗口”“路径”命令，调出路径面板，如左下图所示。由于还未编辑路径，此时在面板中没有任何路径内容。在创建了路径后，就会在路径面板中显示相应路径，如右下图所示。 路径所略图：用

4、于显示当前路径的内容。它可以迅速的辨识每一条路径的形状。弹出菜单按钮：用单击此按钮，会弹出快捷菜单，如下图所示。从中可以选择相应的菜单命令。路径名称：便于在多个路径之间区分。如在新建路径时不输入新路径的名称，则Photoshop CS3会自动一次命名为路径1、路径2、路径3，以此类推。当前路径：选中某一路径后，则以蓝颜色显示这一路径。此时图像中只显示这一路径的整体效果。工作路径：是一种临时路径，名称以斜体字表示。当在建立一个新的工作路径时，原有工作路径将被删除。 用前景色填充路径：单击此按钮，Photoshop CS3将以前景色填充被路径包围的区域。用画笔描边路径：单击此按钮，可以按设置的绘图

5、工具和前景色颜色沿着路径进行描边。将路径作为选区载入：单击此按钮，可以将当前路径转换为选取范围。从选区生成工作路径：单击此按钮，可以将当前选区转换为工作路径。创建新路径：单击此按钮，可以创建一个新路径。删除当前路径：单击此按钮，可以删除当前选中的路径。8.3 路径编辑工具 编辑路径必须使用工具箱中的路径编辑工具。这些工具主要汇集在工具箱中的钢笔工具组、形状工具组和路径选取工作组中。下面具体讲解一下这些工具的使用方法。 钢笔工具组包括 （钢笔工具）、 （自由钢笔工具）、 （添加锚点工具）、 （删除锚点工具）和 （转换点工具）五种钢笔工具。 其中 （钢笔工具）用于绘制直线、曲线； （自由钢笔工具）

6、用于自由的绘制线条或是曲线； （添加锚点工具）用于在现有的路径上添加锚点； （删除锚点工具）用于在现有的路径上删除锚点； （转换点工具）用于平滑点和角点之间的转换。8.3.1 钢笔工具组钢笔工具组1.使用“钢笔工具”绘制直线路径“钢笔工具”是建立路径的基本工具，使用该工具可创建直线路径和曲线路径。下面使用钢笔工具绘制一个六边形，具体操作步骤如下：1）新建一个文件，然后选择工具箱上的（钢笔工具），此时钢笔工具选项栏如下图所示。橡皮带：选中该复选框后，移动鼠标时光标和刚绘制的锚点之间会有一条动态变化的直线或曲线，表明若在光标处设置锚点会绘制什么样的线条，对绘图起辅助作用，如左下图所示。自动添加删除

7、：选中该复选框，当光标经过线条中部时指针旁会出现加号，此时单击可在曲线上添加一个新的锚点；当光标在锚点附近时指针旁会出现负号，此时单击会删除此锚点。2）将光标移到图像窗口，单击确定路径起点，如中下图所示。3）将光标移到要建立的第二个锚点的位置上单击，既可绘制连接地二个锚点与开始点的线段，再将鼠标移到第三个锚点的位置单击，结果如右下图所示。4）同理，绘制出其他线段，当绘制线段回到开始点时，在光标右下方会出现，如左下图所示，单击后封闭路径，如右下图所示。2.使用“钢笔工具”绘制曲线路径 使用“钢笔工具”除了可以直线路径外，还可绘制曲线路径，下面使用钢笔工具绘制一个心形，具体操作步骤如下：1）选择工

8、具箱上的 （钢笔工具），选中选项栏中的“橡皮带”复选框。2）将光标移到图像窗口，单击确定路径起点。3）移动光标，在适当的位置单击，并不动开鼠标进行拖动，此时可在该锚点处出现一条有两个方向点的方向线，如图左下图所示，确定其方向后松开鼠标。4）同理，继续绘制其它曲线，当光标移到开始点上单击封闭路径，结果如右下图所示。3.连接曲线和直线路径 使用“钢笔工具”绘制路径时，常常需要既包括直线段又包括曲线段。将直线和曲线路径进行连接的具体操作步骤如下：1）首先绘制一条曲线路径，如左下图所示。2）按下键盘上的键，单击第二个锚点，此时它的一条方向线消失了，如中下图所示。3）在合适的位置单击鼠标，即可创建直线路

9、径，如右下图所示。4）按下键盘上的键，单击第三个锚点即可出现方向线，如左下图所示。5）在合适的位置单击并拖动鼠标，即可重新绘制出曲线，如右下图所示。4. 使用自由钢笔工具绘制路径“自由钢笔工具”的功能与“钢笔工具”基本相同，但是操作方式略有不同。“钢笔工具”是通过建立锚点而建立路径，“自由钢笔工具”是通过绘制曲线来勾绘路径，它会自动添加锚点。使用自由钢笔工具绘制路径的具体操作步骤如下：1）打开一个图像文件。2）选择工具箱中的（自由钢笔工具），其选项栏如左下图所示。曲线拟合：用于控制路径圆滑程度，取值范围为0.510像素，数值越大，创建的路径锚点越少，路径也越圆滑。磁性的：与“磁性套索工具”相似

10、，也是通过选区边缘在指定宽度内的不同像素值的反差来确定路径，差别在于使用磁性钢笔生成的是路径，而“磁性套索工具”生成为选区。钢笔压力：在使用光笔绘图板时才起作用，当选中该复选框时，钢笔压力的增加将导致宽度减小。3）在图像工作区按下鼠标不放，沿图像的边缘拖动鼠标，此时将会自动生成锚点，结果如右下图所示。8.3.2 形状工具组形状工具组 形状选择工作组包括 (矩形工具)、 （圆角矩形工具）、 （椭圆工具）、 （多边形工具）、 （直线工具）、 （自定形状工具）六种形状工具。1. 矩形工具 使用 (矩形工具)可以绘制出矩形、正方形的路径或是形状，其选项栏如下图所示。 （形状图层）：单击此按钮，绘制出的

11、图形为形状，如左下图所示。 （路径）：单击此按钮，绘制出的图形为路径，如右下图所示。 （填充像素）：单击此按钮，绘制出的图形为普通的填充图形，如下图所示。不受约束：可绘制出任意大小的矩形。方形：可绘制出任意大小的正方形。固定大小：在“W”中输入宽度，在“H”中输入高度，可绘出指定大小的矩形。比例：在“W”和“H”种输入水平和垂直比例值，可绘制指定比例的矩形。从中心：从中心开始绘制矩形。对齐像素：使矩形边缘对齐像素。2. 圆角矩形工具 （圆角矩形工具）常用于绘制按钮，该工具选项栏中的选项与“矩形工具”基本相同，如下图所示。半径：用于控制圆角矩形四个角的圆滑程度。模式：用于控制圆角矩形的混合模式。

12、不透明度：用于控制圆角矩形不透明度。3. 椭圆工具 使用 （椭圆工具）可以绘制出椭圆和圆形，其选项栏也和“矩形工具”类似，如左下图所示，绘制效果如右下图所示。4.多边形工具 使用 （多边形工具）可以绘制出正多边形，例如等边三角形、五角星和各种星形。其选项栏如下图所示。半径：用于指定多边形的中心到外部点的距离。指定半径后可以按照一个固定的大小绘制。平滑拐角：选中该选项框后，尖角会被平滑的圆角所替代，左下图为选中“平滑拐角”前后的效果比较。星形：选中该复选框，可以绘制星形。选中和不选中该复选框，右下图为选中“星形”前后的效果比较。缩进边依据：指定缩进的大小和半径的百分比，范围是1%99%，左下图为

13、不同“缩进边依据”数值的效果比较。平滑缩进：可以圆滑多边形的角，使绘制出的多边形的角更加柔和，右下图为选中“平滑缩进”前后的效果比较。5.直线工具 使用 （直线工具）可以绘制出直线、箭头的形状和路径。其选项栏如左下图所示。起点：可以在起点位置绘制箭头。终点：可以在终点位置绘制箭头。宽度：设置箭头宽度，范围为100%1000%。长度：设置箭头的长度，范围为10%5000%。凹度：设置箭头凹度，范围为-50%50%。右下图为不同设置的直线效果。6.自定形状工具 （自定形状工具）可以绘制出各种Photoshop CS3预置的形状、如箭头、灯泡等形状，还可以将常用的图形定义为形状保存下来，便于使用。其

14、选项工具栏如左下图所示。定义的比例：以形状定义时的比例绘制图形。定义的大小：以形状定义时的大小进行绘制。形状：单击“形状”右侧下拉列表，会弹出右下图所示的面板，从中可以选择需要的形状。单击右上角的小三角，从弹出的快捷菜单中还可以选择“载入形状”、“存储形状”、“复位形状”和“替换形状”命令。8.3.3 路径选择工具组路径选择工具组 路径选择工具组包括 （路径选择工具）和 （直接路径选择工具）两种选取路径的工具。1.路径选择工具 （路径选择工具）用于选择整个路径及移动路径。使用该工具，被选中的路径会以实心点的方式显示各个锚点，如下图所示。2.直接选择工具 （直接路径选择工具）用于选择路径锚点和改

15、变路径的形状。使用该工具，被选中的路径会以空心点的方式显示各个锚点，如下图所示。8.4 编辑路径 初步制作的路径往往不符合要求，比如路径圈选的范围多了或者少了、路径位置不合适等。这就需要对路经进一步进行调整和编辑。8.4.1 改变路径锚点的属性改变路径锚点的属性 为了改变路径的形状、弯曲程度等属性，需要对已有的路径进行修改，如添加锚点、减少锚点和转换锚点等操作。1.添加和删除锚点添加和删除锚点的具体操作步骤如下：1）添加锚点。方法：选择工具箱上的（添加锚点工具），放置到路径上需要添加锚点的位置上，如左下图所示。然后单击即可添加一个锚点，如右下图所示。2）删除锚点。方法：选择工具箱上的（删除锚点

16、工具），放置到路径上需要删除锚点的位置上，如左下图所示。然后单击即可删除该锚点，如右下图所示。2.转换锚点属性 移动、变形或删除路径中的线段的具体操作步骤如下：锚点共有两种类型：直线锚点和曲线锚点。在实际工作中经常要在两种锚点之间进行转换，转换锚点的具体操作步骤如下：1）创建左下图所示的直线锚点构成的路径。2）选择工具箱上的（转换点工具），然后在左上角的锚点上拖拉鼠标，从而将直线锚点转换为曲线锚点，结果如中下图所示。3）同理，对其余锚点进行处理，结果如右下图所示。4）如果要将直线锚点转换为曲线锚点，可以选择（转换点工具）在曲线锚点上单击即可。8.4.2移动路径移动路径 在实际操作中，初步制作的

17、路径往往不到位，需要调整它的位置，这就需要移动路径。移动路径的工具有 （路径选择工具）和 （直接路径选择工具）。1.使用 （路径选择工具）移动路径 使用 （路径选择工具）移动路径的具体操作步骤如下：1）利用工具箱中的 （路径选择工具）选中路径，如左下图所示。2）将鼠标指针对准路径本身或路径内部，按下鼠标左键不放，想要以懂得目标为之拖动，此时所选路径会随之移动。3）当对路径的位置满意时，释放鼠标即可完成移动路径的操作，如右下图所示。2.使用 （直接路径选择工具）移动路径 使用 （直接路径选择工具）移动路径的具体操作步骤如下：1）选择工具箱中的 （直接路径选择工具），框选整个路径的锚点。2）在移动

18、的过程中，鼠标指针必须在路径线上，然后将路径移动适当的位置，松开鼠标即可。3）如果框选局部锚点，则移动操作只对这些锚点起作用。8.4.3 路径的打开与关闭路径的打开与关闭 制作好的路径始终会显示在图像中，给图像的编辑带来很多不便，因此在使用时要及时的关闭路径。具体操作步骤如下：1）在路径面板中选中要关闭的路径,如左下图所示。2）单击路径面板的空白处即可完成路径的关闭，如右下图所示。3）路径关闭后，如果在路径面板中单击路径名称，将会再次打开路径。4）选中路径，执行菜单中的“视图”“隐藏”“目标路径”命令，可将选中的路径进行隐藏，此时在图像窗口中将看不到路径的形状，但在路径面板中，该路径仍然以蓝色

19、显示，如下图所示。8.4.4 路径的填充和描边路径的填充和描边 Photoshop CS3中的形状和路径都是矢量数据，可以直接对路径进行描边和填充操作，下面就来具体讲解一下路径的填充和描边方法。1.路径的填充 对于封闭的路径，Photoshop CS3还提供了用指定的颜色、图案、历史记录等对路径所包围的区域进行填充的功能，具体操作步骤如下：1）首选选中要编辑的图层。然后在路径面板中选中要填充的路径。2）单击路径面板右上角的小三角，或者按住键盘上的键单击路径面板下方的 （用前景色填充路径）按钮，弹出左下图所示的“填充路径”对话框。使用：设置填充方式，可选择使用前景色、背景色、图案、历史记录等。模

20、式：设置填充的像素与图曾原来像素的混合模式，默认为“正常”。不透明度：设置填充像素的不透明度，默认为100%，即完全不透明。保留透明区域：填充时对图像中的透明区域不进行填充。羽化半径：用于设置羽化边缘的半径，范围是0255像素。使用羽化会使填充的边缘过渡更为自然。消除锯齿：在填充时消除锯齿状边缘。3）此时选择一种图案，羽化半径设为10，如中下图所示，单击“确定”按钮，结果如右下图所示。2.路径的描边 “描边路径”命令可以沿任何路径创建绘画描边。具体操作步骤如下：1）首选选中要编辑的图层。然后在路径面板中选中要描边的路径。2）选择工具箱中的 （画笔工具），单击路径面板右上角的小三角，或者按住键盘

21、上的键单击路径面板下方的 （用画笔描边路径）按钮，弹出左下图所示的对话框。工具：可在此下拉列表框中选择要使用的描边工具，如中下图所示。模拟压力：选中此复选框，则可模拟绘画史笔加压力起笔时从轻到重，提笔是从重变轻的变化。3）此时选择“画笔”，单击“确定”按钮，结果如右下图所示。8.4.5 剪贴路径剪贴路径 “剪贴路径”功能主要是制作印刷中的去背景效果。也就是说使用“剪贴路径”功能输出的图像插入到PageMaker等排版软件中，路径之内的图像会被输出而路径之外的区域不进行输出。 使用“剪贴路径”的具体操作步骤如下：1）在图像中绘制路径，如下图所示。2）由于工作路径不能作为“剪贴路径”进行输出，下面

22、将其转换为路径。方法：在路径面板中双击“工作路径”的名称，在弹出的“存储路径”对话框中设置如左下图所示，单击“确定”按钮。3)单击路径面板右上角的小三角，从弹出的快捷菜单中选择“剪贴路径”命令，然后在弹出的“剪贴路径”对话框中设置如右下图所示，单击“确定”按钮。4）执行菜单中的“文件”“存储”命令，将文件保存为“小兔子.tif”。5）启动PageMaker软件，执行菜单中的“文件”“置入”命令，置入“小兔子.tif”，结果如右图所示。8.5 路径和选区间的转换 路径和选区之间是可以进行转换的，下面就来具体讲解一下二者之间的转换方法。8.5.1 将路径转换为选区将路径转换为选区 在创建比较复杂的

23、选区，比如将物体从背景图像中抠出来，而物体和周围环境颜色又十分接近，使用魔棒等工具不易选取时，此时可以使用（钢笔工具）先沿着想要的选区的边缘进行比较精细的绘制，然后可以对路径进行编辑操作，在满意之后，再将其转换为选区。将路径转换为选区的具体操作步骤如下：1）在路径面板中选中要转换为选区的路径，如左下图所示。2）单击路径面板右上角的小三角，从弹出的快捷菜单中选择“建立选区”命令，或者按住键盘上的键，单击路径面板下方的（将路径作为选区载入）按钮，弹出右下图所示的“建立选区”对话框。羽化半径：用于设置羽化边缘的半径，范围是0255像素。消除锯齿：用于消除锯齿状边缘。操作：可设置新建选区与原有选区的操作方式。3）单击“确定”按钮，即可将路径转换为选区，如下图所示。8.5.2 将选区转换为路径将选区转换为路径Photoshop CS3还可以将选区转换为路径。具体操作步骤如下：1）选择要转换为路径的选区。2）单击路径面板右上角的小三角，从弹出的快捷菜单中选择“建立工作路径”命令，或者按住键盘上的键，单击路径面板下方的 （从选区生成工作路径）按钮，在弹出的对话框中设置如下图所示，单击“确定”按钮，即可将选区转换为路径。