第7章路径和矢量图形课件.ppt

《第7章路径和矢量图形课件.ppt》由会员分享，可在线阅读，更多相关《第7章路径和矢量图形课件.ppt（45页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第7章 路径和矢量图形 Photoshop CS3是一个以编辑和处理位图图像为主的图像处理软件。同时为了应用的需要，也包含了一定的矢量图形处理功能，以此来协助位图图像的设计。路径是Photoshop CS3矢量设计功能的充分体现。用户可以利用路径功能绘制线条或曲线，并对绘制后的线条进行填充和描边，从而完成一些绘图工具所不能完成的工作。通过本章学习应掌握以下内容:本章要点：l路径的概述l路径面板l路径的创建和编辑l选择和变换路径l应用路径l创建路径形状 7.1 路径的概述 图像有两种基本构成方式，一种是矢量图形；另一种是位图图像。对于矢量图形来说，路径和点是它两个组成元素。路径指矢量对象的线条，

2、点则是确定路径的基准。在矢量图形中记录的是图像中每个点和路径的坐标位置。当缩放矢量图形时，实际上改变的是点和路径的坐标位置。当缩放完成时，矢量图依然是相当清晰的，没有马赛克现象。同时由于矢量图计算模式的限制，一般无法表达大量的图像细节，因此看上去色彩和层次上都与位图有一定的差距，感觉不够真实，缺乏质感。与矢量图像不同，位图图像中记录的是像素的信息，整个位图图像是由像素构成的。位图图像不必记录烦琐复杂的矢量信息，而以每个点为图像单元的方式真实地表现自然界中任何画面。因此，通常用位图来制作和处理照片等需要逼真效果的图像。但是随着位图图像的放大，马赛克的效果越来越明显，图像也变得越来越模糊。在Pho

3、toshop CS3中，路径功能是其矢量设计功能的充分体现。“路径”是指用户勾绘出来的由一系列点连接起来的线段或曲线。可以沿着这些线段或曲线填充颜色，或者进行描边，从而绘制出图像。此外，路径还可以转换成选取范围，这些都是路径的重要功能。7.2 路径面板 执行菜单中的“窗口|路径”命令，调出路径面板，如图7-1所示。由于还未编辑路径，此时在面板中没有任何路径内容。在创建了路径后，就会在路径面板中显示相应路径，如图7-2所示。图7-1 为创建路径的路径面板 图7-2 创建了路径后的路径面板 l路径缩略图：用于显示当前路径的内容。它可以迅速地辨识每一条路径的形状。l弹出菜单按钮：用单击此按钮，会弹出

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

5、此按钮，可以将当前路径转换为选取范围。l从选区生成工作路径：单击此按钮，可以将当前选区转换为工作路径。l创建新路径：单击此按钮，可以创建一个新路径。l删除当前路径：单击此按钮，可以删除当前选中的路径。7.3 路径的创建和编辑 右击工具箱中的 （钢笔工具），将弹出路径工作组，如图7-1所示。路径工作组中包含5个工具，它们的功能如下：l （钢笔工具）：路径工具组中最精确的绘制路径工具，可以绘制光滑而复杂的路径。l （自由钢笔工具）：类似于钢笔工具，只是在绘制过程中将自动生成路径。通常情况下，该工具生成的路径还需要再次编辑。l （添加锚点工具）：用于为已创建的路径添加锚点。l （删除锚点工具）：用于

6、从路径中删除锚点。l （转换锚点工具）：用于将圆角锚点转换为尖角锚点或将尖角锚点转换为圆角锚点。钢笔工具组包括 （钢笔工具）、（自由钢笔工具）、（添加锚点工具）、（删除锚点工具）和 （转换点工具）五种钢笔工具。其中 （钢笔工具）用于绘制直线、曲线；（自由钢笔工具）用于自由的绘制线条或是曲线；（添加锚点工具）用于在现有的路径上添加锚点；（删除锚点工具）用于在现有的路径上删除锚点；（转换锚点工具）用于平滑点和角点之间的转换。7.3.1利用钢笔工具创建路径利用钢笔工具创建路径1.使用“钢笔工具”绘制直线路径 “钢笔工具”是建立路径的基本工具，使用该工具可创建直线路径和曲线路径。下面使用钢笔工具绘制一

