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

《第7章路径和矢量图形使用课件.ppt》由会员分享，可在线阅读，更多相关《第7章路径和矢量图形使用课件.ppt（52页珍藏版）》请在三一办公上搜索。

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

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

3、放大，马赛克的效果越来越明显，图像也变得越来越模糊。 在Photoshop CS5中，路径功能是其矢量设计功能的充分体现。“路径”是指用户勾绘出来的由一系列点连接起来的线段或曲线。用户可以沿着这些线段或曲线填充颜色，或者进行描边，从而绘制出图像。此外，路径还可以转换成选取范围。这些都是路径的重要功能。,7.2 路径面板,执行菜单中的“窗口|路径”命令，调出“路径”面板，如图7-1所示。由于还未编辑路径，此时在面板中没有任何路径内容。在创建了路径后，就会在路径面板中显示相应路径，如图7-2所示。,图7-1 为创建路径的路径面板 图7-2 创建了路径后的路径面板,路径缩览图,用前景色填充路径,用画

4、笔描边路径,将路径作为选区载入,从选区生成工作路径,创建新路径,删除当前路径,工作路径,路径名称,当前路径,弹出菜单按钮,其中，各项功能的说明如下。 路径缩略图：用于显示当前路径的内容。它可以迅速地辨识每一条路径的形状。 弹出菜单按钮：单击此按钮，会弹出下拉菜单，如图7-3所示。从中可以选择相应的菜单命令。 路径名称：便于在多个路径之间区分。如在新建路径时不输入新路径的名称，则Photoshop CS5会自动一次命名为路径1、路径2、路径3，依此类推。 当前路径：选中某一路径后，则以蓝颜色显示这一路径。此时图像中只显示这一路径的整体效果。 工作路径：这是一种临时路径，名称,图7-3 路径弹出菜

5、单,以斜体字表示。当在建立一个新的工作路径时，原有工作路径将被删除。 用前景色填充路径：单击此按钮，Photoshop CS5将以前景色填充被路径包围的区域。,用画笔描边路径：单击此按钮，可以按设置的绘图工具和前景色颜色沿着路径进行描边。 将路径作为选区载入：单击此按钮，可以将当前路径转换为选取范围。 从选区生成工作路径：单击此按钮，可以将当前选区转换为工作路径。 创建新路径：单击此按钮，可以创建一个新路径。 删除当前路径：单击此按钮，可以删除当前选中的路径。,7.3 路径的创建和编辑,用鼠标右键单击工具箱中的 （钢笔工具），将弹出路径工作组，如图7-1所示。路径工作组中包含5个工具，它们的功

6、能如下。, （钢笔工具）：路径工具组中最精确的绘制路径工具，可以绘制光滑而复杂的路径。 （自由钢笔工具）：类似于钢笔工具，只是在绘制过程中将自动生成路径。通常情况下，该工具生成的路径还需要再次编辑。 （添加锚点工具）：用于为已创建的路径添加锚点。 （删除锚点工具）：用于从路径中删除锚点。 （转换锚点工具）：用于将圆角锚点转换为尖角锚点或将尖角锚点转换为圆角锚点。,图7-4 路径工作组,7.3.1 利用钢笔工具创建路径,1. 使用钢笔工具绘制直线路径,“钢笔工具”是建立路径的基本工具，使用该工具可创建直线路径和曲线路径。使用钢笔工具绘制一个六边形，其具体操作步骤如下： 1） 新建一个文件，然后选

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

8、锚点与开始点的线段，再将鼠标移到第三个锚点的位置单击，效果如图7-8所示。,图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键，单击第二个锚点，此时锚点的一条方向线消失了，如图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所示。,图7-18 “自由钢

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

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

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

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

15、已绘制的路径进行编辑操作时，往往需要选择路径中的锚点或整条路径。如果要选择路径中的锚点，只需选择工具箱中的 （直接选择工具），然后在路径锚点处单击或框选即可。此时选中的锚点会变为黑色小正方形；未选中的锚点为空心小正方形，如图7-29所示。 提示：利用 （直接选择工具）选择锚点时，按住键盘上的Shift键的同时单击锚点，可以连续选中多个锚点。,图7-29 选择锚点,7.4.2 移动锚点或路径,1. 移动锚点,要改变路径的形状，可以利用 （直接选择工具）单击锚点，当选中的锚点变为黑色小正方形时，按住鼠标左键拖动锚点即可移动锚点，从而改变路径的形状。,2. 移动路径,选择工具箱中的 （选择工具），在

16、要移动的路径上按住鼠标左键并进行拖动，即可移动路径。,7.4.3 变换路径,选中要变换的路径，执行菜单中的“编辑|自由变换路径”命令或执行菜单中的“编辑|变换路径”子菜单中的命令，即可对当前所选择的路径进行变换操作。 变换路径操作和变换选区操作一样，它包括“缩放”、“旋转”、“透视”和“扭曲”等操作。执行变换路径命令后，其工具属性栏如图7-30所示。在该工具属性栏中可以重新定义其中的数值，以精确改变路径的形状。,图7-30 变换路径时的工具属性栏,7.5 应用路径,应用路径包括“填充路径”、“描边路径”、“删除路径”、“剪切路径”、“将路径转换为选区”和“将选区转换为路径”操作。,7.5.1

17、填充路径,对于封闭的路径，Photoshop CS5还提供了用指定的颜色、图案、历史记录等对路径所包围的区域进行填充的功能，具体操作步骤如下： 1）选中要编辑的图层，然后在路径面板中选中要填充的路径。 2）单击路径面板右上角的小三角，或者按住键盘上的Alt键单击路径面板下方的 （用前景色填充路径）按钮，弹出如图7-31所示的“填充路径”对话框。,图7-31 “填充路径”对话框,其中，各项参数的说明如下。 使用：设置填充方式，可选择使用前景色、背景色、图案或历史记录等。 模式：设置填充的像素与图层原来像素的混合模式，默认为“正常”。 不透明度：设置填充像素的不透明度，默认为100%，即完全不透明

18、。 保留透明区域：填充时对图像中的透明区域不进行填充。 羽化半径：用于设置羽化边缘的半径，范围是0255像素。使用羽化会使填充的边缘过渡更为自然。 消除锯齿：在填充时消除锯齿状边缘。,3）此时选择一种图案，羽化半径设置为10，如图7-32所示，单击“确定”按钮，效果如图7-33所示。,图7-32 设置填充路径参数 图7-33 填充路径效果,提示：填充路径时，如果当前图层处于隐藏状态，则 （用前景色填充路径）按钮会呈不可用状态。,7.5.2 描边路径,“描边路径”命令可以沿任何路径创建绘画描边。其具体操作步骤如下： 1）选中要编辑的图层，然后在路径面板中选中要描边的路径。 2）选择工具箱中的 （

19、画笔工具），单击路径面板右上角的小三角，或者按住键盘上的Alt键单击路径面板下方的 （用画笔描边路径）按钮，弹出如图7-34所示的对话框。 其中，各项参数的说明如下。 工具：可在此下拉列表框中选择要使用的描边工具，如图7-35所示。 模拟压力：选中此复选框，则可模拟绘画史笔加压力起笔时从轻到重，提笔是从重变轻的变化。,图7-34 “描边路径”对话框 图7-35 选择描边工具,3）此时选择“画笔”，单击“确定”按钮，效果如图7-36所示。,图7-36 描边后效果,7.5.3 删除路径,删除路径的具体操作步骤如下： 1）选中要删除的路径。 2）单击路径面板下方的 （删除当前路径）按钮，在弹出的如图

20、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 置入后的效果,7.5.5 将路径转换为选区,在创建比较复杂的选区，比如将物体从背景图像中抠出来，而物体和周围环境颜色又