7、个六边形，具体操作步骤如下：(1）新建一个文件，然后选择工具箱上的（钢笔工具），此时钢笔工具选项栏如图7-5所示。图7-5钢笔工具选项栏l橡皮带：选中该复选框后，移动鼠标时光标和刚绘制的锚点之间会有一条动态变化的直线或曲线，表明若在光标处设置锚点会绘制什么样的线条，对绘图起辅助作用，如图7-6所示。l自动添加删除：选中该复选框，当光标经过线条中部时指针旁会出现加号，此时单击可在曲线上添加一个新的锚点；当光标在锚点附近时指针旁会出现负号，此时单击会删除此锚点。（2）将光标移到图像窗口，单击确定路径起点，如图7-7所示。（3）将光标移到要建立的第二个锚点的位置上单击，既可绘制连接地两个锚点与开始点

8、的线段，再将鼠标移到第三个锚点的位置单击，结果如图7-8所示。图7-6 选中“橡皮带”效果 图7-7确定路径起点 图7-8 确定第三个锚点位置（4）同理，绘制出其他线段，当绘制线段回到开始点时，在光标右下方会出现，如图7-9所示，单击后封闭路径，如图7-10所示。图7-9 封闭路径标志 图7-10 封闭路径效果2.使用“钢笔工具”绘制曲线路径 使用“钢笔工具”除了可以直线路径外，还可绘制曲线路径，下面使用钢笔工具绘制一个心形，具体操作步骤如下：（1）选择工具箱上的 （钢笔工具），选中选项栏中的“橡皮带”复选框。（2）将光标移到图像窗口，单击确定路径起点。（3）移动光标，在适当的位置单击，并不动

9、开鼠标进行拖动，此时可在该锚点处出现一条有两个方向点的方向线，如图7-11所示，确定其方向后松开鼠标。（4）同理，继续绘制其他曲线，当光标移到开始点上单击封闭路径，结果如图7-12所示。图7-11 拉出方向线 图7-12 绘制心型3.连接曲线和直线路径 使用“钢笔工具”绘制路径时，常常需要既包括直线段又包括曲线段。将直线和曲线路径进行连接的具体操作步骤如下：（1）首先绘制一条曲线路径，如图7-13所示。（2）按Alt键，单击第2个锚点，此时它的一条方向线消失了，如图7-14所示。（3）在合适的位置单击鼠标，即可创建直线路径，如图7-15所示。图7-13 绘制曲线 图7-14 去除一条方向线 图

10、7-15 创建直线路径（4）按Alt键，单击第三个锚点即可出现方向线，如图7-16所示。（5）在合适的位置单击并拖动鼠标，即可重新绘制出曲线，如图7-17所示。图7-16 拉出一条方向线 图7-17 重新绘制曲线7.3.2 使用自由钢笔工具绘制路径使用自由钢笔工具绘制路径 “自由钢笔工具”的功能与“钢笔工具”基本相同，但是操作方式略有不同。“钢笔工具”是通过建立锚点而建立路径，“自由钢笔工具”是通过绘制曲线来勾绘路径，它会自动添加锚点。使用自由钢笔工具绘制路径的具体操作步骤如下：（1）打开一个图像文件。（2）选择工具箱中的 （自由钢笔工具），其选项栏如图7-18所示。l曲线拟合：用于控制路径圆

11、滑程度，取值范围为0.510像素，数值越大，创建的路径锚点越少，路径也越圆滑。l磁性的：与“磁性套索工具”相似，也是通过选区边缘在指定宽度内的不同像素值的反差来确定路径，差别在于使用磁性钢笔生成的是路径，而“磁性套索工具”生成为选区。l钢笔压力：在使用光笔绘图板时才起作用，当选中该复选框时，钢笔压力的增加将导致宽度减小。（3）在图像工作区按下鼠标不放，沿图像的边缘拖动鼠标，此时将会自动生成锚点，结果如图7-19所示。图7-18 （自由钢笔工具）工具选项栏 图7-19 自动生成的锚点7.3.3 利用路径面板创建路径利用路径面板创建路径 通常用户建立的路径都被系统保存为工作路径，如图7-20所示。

12、当用户在路径面板空白处单击取消路径的显示状态后，再次绘制新路径时，该工作路径将被替换，如图7-21所示。图7-20工作路径 图7-21被替换的工作路径 为了避免这种情况的发生，在绘制路径前，可以单击路径面板下方的 （创建新路径）按钮，创建一个新的路径。然后再使用（钢笔工具）绘制路径即可。通常新建的路径被依次命名为“路径1”、“路径2”，如果需要在新建路径时重命名路径，可以按Alt键的同时单击路径面板下方的 （创建新路径）按钮，此时会弹出“新建路径”对话框，如图7-22所示。然后输入所需的名称，单击“确定”按钮，即可创建新的路径。图7-22“新建路径”对话框7.3.4 工具的使用工具的使用1.添

13、加锚点工具 （添加锚点工具）用于在已创建的路径上添加锚点。添加锚点的具体操作步骤如下：（1）选择工具箱中的 （添加锚点工具）。（2）将鼠标移到路径上所需添加锚点的位置，如图7-23所示。然后单击即可添加一个锚点，如图7-24所示。图7-23将鼠标移到路径上所需添加锚点的位置 图7-24添加锚点的效果 2.删除锚点工具 （删除锚点工具）用于从路径中删除锚点。删除锚点的具体操作步骤如下：（1）选择工具箱中的 （删除锚点工具）。（2）将鼠标移动到要删除锚点的位置，如图7-25所示。然后单击即可删除一个锚点，如图7-26所示。图7-25将鼠标移动到要删除锚点的位置 图7-26删除锚点的效果3.转换点工

14、具 利用 （转换点工具），可以将一个两侧没有控制柄的直线形锚点，如图7-27所示，转换为两侧具有控制柄的圆滑锚点，如图7-28所示；或将圆滑锚点转换为曲线形锚点。转换锚点的具体操作步骤如下：（1）选择工具箱中的 （转换点工具）。(2）在直线形锚点上按住鼠标左键并拖动，可以将锚点转换为圆滑锚点；反之，在圆滑锚点上单击，则可以将该锚点转换成直线形锚点。图7-27直线形锚点 图7-28圆滑锚点7.4 选择和变换路径 初步建立的路径往往很难符合要求，此时可以通过调整锚点的位置和属性来进一步调整路径。7.4.1 选择锚点或路径选择锚点或路径1.选择锚点选择锚点 在对已绘制完成的路径进行编辑操作时，往往需

15、要选择路径中的锚点或整条路径。如果要选择路径中的锚点，只需选择工具箱中的 （直接选择工具），然后在路径锚点处单击或框选即可。此时选中的锚点会变为黑色小正方形；未选中的锚点为空心小正方形，如图7-29所示。提示：利用 （直接选择工具）选择锚点时，按Shift键的同时单击锚点，可以连续选中多个锚点。图7-29选择锚点2.选择路径选择路径 如果在编辑过程中需要选择整条路径，可以选择工具箱中的 （选择工具），然后单击要选择的路径即可，此时路径上的全部锚点显示为黑色小正方形。提示：如果当前使用的工具为 （直接选择工具），无需切换到 （选择工具），只需按Alt键的同时单击路径，即可选中整条路径。7.4.2

16、移动锚点或路径移动锚点或路径 要改变路径的的形状，可以利用 （直接选择工具）单击锚点，当选中的锚点变为黑色小正方形时，按住鼠标左键拖动锚点即可移动锚点，从而改变路径的形状。1.移动锚点移动锚点 选择工具箱中的 （选择工具）在要移动的路径上按住鼠标左键并进行拖动，即可移动路径。2.移动路径移动路径7.4.3 变换路径变换路径 选中要变换的路径，执行菜单中的“编辑|自由变换路径”命令或执行菜单中的“编辑|变换路径”子菜单中的命令，即可对当前所选择的路径进行变换操作。变换路径操作和变换选区操作一样，包括“缩放”、“旋转”、“透视”和“扭曲”等操作。执行变换路径命令后，其工具属性栏如图7-30所示。在

17、该工具属性栏中可以重新定义其中的数值，以精确改变路径的形状。图7-30变换路径时的工具属性栏7.5 应用路径 应用路径包括“填充路径”、“描边路径”、“删除路径”、“剪切路径”、“将路径转换为选区”和“将选区转换为路径”操作。7.5.1 填充路径填充路径 对于封闭的路径，Photoshop CS3还提供了用指定的颜色、图案、历史记录等对路径所包围的区域进行填充的功能，具体操作步骤如下：（1）首选选中要编辑的图层。然后在路径面板中选中要填充的路径。（2）单击路径面板右上角的下三角图标，或者按Alt键单击路径面板下方的 （用前景色填充路径）按钮，弹出图7-31所示的“填充路径”对话框。图7-31“

18、填充路径”对话框l 使用：设置填充方式，可选择使用前景色、背景色、图案、历史记录等。l模式：设置填充的像素与图层原来像素的混合模式，默认为“正常”。l不透明度：设置填充像素的不透明度，默认为100%，即完全不透明。l保留透明区域：填充时对图像中的透明区域不进行填充。l羽化半径：用于设置羽化边缘的半径，范围是0255像素。使用羽化会使填充的边缘过渡更为自然。l消除锯齿：在填充时消除锯齿状边缘。（3）此时选择一种图案，羽化半径设为10，如图7-32所示，单击“确定”按钮，结果如图7-33所示。图7-32 设置填充路径参数 图7-33填充路径效果7.5.2 描边路径描边路径 “描边路径”命令可以沿任

19、何路径创建绘画描边。具体操作步骤如下：（1）首选选中要编辑的图层。然后在路径面板中选中要描边的路径。（2）选择工具箱中的 （画笔工具），单击路径面板右上角的下三角图标，或者按Alt键单击路径面板下方的 （用画笔描边路径）按钮，弹出图7-34所示的对话框。l工具：可在此下拉列表框中选择要使用的描边工具，如图7-35所示。l模拟压力：选中此复选框，则可模拟绘画使加压力起笔时从轻到重，提笔是从重变轻的变化。（3）此时选择“画笔”，单击“确定”按钮，结果如图7-36所示。图7-34 “描边路径”对话框 图7-35 选择描边工具 图7-36 描边后效果7.5.3 删除路径删除路径删除路径的具体操作步骤如

20、下：（1）选中要删除的路径。（2）单击路径面板下方的（删除当前路径）按钮，在弹出的图7-37所示的对话框中单击“确定”按钮，即可删除当前路径。提示：按Alt键的同时，单击 （删除当前路径）按钮，可以在不出现提示信息框的情况下删除路径。图7-37提示信息框7.5.4 剪贴路径剪贴路径“剪贴路径”功能主要是制作印刷中的去背景效果。也就是说使用“剪贴路径”功能输出的图像插入到InDesign等排版软件中，路径之内的图像会被输出而路径之外的区域不进行输出。使用“剪贴路径”的具体操作步骤如下：（1）在图像中绘制路径，如图7-38所示。图7-38 绘制路径（2）由于工作路径不能作为“剪贴路径”进行输出，下

21、面将其转换为路径。方法：在路径面板中双击“工作路径”的名称，在弹出的“存储路径”对话框中设置如图7-39所示，单击“确定”按钮。（3）单击路径面板右上角的下三角图标，从弹出的快捷菜单中选择“剪贴路径”命令，然后在弹出的“剪贴路径”对话框中设置如图7-40所示，单击“确定”按钮。图7-39 设置“存储路径”的名称 图7-40 设置“剪贴路径”参数（4）执行菜单中的“文件|存储”命令，将文件保存为“小兔子.tif”。（5）启动InDesign软件，执行菜单中的“文件|置入”命令，置入“小兔子.tif”，结果如图7-41所示。图7-41 置入PageMaker后效果7.5.5将路径转换为选区将路径转

22、换为选区 在创建比较复杂的选区，比如将物体从背景图像中抠出来，而物体和周围环境颜色又十分接近，使用魔棒等工具不易选取时，此时可以使用 （钢笔工具）先沿着想要的选区的边缘进行比较精细地绘制，然后可以对路径进行编辑操作，在满意之后，再将其转换为选区。将路径转换为选区的具体操作步骤如下：（1）在路径面板中选中要转换为选区的路径，如图7-42所示。（2）单击路径面板右上角的下三角图标，从弹出的快捷菜单中选择“建立选区”命令，或者按Alt键，单击路径面板下方的 （将路径作为选区载入）按钮，弹出图7-43所示的“建立选区”对话框。图7-42 选中要转换为选区的路径 图7-43“建立选区”对话框l羽化半径：

23、用于设置羽化边缘的半径，范围是0255像素。l消除锯齿：用于消除锯齿状边缘。l操作：可设置新建选区与原有选区的操作方式。（3）单击“确定”按钮，即可将路径转换为选区，如图7-44所示。图7-44将路径转换为选区7.5.6 将选区转换为路径将选区转换为路径Photoshop CS3还可以将选区转换为路径。具体操作步骤如下：（1）选择要转换为路径的选区。（2）单击路径面板右上角的下三角图标，从弹出的快捷菜单中选择“建立工作路径”命令，或者按Alt键，单击路径面板下方的 （从选区生成工作路径）按钮，在弹出的对话框中设置如图7-45所示，单击“确定”按钮，即可将选区转换为路径。图7-45 设置“建立工

24、作路径”参数7.6 创建路径形状 在工具箱中的形状工具上右击，将弹出图7-46所示的形状工作组。运用这些工具快速创建矩形、圆角矩形和椭圆等形状图形。图7-46形状工作组7.6.1 利用矩形工具创建路径形状利用矩形工具创建路径形状 使用 (矩形工具)可以绘制出矩形、正方形的路径或是形状，其选项栏如图7-47所示。图7-47 矩形工具选项栏l （形状图层）：单击此按钮，绘制出的图形为形状，如图7-48所示。l （路径）：单击此按钮，绘制出的图形为路径，如图7-49所示。图7-48 绘制形状 图7-49 绘制路径l （填充像素）：单击此按钮，绘制出的图形为普通的填充图形，如图7-50所示。图7-50

25、绘制填充图形l不受约束：可绘制出任意大小的矩形。l方形：可绘制出任意大小的正方形。l固定大小：在“W”中输入宽度，在“H”中输入高度，可绘出指定大小的矩形。l比例：在“W”和“H”种输入水平和垂直比例值，可绘制指定比例的矩形。l从中心：从中心开始绘制矩形。l对齐像素：使矩形边缘对齐像素。7.6.2 利用圆角矩形工具创建路径形状利用圆角矩形工具创建路径形状 （圆角矩形工具）常用于绘制按钮，该工具选项栏中的选项与“矩形工具”基本相同，如图7-51所示。l半径：用于控制圆角矩形4个角的圆滑程度，图7-52为不同半径的效果比较。l模式：用于控制圆角矩形的混合模式。l不透明度：用于控制圆角矩形不透明度，

26、图7-53为不同不透明度的效果比较。图7-51圆角矩形工具选项栏图7-52不同半径的效果比较 图7-53不同不透明度的效果比较7.6.3 利用椭圆工具创建路径形状利用椭圆工具创建路径形状 使用（(椭圆工具）可以绘制出椭圆和圆形，其选项栏也和“矩形工具”类似，如图7-54所示，绘制效果如图7-55所示。图7-54 椭圆工具 选项栏 图7-55 椭圆工具绘制效果7.6.4 利用多边形工具创建路径形状利用多边形工具创建路径形状 使用 （多边形工具）可以绘制出正多边形，例如等边三角形、五角星和各种星形。其选项栏如图7-56所示。l半径：用于指定多边形的中心到外部点的距离。指定半径后可以按照一个固定的大

27、小绘制。l平滑拐角：选中该选项框后，尖角会被平滑的圆角所替代，图7-57为选中“平滑拐角”前后的效果比较。l星形：选中该复选框，可以绘制星形。选中和不选中该复选框，图7-58为选中“星形”前后的效果比较。图7-56多边形工具选项栏l缩进边依据：指定缩进的大小和半径的百分比，范围是1%99%，图7-59为不同“缩进边依据”数值的效果比较。l平滑缩进：可以圆滑多边形的角，使绘制出的多边形的角更加柔和，图7-60为选中“平滑缩进”前后的效果比较。图7-57选中“平滑拐角”前后的效果比较 图7-58选中“星形”前后的效果比较图7-59不同“缩进边依据”数值的效果比较 图7-60选中“平滑缩进”前后的效

28、果比较7.6.5 利用直线工具创建路径形状利用直线工具创建路径形状 使用 （直线工具）可以绘制出直线、箭头的形状和路径。其选项栏如图7-61所示。l起点：可以在起点位置绘制箭头。l终点：可以在终点位置绘制箭头。l宽度：设置箭头宽度，范围为100%1000%。l长度：设置箭头的长度，范围为10%5000%。l凹度：设置箭头凹度，范围为-50%50%。图7-62为不同设置的直线效果。图7-61 直线工具选项栏 图7-62 不同设置的直线效果7.6.6 利用自定形状工具创建路径形状利用自定形状工具创建路径形状 （自定形状工具）可以绘制出各种Photoshop CS3预置的形状、如箭头、灯泡等形状，还

29、可以将常用的图形定义为形状保存下来，便于使用。其选项工具栏如左下图所示。l定义的比例：以形状定义时的比例绘制图形。l定义的大小：以形状定义时的大小进行绘制。l形状：单击“形状”右侧下拉列表，会弹出右下图所示的面板，从中可以选择需要的形状。单击右上角的下三角图标，从弹出的快捷菜单中还可以选择“载入形状”、“存储形状”、“复位形状”和“替换形状”命令。图7-63自定形状工具选项栏 图7-64自定形状面板7.6.7保存形状路径保存形状路径 自定形状面板中的形状与笔刷一样，都可以以文件形式保存起来，以便用户以后调用及共享。将形状进行保存的具体步骤是：单击自定形状面板右上角的 按钮，在弹出的快捷菜单中选择“存储形状”命令，然后在弹出的图7-65所示的“存储”对话框“文件名”右侧输入文件名称，单击“确定”按钮，即可保存该形状。图7-65“存储”对话框