22、十分接近，使用魔棒等工具不易选取时，此时可以使用（钢笔工具）先沿着想要的选区边缘进行比较精细的绘制，然后可以对路径进行编辑操作，满意后，再将其转换为选区。将路径转换为选区的具体操作步骤如下： 1）在路径面板中选中要转换为选区的路径，如图7-42所示。,图7-42 选中要转换为选区的路径,2）单击路径面板右上角的小三角，从弹出的下拉菜单中选择“建立选区”命令，或者按住键盘上的Alt键，单击路径面板下方的 （将路径作为选区载入）按钮，弹出如图7-43所示的“建立选区”对话框。,图7-43 “建立选区”对话框,其中，各项参数的说明如下。 羽化半径：用于设置羽化边缘的半径，范围是0255像素。 消除锯

23、齿：用于消除锯齿状边缘。 操作：可设置新建选区与原有选区的操作方式。,3）单击“确定”按钮，即可将路径转换为选区，如图7-44所示。,图7-44 将路径转换为选区,7.5.6 将选区转换为路径,Photoshop CS5还可以将选区转换为路径，具体操作步骤如下： 1）选择要转换为路径的选区。 2） 单击路径面板右上角的小三角，从弹出的下拉菜单中选择“建立工作路径”命令，或者按住键盘上的Alt键，单击路径面板下方的 （从选区生成工作路径）按钮，在弹出的对话框中设置参数，如图7-45所示，单击“确定”按钮，即可将选区转换为路径。,图7-45 设置“建立工作路径”参数,7.6 创建路径形状,在工具箱

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

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

26、角矩形不透明度，图7-53为不同不透明度的效果比较。,半径为10 半径为30,图7-52 不同半径的效果比较,不透明度100 不透明度50,图7-53 不同不透明度的效果比较,7.6.3 利用椭圆工具创建路径形状,使用 （椭圆工具）可以绘制出椭圆和圆形，其选项栏也和“矩形工具”类似，如图7-54所示，绘制效果如图7-55所示。,图7-54 椭圆工具 选项栏,图7-55 椭圆工具绘制效果,7.6.4 利用多边形工具创建路径形状,使用 （多边形工具）可以绘制出正多边形，例如等边三角形、五角星和各种星形。其选项栏如图7-56所示。,图7-56 多边形工具选项栏,其中，各项功能的说明如下。 半径：用于

27、指定多边形的中心到外部点的距离。指定半径后，可以按照一个固定的大小绘制。 平滑拐角：选中该选项框后，尖角会被平滑的圆角所替代，图7-57为选中“平滑拐角”前后的效果比较。 星形：选中该复选框，可以绘制星形。选中和不选中该复选框， 图7-58为选中“星形”前后的效果比较。,选中前 选中后 选中前 选中后,图7-57 选中“平滑拐角”前后的效果比较 图7-58 选中“星形”前后的效果比较,缩进边依据：用于指定缩进的大小和半径的百分比，范围是1%99%，图7-59为不同“缩进边依据”数值的效果比较。 平滑缩进：可以圆滑多边形的角，使绘制出的多边形的角更加柔和， 图7-60为选中“平滑缩进”前后的效果

28、比较。,10% 80% 选中前 选中后,图7-59 不同“缩进边依据”数值的效果比较 图7-60 选中“平滑缩进”前后的效果比较,7.6.5 利用直线工具创建路径形状,使用 （直线工具）可以绘制出直线、箭头的形状和路径。其选项栏如图7-61所示。 起点：可以在起点位置处绘制箭头。 终点：可以在终点位置处绘制箭头。 宽度：设置箭头宽度，范围为100%1000%。 长度：设置箭头的长度，范围为10%5000%。 凹度：设置箭头凹度，范围为-50%50%。,图7-61 直线工具选项栏,图7-62为不同设置的直线效果。,图7-62 不同设置的直线效果,7.6.6 利用自定形状工具创建路径形状,（自定形

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