ps-矢量图形与路径(精品收集)
- 格式：ppt
- 大小：2.50 MB
- 文档页数：26
下载文档原格式
合集下载
第7章 路径和矢量图形
●
7.3.1 利用钢笔工具创建路径
1.使用钢笔工具绘制直线路径
“钢笔工具”是建立路径的基本工具，使用该工具可创建直线路径和曲 线路径。下面使用钢笔工具绘制一个六边形，具体操作步骤如下： 1）新建一个文件，然后选择工具箱上的 （钢笔工具），此时钢笔工 具选项栏如图7-5所示。
图7-5 钢笔工具选项栏
图7-11 拉出方向线
图7-12 绘制心型
3.连接曲线和直线路径
使用“钢笔工具”绘制路径时，常常需要既包括直线段又包括曲线段。 将直线和曲线路径进行连接的具体操作步骤如下： 1）首先绘制一条曲线路径，如图7-13所示。 2）按下键盘上的〈Alt〉键，单击第2个锚点，此时它的一条方向线消 失了，如图7-14所示。 3）在合适的位置单击鼠标，即可创建直线路径，如图7-15所示。
7.3 路径的创建和编辑
右键单击工具箱中的 （钢笔工具），将弹出路径工作组，如图7-4所示。 路径工作组中包含5个工具，它们的功能如下：
图7-4 路径工作组
（钢笔工具）：路径工具组中最精确的绘制路径工具，可以绘制光 滑而复杂的路径。 ● （自由钢笔工具）：类似于钢笔工具，只是在绘制过程中将自动生 成路径。通常情况下，该工具生成的路径还需要再次编辑。 ● （添加锚点工具）：用于为已创建的路径添加锚点。 ● （删除锚点工具）：用于从路径中删除锚点。 ● （转换点工具）：用于将圆角锚点转换为尖角锚点或将尖角锚点转 换为圆角锚点。
图7-19 自动生成的锚点
7.3.3 利用路径面板创建路径
通常用户建立的路径都被系统保存为工作路径，如图7-20所示。当用户 在路径面板空白处单击鼠标取消路径的显示状态后，再次绘制新路径时，该 工作路径将被替换，如图7-21所示。 为了避免这种情况的发生，在绘制路径前，可以单击路径面板下方的 （创建新路径）按钮，创建一个新的路径。然后再使用 （钢笔工具）绘制 路径即可。 通常新建的路径被依次命名为“路径1”、“路径2”……，如果需要在 新建路径时重命名路径，可以按住〈Alt〉键的同时单击路径面板下方的 （创建新路径）按钮，此时会弹出“新建路径”对话框，如图7-22所示。然 后输入所需的名称，单击“确定”按钮，即可创建新的路径。
7.3.1 利用钢笔工具创建路径
1.使用钢笔工具绘制直线路径
“钢笔工具”是建立路径的基本工具，使用该工具可创建直线路径和曲 线路径。下面使用钢笔工具绘制一个六边形，具体操作步骤如下： 1）新建一个文件，然后选择工具箱上的 （钢笔工具），此时钢笔工 具选项栏如图7-5所示。
图7-5 钢笔工具选项栏
图7-11 拉出方向线
图7-12 绘制心型
3.连接曲线和直线路径
使用“钢笔工具”绘制路径时，常常需要既包括直线段又包括曲线段。 将直线和曲线路径进行连接的具体操作步骤如下： 1）首先绘制一条曲线路径，如图7-13所示。 2）按下键盘上的〈Alt〉键，单击第2个锚点，此时它的一条方向线消 失了，如图7-14所示。 3）在合适的位置单击鼠标，即可创建直线路径，如图7-15所示。
7.3 路径的创建和编辑
右键单击工具箱中的 （钢笔工具），将弹出路径工作组，如图7-4所示。 路径工作组中包含5个工具，它们的功能如下：
图7-4 路径工作组
（钢笔工具）：路径工具组中最精确的绘制路径工具，可以绘制光 滑而复杂的路径。 ● （自由钢笔工具）：类似于钢笔工具，只是在绘制过程中将自动生 成路径。通常情况下，该工具生成的路径还需要再次编辑。 ● （添加锚点工具）：用于为已创建的路径添加锚点。 ● （删除锚点工具）：用于从路径中删除锚点。 ● （转换点工具）：用于将圆角锚点转换为尖角锚点或将尖角锚点转 换为圆角锚点。
图7-19 自动生成的锚点
7.3.3 利用路径面板创建路径
通常用户建立的路径都被系统保存为工作路径，如图7-20所示。当用户 在路径面板空白处单击鼠标取消路径的显示状态后，再次绘制新路径时，该 工作路径将被替换，如图7-21所示。 为了避免这种情况的发生，在绘制路径前，可以单击路径面板下方的 （创建新路径）按钮，创建一个新的路径。然后再使用 （钢笔工具）绘制 路径即可。 通常新建的路径被依次命名为“路径1”、“路径2”……，如果需要在 新建路径时重命名路径，可以按住〈Alt〉键的同时单击路径面板下方的 （创建新路径）按钮，此时会弹出“新建路径”对话框，如图7-22所示。然 后输入所需的名称，单击“确定”按钮，即可创建新的路径。
PS 06-路径绘制矢量图形
第6章路径与形状6.1 路径创建工具6.2形状工具6.3路径编辑工具6.4路径工具的应用6.5本章小结本章学习重点：●了解Photoshop CS4中路径应用的工具与命令。
●了解路径的创建、编辑与基本应用。
●掌握形状的创建、编辑与【路径】调板的使用方法●掌握文字创建与变形的方法。
6.1 路径创建工具路径是由多个节点组成的矢量线条，是绘制的图形以轮廓线显示。
放大或缩小图形对其没有影响，可以将一些不够精确的选择区域转换为路径后再进行编辑和微调，然后再转换为选择区域进行处理.如图所示为路径构成示意图，其中角点和平滑点都属于路径的锚点，即路径上的一些方形小点。
当前被选中的锚点以实心方形点显示，没有被选中的以空心方形点显示。
路径示意图【钢笔工具】可以用来绘制多个节点的直线或者曲线。
单击工具箱中的【钢笔工具】，其工具选项栏如图所示，选项栏中各选项意义如下。
【钢笔工具】工具选项栏示意图 6.1.1钢笔工具（1）：从左至右的功能分别是创建【形状图层】、【路径】和【填充像素】三个按钮。
创建形状图层示意图创建路径示意图创建填充像素示意图（2）：可以快速地在【钢笔工具】、【自由钢笔工具】以及【形状工具】之间切换，其中是自由钢笔工具按钮。
橡皮带：单击最右边的下拉按钮，会弹出一个【橡皮带】的钢笔选项，勾选此复选框后，用【钢笔工具】绘制路径时，在第一个锚点和要建立的第二个锚点之间会出现一条假想的线段，只要单击鼠标后，这条线段才会变成真正存在的路径。
（3）自动添加/删除：如果选中该复选框，则可以在路径上添加或者删除锚点。
（4）路径绘制模式：用来对创建的路径进行运算，共有以下4种路径处理模式，具体操作与选区类似。
（5）:单击最右侧的三角形可以选择绘制路径时自动填充的图案样式。
（6）：可以设置绘制路径时自动填充的颜色。
使用【钢笔工具】可以精确地绘制出直线或光滑的曲线，也可以创建形状图层，绘制路径的操作步骤如下:（1）单击工具箱中的【钢笔工具】按钮，在其工具选项栏中单击按钮，这样就可以绘制出单纯的工作路径。
Photoshop绘制路径教程：使用路径工具绘制矢量路径
Photoshop绘制路径教程：使用路径工具绘制矢量路径路径工具是Adobe Photoshop中一种非常有用的工具，它可以帮助我们绘制矢量路径。
矢量路径是由数学方程定义的图形，与位图图像（由像素组成）相比，具有更好的放大和编辑性能。
在本篇文章中，我将向您介绍使用路径工具绘制矢量路径的步骤。
步骤1：打开Photoshop软件并创建一个新的文档首先，您需要打开Adobe Photoshop软件并创建一个新的文档。
单击菜单栏中的“文件”选项，然后选择“新建”。
在弹出的对话框中，您可以设置新文档的宽度、高度、分辨率等参数。
根据您的需要进行设置，并单击“确定”按钮。
步骤2：选择路径工具一旦您的新文档打开，您可以在工具栏中找到路径工具。
路径工具通常与铅笔工具和直线工具位于同一个组中。
单击并按住铅笔工具，然后选择路径工具。
步骤3：创建一个起始点现在，您已经选择了路径工具，让我们开始绘制路径。
单击您希望路径起始的位置，这将是路径的第一个点。
步骤4：绘制路径一旦您创建了起始点，您可以开始绘制路径了。
用鼠标或绘图板的笔绘制路径，按住鼠标左键并移动到所需位置。
您会看到一条不断延伸的线条出现，这就是您绘制的路径。
步骤5：添加曲线段要创建曲线段，您可以使用指针工具单击并拖动路径上的锚点。
您会看到锚点的控制柄出现，可以控制曲线的形状。
通过调整控制柄的位置和方向，您可以创建平滑的曲线段。
步骤6：继续绘制路径一旦您熟悉了如何添加曲线段，您可以继续绘制路径。
单击路径上的一个点，并沿着所需的形状绘制。
添加曲线段时，可以使用步骤5中提到的方法来创建平滑的曲线段。
步骤7：闭合路径如果您希望路径是封闭的，即起始点和终点相连，可以通过以下几种方式之一来完成：- 双击起始点来闭合路径。
- 使用路径工具的控制柄直接调整起始点和终点的位置，使它们相连。
步骤8：编辑路径在绘制路径后，您还可以对其进行编辑或修改。
使用直接选择工具，您可以选中路径的锚点，并通过拖动控制柄或调整点的位置来更改路径的形状。
PS 第7章_路径和矢量图形
7.2.1钢笔工具
（8）样式：用于形状图层添加系统预设的样式。 （9）颜色：颜色单击颜色色块弹出“拾色器”对话框，用来选择填充颜色。
2.使用钢笔工具绘制路径
（1）绘制直线路径 使用单击鼠标的方式产生直线锚点，从而绘制直线路径。具体操作如下： ①选择钢笔工具，确认选中 ，确认钢笔几何选项未勾选“橡皮带”复选框。 ②将钢笔指针定位在起点并单击鼠标，形成第一个锚点。 ③将钢笔指针移动到终点位置处单击鼠标，两个锚点之间即可创建一条直线，如图7-7所示。 ④如果要创建封闭式直线路径，在结束时将鼠标指针移到起始锚点上，当鼠标指针变为 形 状时，单击鼠标，即可完成创建封闭式直线路径的绘制，如图7-8所示。
7.2.2自由钢笔工具
图7-15 自由钢笔工具几何选项框
在选项框中各选项参数的作用如下： 曲线拟合：用于输入控制自由钢笔创建路径的锚点的个数。该参数的取值范围是 0.5～10。数值越大，锚点的个数就越少，曲线越简单。 磁性的：作用同上，可以设置磁性钢笔工具的属性。当勾选此复选框时，“宽度”、 “对比”、“频率”文本框才有效。 宽度：用来设置系统的检测宽度，取值范围为1～40。 对比：用来设置系统控制磁性钢笔工具检测图像边缘的灵敏度，取值范围为1～100 ％。该数值越大，则图像边缘与背景的反差也越大，边缘明显。
第7章 路径和矢量图形
第7章 路径和矢量图形
7.1路径的基本概念
路径是由一条或多条具有多个锚点（节点）的矢量线条 （也称为贝赛 尔曲线）构成的图形， 路径有起点或终点。
图7-1 路径
图7-2 控制点
路径具有矢量性
7.2路径和路径选择工具
单击工具箱内钢笔工具组中的工具按钮，弹出钢笔工 具组中的所有工具，包括钢笔工具、自由钢笔工具、添加锚点 工具、删除锚点工具和转换点工具。
矢量图形和路径的绘制
使用这些创建工具，选择不同的绘图模式， 可以创建矢量图形和路径，再通过编辑类 工具可以对创建的矢量图形和路径进行编 辑。
创建矢量图形和路径的工具
钢笔工具 自由钢笔工具 几何图形工具（矩形工具、圆角矩形工具、
椭圆工具、多边形工具、直线工具、自定 形状工具）
钢笔工具
钢笔工具 主要用于绘制直线和精确地曲 线路径，有时在绘制精确图形和创建精确 路径时也要使用钢笔工具。
矢量图形和路径的概述
矢量图形：是由数学形式中的点、线构成面，
由面构成几何图像。 矢量形状：在Photoshop中使用形状工具或钢
笔工具绘制的图形，包括路径和填充色。
路径：路径可以转换为选区或使用颜色填充和 描边的矢量形状轮廓。路径有锚点和路径段构 成。
工作路径：使用钢笔工具或是形状工具绘制线 条后，系统会自动将线条作为工作路径存储在 “路径”调板中，以便于调用和编辑。
勾选此项后，可在路径上快速随意增加或删除锚点
形状图层模式的选项设置
创建形状图层或，
设
“链接”按钮自动被 激活，前景色、
置 形 状
新图层颜色与创建
图
的形状图层颜色
层
保持一致。
的
颜
色
用于设置形状图层的样式。在预设 面板和样式调板里可对其进行设置。
自由钢笔工具
自由钢笔工具 可随意绘制路径，类似于 铅笔的绘制，鼠标经过的地方将自动产生 锚点与路径段。
工具选项设置
几何图形工具
多边形工具： 主要用于绘制多边形和形象
多边形工具选项栏设置
设置多边形半径，可以 创建精确尺寸的多边形
使多边形顶角圆滑 勾选后绘制多角星形
控制星形的内外半径比例
设置多边形的边数，取 值范围为3~100
创建矢量图形和路径的工具
钢笔工具 自由钢笔工具 几何图形工具（矩形工具、圆角矩形工具、
椭圆工具、多边形工具、直线工具、自定 形状工具）
钢笔工具
钢笔工具 主要用于绘制直线和精确地曲 线路径，有时在绘制精确图形和创建精确 路径时也要使用钢笔工具。
矢量图形和路径的概述
矢量图形：是由数学形式中的点、线构成面，
由面构成几何图像。 矢量形状：在Photoshop中使用形状工具或钢
笔工具绘制的图形，包括路径和填充色。
路径：路径可以转换为选区或使用颜色填充和 描边的矢量形状轮廓。路径有锚点和路径段构 成。
工作路径：使用钢笔工具或是形状工具绘制线 条后，系统会自动将线条作为工作路径存储在 “路径”调板中，以便于调用和编辑。
勾选此项后，可在路径上快速随意增加或删除锚点
形状图层模式的选项设置
创建形状图层或，
设
“链接”按钮自动被 激活，前景色、
置 形 状
新图层颜色与创建
图
的形状图层颜色
层
保持一致。
的
颜
色
用于设置形状图层的样式。在预设 面板和样式调板里可对其进行设置。
自由钢笔工具
自由钢笔工具 可随意绘制路径，类似于 铅笔的绘制，鼠标经过的地方将自动产生 锚点与路径段。
工具选项设置
几何图形工具
多边形工具： 主要用于绘制多边形和形象
多边形工具选项栏设置
设置多边形半径，可以 创建精确尺寸的多边形
使多边形顶角圆滑 勾选后绘制多角星形
控制星形的内外半径比例
设置多边形的边数，取 值范围为3~100
Photoshop CS6 路径和矢量图形工具的应用
在【路径】调板中除了可以描边和填充路径外，还可 以对路径与选区进行转换、对路径进行新建、复制及删除 等操作，这些功能都大大提高了制作路径的灵活性。由于 使用路径制作图像和建立选区的精确度较高且便于调整， 因此在图像处理中的应用非常广泛。
5.1.8 矢量图形工具
矢量图形工具主要包括【矩形】工具、【圆角矩形】 工具、【椭圆】工具、【多边形】工具、【直线】工具和 【自定形状】工具，它们的使用方法非常简单，在工具箱 中选择相应的形状工具后，在图像文件中拖曳鼠标指针， 即可绘制出需要的矢量图形。工具箱中的形状工具如图所 示，各个形状工具的选项大致ห้องสมุดไป่ตู้同。
5.1.6 【路径选择】工具与【直接选择】工具
利用【路径选择】工具 ，可以对路径和子路径进 行选择、移动、对齐和复制等操作。当子路径上的锚点全 部显示为黑色时，表示该子路径被选择。
【直接选择】工具 没有选项栏，使用工具可以选 择和移动路径、锚点以及平滑点两侧的控制点。
5.1.7 【路径】调板
对路径描边和填充是在【路径】调板中进行的，【路 径】调板的构成及其下方按钮的功能介绍如图所示。
1
2
3
5.3 课后练习题
2. 打开本书配套光盘“Map”目录下的“挖补照片素材.jpg” 文件。结合前面所学的选区与选择工具的相关知识，对照 片进行简单的编辑，创建一幅如图2所示的图像效果。操作 时请参照本书配套光盘“练习题”目录下的“挖补照 片.bmp”文件。
1
2
5.1.3 【自由钢笔】工具
使用【自由钢笔】工具可以创建形态较随意的不规则 曲线路径。它的优点是操作较简便；缺点是不够精确，而 且经常会产生过多的锚点。
【自由钢笔】工具的基本操作如下。 1. 在工具箱中选择 工具，在图像中拖曳鼠标指针，沿鼠 标指针拖过的轨迹自动生成路径。如果将鼠标指针移动至 起点，当鼠标指针显示为 形状时，单击可以闭合路径。 2. 选择 工具，在图像中拖曳鼠标指针，在未闭合路径前， 按住Ctrl键后再释放鼠标，可以直接在当前位置至路径起 点生成直线线段闭合路径。
Photoshop CC 2015中文版第7章 路径和矢量图形的使用
本章内容包括： ■路径的概述 ■路径面板 ■路径的创建和编辑 ■选择和变换路径 ■应用路径 ■创建路径形状
7.1 路径概述
图像有两种基本构成方式，一种是矢量图形；另一种是位图图像。对 于矢量图形来说，路径和点是它两个组成元素。路径指矢量对象的线条， 点则是确定路径的基准。在矢量图像的绘制中，图像中每个点和点之间的 路径都是通过计算自动生成的。在矢量图形中记录的是图像中每个点和路 径的坐标位置。当缩放完成时，矢量图依然是相当清晰的，没有马赛克现 象。同时由于矢量图计算模式的限制，一般无法表达大量的图像细节，因 此看上去色彩和层次上都与位图有一定的差距，感觉不够真实，缺乏质感。
2. 移动路径
选择工具箱中的 （选择工具），在要移动的路径上按住鼠标左键并 进行拖动，即可移动路径。
7.4.3 变换路径
选中要变换的路径，执行菜单中的“编辑|自由变换路径”命令或执行 菜单中的“编辑|变换路径”子菜单中的命令，即可对当前所选择的路径进 行变换操作。
变换路径操作和变换选区操作一样，它包括“缩放”、“旋转”、“透 视”和“扭曲”等操作。执行变换路径命令后，其工具属性栏如图7-30所示。 在该工具属性栏中可以重新定义其中的数值，以精确改变路径的形状。
图7-30 变换路径时的工具属性栏
7.5 应用路径
应用路径包括“填充路径”、“描边路径”、“删除路径”、“剪 切路径”、“将路径转换为选区”和“将选区转换为路径”操作。
7.5.1 填充路径
对于封闭的路径，Photoshop CC 2015还提供了用指定的颜色、图案、 历史记录等对路径所包围的区域进行填充的功能，具体操作步骤如下：
● （自由钢笔工具）：类似于钢笔工具，
只是在绘制过程中将自动生成路径。通常情况 下，该工具生成的路径还需要再次编辑。
7.1 路径概述
图像有两种基本构成方式，一种是矢量图形；另一种是位图图像。对 于矢量图形来说，路径和点是它两个组成元素。路径指矢量对象的线条， 点则是确定路径的基准。在矢量图像的绘制中，图像中每个点和点之间的 路径都是通过计算自动生成的。在矢量图形中记录的是图像中每个点和路 径的坐标位置。当缩放完成时，矢量图依然是相当清晰的，没有马赛克现 象。同时由于矢量图计算模式的限制，一般无法表达大量的图像细节，因 此看上去色彩和层次上都与位图有一定的差距，感觉不够真实，缺乏质感。
2. 移动路径
选择工具箱中的 （选择工具），在要移动的路径上按住鼠标左键并 进行拖动，即可移动路径。
7.4.3 变换路径
选中要变换的路径，执行菜单中的“编辑|自由变换路径”命令或执行 菜单中的“编辑|变换路径”子菜单中的命令，即可对当前所选择的路径进 行变换操作。
变换路径操作和变换选区操作一样，它包括“缩放”、“旋转”、“透 视”和“扭曲”等操作。执行变换路径命令后，其工具属性栏如图7-30所示。 在该工具属性栏中可以重新定义其中的数值，以精确改变路径的形状。
图7-30 变换路径时的工具属性栏
7.5 应用路径
应用路径包括“填充路径”、“描边路径”、“删除路径”、“剪 切路径”、“将路径转换为选区”和“将选区转换为路径”操作。
7.5.1 填充路径
对于封闭的路径，Photoshop CC 2015还提供了用指定的颜色、图案、 历史记录等对路径所包围的区域进行填充的功能，具体操作步骤如下：
● （自由钢笔工具）：类似于钢笔工具，
只是在绘制过程中将自动生成路径。通常情况 下，该工具生成的路径还需要再次编辑。
《图形图像处理PS》课件——第8章 路径的创建与应用
第8章 路径的创建与应用
路径和“路径”面板 绘制路径工具——绘制多种路径 编辑路径 应用形状工具——绘制各种形状
8.1 路径和“路径”面板
8.1.1 路径
8.1.2 “路径”面板
利用路径工具可以绘制各种形状的矢量图形，并可以帮助用 户精确地创建选区。与路径有关的绝大部分操作都可以在“路径” 面板中完成。本节就一起来认识路径和“路径”面板。
8.4.1 使用矩形工具绘制矩形
图8-35 绘制矩工具属性栏
8.4.1 使用矩形工具绘制矩形
图8-38 在“形状模式”下绘制矩形 图8-39 在“像素模式”下绘制矩形
8.4.1 使用矩形工具绘制矩形
图8-40 描边设置面板
图8-41 几何选项面板
8.4.2使用圆角矩形工具绘制圆角矩形
方法4：用路径选择工具 选择要复制的路径，单击“编辑”|“拷贝”命令， 可以将路径复制到剪贴板中；单击“编辑”|“粘贴”命令，可以粘贴路径。使 用此方法，可以在不同的图像之间复制路径。
2．删除路径
在“路径”面板中选择需要删除的路径，然后单击“删除当前路径”按钮 或直接将路径拖到该按钮上，即可删除路径。用路径选择工具 选择要删除的路 径，按【Delete】键也可以将其删除。
图8-42 绘制圆角矩形
图8-43 绘制圆角正方形
图8-44 圆角矩形工具属性栏
8.4.2 使用圆角矩形工具绘制圆角矩形
半径为100像素
半径为50像素
图8-45 设置圆角半径大小
图8-46 绘制圆角矩形并打开“属性”面板
8.4.2 使用圆角矩形工具绘制圆角矩形
在“属性”面板中的“所有角半径值”文本框中输入数值，可以分别调整 角半径，如图8-47所示。
8.1.1 路径
路径和“路径”面板 绘制路径工具——绘制多种路径 编辑路径 应用形状工具——绘制各种形状
8.1 路径和“路径”面板
8.1.1 路径
8.1.2 “路径”面板
利用路径工具可以绘制各种形状的矢量图形，并可以帮助用 户精确地创建选区。与路径有关的绝大部分操作都可以在“路径” 面板中完成。本节就一起来认识路径和“路径”面板。
8.4.1 使用矩形工具绘制矩形
图8-35 绘制矩工具属性栏
8.4.1 使用矩形工具绘制矩形
图8-38 在“形状模式”下绘制矩形 图8-39 在“像素模式”下绘制矩形
8.4.1 使用矩形工具绘制矩形
图8-40 描边设置面板
图8-41 几何选项面板
8.4.2使用圆角矩形工具绘制圆角矩形
方法4：用路径选择工具 选择要复制的路径，单击“编辑”|“拷贝”命令， 可以将路径复制到剪贴板中；单击“编辑”|“粘贴”命令，可以粘贴路径。使 用此方法，可以在不同的图像之间复制路径。
2．删除路径
在“路径”面板中选择需要删除的路径，然后单击“删除当前路径”按钮 或直接将路径拖到该按钮上，即可删除路径。用路径选择工具 选择要删除的路 径，按【Delete】键也可以将其删除。
图8-42 绘制圆角矩形
图8-43 绘制圆角正方形
图8-44 圆角矩形工具属性栏
8.4.2 使用圆角矩形工具绘制圆角矩形
半径为100像素
半径为50像素
图8-45 设置圆角半径大小
图8-46 绘制圆角矩形并打开“属性”面板
8.4.2 使用圆角矩形工具绘制圆角矩形
在“属性”面板中的“所有角半径值”文本框中输入数值，可以分别调整 角半径，如图8-47所示。
8.1.1 路径
如何制作照片的矢量和路径效果
如何制作照片的矢量和路径效果在本文中，我将向您介绍如何使用Adobe Photoshop软件创建照片的矢量和路径效果。
使用这些技术，您可以将普通照片转换为具有清晰轮廓和可伸缩性的图形，以满足各种设计需求。
一、准备工作在开始之前，请确保您已经安装了Adobe Photoshop软件，并打开一张您想要进行编辑的照片。
二、矢量效果1.选择"Pen Tool"（钢笔工具）或按下快捷键"P"。
2.在工具栏上选择"Shape"（形状）选项。
3.在图像上选择一个要创建矢量效果的区域，然后单击并拖动鼠标以创建锚点，形成路径。
4.根据需要使用"Direct Selection Tool"（直接选择工具）移动锚点，以获得所需的形状。
5.通过选择"Path Operations"（路径操作）栏目来合并或排除路径，以创建更复杂的形状。
三、路径效果1.选择"Pen Tool"（钢笔工具）或按下快捷键"P"。
2.在工具栏上选择"Path"（路径）选项。
3.在图像上选择一个要创建路径效果的区域，然后单击并拖动鼠标以创建一条路径。
4.通过点击并拖动路径的锚点来调整路径的形状。
5.在"Paths"（路径）面板上，右键单击路径，选择"Make Selection"（制作选择）。
6.通过调整"Stroke"（描边）属性来添加路径描边效果。
四、添加色彩和纹理1.使用"Brush Tool"（画笔工具）选择合适的画笔样式和颜色。
2.在矢量或路径上，单击并拖动鼠标，以为其添加色彩或纹理。
3.通过调整透明度、混合模式等属性，使得颜色和纹理与照片融合自然。
五、保存和导出1.点击菜单栏中的"File"（文件）选项。
矢量路径绘制技巧 用PhotoShop绘制精确而美观的路径
矢量路径绘制技巧：用PhotoShop绘制精确而美观的路径矢量路径绘制是PhotoShop软件中非常重要的功能之一，它可以帮助我们绘制精确而美观的路径，用于制作各种设计元素和图片效果。
在本篇教程中，我们将学习一些使用PhotoShop绘制路径的技巧和方法。
一、创建路径要创建路径，首先打开PhotoShop软件，新建一个透明背景的画布。
然后选择"形状工具"中的"钢笔工具"。
在工具选项栏中选择"路径"选项。
现在我们可以开始创建路径了。
二、点与线的绘制点击画布上的任意位置，将会创建一个路径点。
你可以点击多次来创建多个路径点，这些点会连接成直线。
如果你想创建曲线，点击并拖动鼠标，路径将会自动弯曲。
三、编辑路径在创建好路径后，我们可以进行路径的编辑。
首先，选中路径工具栏上的"直接选择工具"。
然后点击路径上的某个点，可以对该点进行编辑。
你可以拖动点来修改路径的形状，也可以点击点并按Delete键来删除点。
另外，你还可以使用"添加锚点"和"删除锚点"工具来修改路径的形状。
四、调整路径的精度和光滑度在绘制路径时，我们可以通过调整工具栏上的选项来改变路径的精度和光滑度。
例如，可以在工具选项栏中选择"添加锚点"工具，然后选择"添加至形状区域"选项。
这样可以使得路径更加光滑，消除一些锐利的拐角。
另外，你还可以通过调整路径的"曲率"选项来改变路径的曲率。
五、路径的填充和描边在创建好路径后，我们可以对路径进行填充和描边。
选中"路径工具"的"形状工具"选项，并在工具选项栏中选择你想要的填充或描边颜色。
然后按住Shift键并单击路径上的任意点，路径将会闭合并填充或描边。
六、路径的变换和变形在绘制路径后，我们可以对路径进行变换和变形。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
矢量图形与路径
矢量图形
面向对象，可以迅速选择、移动并调整大小，还可以编辑其轮廓和属 性。 与分辨率无关。 不能构建非常复杂的图像，尤其是复杂色调和阴影的图像。 通常用于绘制那些颜色和形状不是太复杂，且需要时常变换大小的标 志图形。 手绘 （/s/blog_5d55ae5f0100b3jv .html）
边用边学Photoshop CS3
关于钢笔工具
钢笔工具属于矢量绘图工具，其优点是可以勾画平滑的曲线，在缩放 或者变形之后仍能保持平滑效果。 钢笔工具画出来的矢量图形称为路径，路径是矢量的路径允许是不封 闭的开放状，如果把起点与终点重合绘制就可以得到封闭的路径 。
边用边学Photoshop CS3
然后用钢笔在画面中单击，会看到在击打的点之间有线段相连。 保持按住Shift键可以让所绘制的点与上一个点保持45度整数倍夹角（比如 零度、90度），这样可以绘制水平或者是垂直的线段（图中从第5个点开始按 下了Shift键）
点。 那么，如何让所用的锚点数量最少？ 实际上这里还隐含着另外一个问题：究竟在哪里定锚点才是最佳的？ 下面是我个人总结出来的规律： 两个锚点之间的曲线形态分为两类：C形和S形 C形的几种形态如左图，它们的方向如右图：
边用边学Photoshop CS3
S形曲线的otoshop CS3
下面的动画演示了在调整方向线的时候，从C形到S形之间的分界点
在了解（并且理解）C、S这两种曲线的形态以后 大家在绘制之前就可以分析出究竟需要多少个锚点 其实就是分析出，有多少个可以用一条曲线（C形或S形）来绘制的区域 虽然锚点的数量可以反映出绘图人的水平和熟练度 但是对于大多数人而言，只要能够满足需要就足够了 所以在实际绘图的时候，不必过于苛求减少锚点的数目
曲线形锚点
如下图所示般，在起点按下鼠标之后不要松手，向上拖动出一条方向 线后放手 然后在第二个锚点拖动出一条向下的方向线，以此类推，画出类 似图示的路径
边用边学Photoshop CS3
曲线形锚点
我们看到，在绘制出第二个及之后的锚点并拖动方向线时，曲线的形态 也随之改变，那么究竟曲线是怎样生成的，我们又该如何来控制曲线的 形态呢？ 除了具有直线的方向和距离外，曲线多了一个弯曲度的形态， 方向和距离只要改变锚点位置就可以做到，但是弯曲度该如何控制？ 如图在工具栏选择“直接选择工具”，注意是下方那个空心的箭头 假设我们刚才绘制的4个锚点分别是ABCD 用“直接选择工具”去点取位于AB之间的片断 会看到刚才我们绘制AB锚点时候定义的方向线
边用边学Photoshop CS3
记住一个原则：绘制曲线的锚点数量越少越好
因为如果锚点数量增加，不仅会增加绘制的步骤，同时也不利于后期的修改
练习
过渡
目标
边用边学Photoshop CS3
问题：
两个锚点似乎可以包揽全部曲线形态了？ 这个观点显然是错误的，例如我们前面首个实例所绘制的曲线，就需要两个以上的锚
边用边学Photoshop CS3
曲线形锚点
结合刚才所作的比喻，就不难理解了：
修改B锚点方向线为下，相当于指定那个人从A点上方出发后， 从B点下方进入，那么所走的路程就是一个S形 再修改A锚点方向线为下，相当于从A点下方出发，再从B点下方 进入，所走的就是一个下弧形的路程 修改后的方向线如下图：
边用边学Photoshop CS3
从上面的简单练习中我们得出两个规律：
我们并没有直接绘制线段，而是定义了各个点的位置，软件则在点间连线成型 控制线段形态（方向、距离）的，并不是线段本身，而是线段中的各个点的位置 记住两个术语：
那些点称为“锚点”(anchor) 锚点间的线段称为“片断”(segment) 刚才我们绘制的那些锚点，由于它们之间的线段都是直线，所以又称为直线型锚点。 边用边学Photoshop CS3
边用边学Photoshop CS3
曲线形锚点
仔细看一下这两个方向线 再这样想象： 一个人要从A点到B点，在A点出发的时候，位于A点的其他人看到他是朝着上偏右 的方向走的 而位于B点的人，看到他是朝着下偏右的方向来的 那么综合两地的观测结果。就可以得出这个人行走的路线：必定是一个类似锅盖的 上弧形 现在我们选择如图的“转换点工具”，该工具用来修改方向线 然后如下图所示般改变AB锚点上的方向线，将会看到曲线弯曲度的改变 注意方向线末端有一个小圆点，这个圆点称为“手柄”，要点击手柄位置才可以改 变方向线
边用边学Photoshop CS3
曲线形锚点
注意：这并不能说是“修改了片断”，而应该说是“同时修改了两个 锚点” 牢记原则：片断是由锚点组成的，只有修改锚点才能改变片断形 态，这是不可逆的因果关系
做一下小结： 对于这条曲线上的除了起点和终点的BC两个锚点而言，都存在 两条方向线： 一条是从上一个锚点“来向”的方向线；另一条是通往下一个锚 点的“去向”的方向线 对于起点，只存在“去向”的方向线；对于终点，只存在“来向” 的方向线
曲线形锚点
明白了方向线的方向对曲线形态的影响后，我们来看一下方向线长短造成的影响 如左图般，在同一方向上拖拉方向线：（可使用“直接选择工具”） 对于一个锚点而言，如果方向线越长，那么曲线在这个方向上走的路程就越长，反之就越 短 可以这样设想，曲线是一个橡皮筋，在头尾两端有两个力在各自的方向上拉 哪个方向上力气大，则橡皮筋就朝向这个方向多靠拢一些。反而反之除了修改锚点之 外，也可以利用“直接选择工具”，在片断上修改曲线的形态 如右图：
边用边学Photoshop CS3
曲线形锚点
现在来实际绘制一个M形,类似麦当劳的标志 我们将介绍三种过程,请先看清楚文字说明再看动画演示 第一种方法：在完成绘制后，再修改第二个锚点的“去向”的方向线，并可以适当移动锚点位置 （绘制完后按住Ctrl键在路径之外任意位置点击，即可完成绘制）
在其中我们注意到一个现象： 新建立一个曲线锚点并拖动它的方向线的时候 实际上随着鼠标移动的是“去向”这条方向线，而“来向”方向总是与之成180度水平夹角的， 并且长度也相同 所以，虽然本来我们应该把第二个锚点的“去向”定为右上方 但是为了“来向”的正确，不得已先将其定在右下方，然后在完成绘制后，再单独修改其“去向” 这种方法可以形容为“丢去保来”（同理，也可以“丢来保去”） 在绘制数量较多的锚点时就显得很不方便，因为总看不到正确的曲线
矢量图形
面向对象，可以迅速选择、移动并调整大小，还可以编辑其轮廓和属 性。 与分辨率无关。 不能构建非常复杂的图像，尤其是复杂色调和阴影的图像。 通常用于绘制那些颜色和形状不是太复杂，且需要时常变换大小的标 志图形。 手绘 （/s/blog_5d55ae5f0100b3jv .html）
边用边学Photoshop CS3
关于钢笔工具
钢笔工具属于矢量绘图工具，其优点是可以勾画平滑的曲线，在缩放 或者变形之后仍能保持平滑效果。 钢笔工具画出来的矢量图形称为路径，路径是矢量的路径允许是不封 闭的开放状，如果把起点与终点重合绘制就可以得到封闭的路径 。
边用边学Photoshop CS3
然后用钢笔在画面中单击，会看到在击打的点之间有线段相连。 保持按住Shift键可以让所绘制的点与上一个点保持45度整数倍夹角（比如 零度、90度），这样可以绘制水平或者是垂直的线段（图中从第5个点开始按 下了Shift键）
点。 那么，如何让所用的锚点数量最少？ 实际上这里还隐含着另外一个问题：究竟在哪里定锚点才是最佳的？ 下面是我个人总结出来的规律： 两个锚点之间的曲线形态分为两类：C形和S形 C形的几种形态如左图，它们的方向如右图：
边用边学Photoshop CS3
S形曲线的otoshop CS3
下面的动画演示了在调整方向线的时候，从C形到S形之间的分界点
在了解（并且理解）C、S这两种曲线的形态以后 大家在绘制之前就可以分析出究竟需要多少个锚点 其实就是分析出，有多少个可以用一条曲线（C形或S形）来绘制的区域 虽然锚点的数量可以反映出绘图人的水平和熟练度 但是对于大多数人而言，只要能够满足需要就足够了 所以在实际绘图的时候，不必过于苛求减少锚点的数目
曲线形锚点
如下图所示般，在起点按下鼠标之后不要松手，向上拖动出一条方向 线后放手 然后在第二个锚点拖动出一条向下的方向线，以此类推，画出类 似图示的路径
边用边学Photoshop CS3
曲线形锚点
我们看到，在绘制出第二个及之后的锚点并拖动方向线时，曲线的形态 也随之改变，那么究竟曲线是怎样生成的，我们又该如何来控制曲线的 形态呢？ 除了具有直线的方向和距离外，曲线多了一个弯曲度的形态， 方向和距离只要改变锚点位置就可以做到，但是弯曲度该如何控制？ 如图在工具栏选择“直接选择工具”，注意是下方那个空心的箭头 假设我们刚才绘制的4个锚点分别是ABCD 用“直接选择工具”去点取位于AB之间的片断 会看到刚才我们绘制AB锚点时候定义的方向线
边用边学Photoshop CS3
记住一个原则：绘制曲线的锚点数量越少越好
因为如果锚点数量增加，不仅会增加绘制的步骤，同时也不利于后期的修改
练习
过渡
目标
边用边学Photoshop CS3
问题：
两个锚点似乎可以包揽全部曲线形态了？ 这个观点显然是错误的，例如我们前面首个实例所绘制的曲线，就需要两个以上的锚
边用边学Photoshop CS3
曲线形锚点
结合刚才所作的比喻，就不难理解了：
修改B锚点方向线为下，相当于指定那个人从A点上方出发后， 从B点下方进入，那么所走的路程就是一个S形 再修改A锚点方向线为下，相当于从A点下方出发，再从B点下方 进入，所走的就是一个下弧形的路程 修改后的方向线如下图：
边用边学Photoshop CS3
从上面的简单练习中我们得出两个规律：
我们并没有直接绘制线段，而是定义了各个点的位置，软件则在点间连线成型 控制线段形态（方向、距离）的，并不是线段本身，而是线段中的各个点的位置 记住两个术语：
那些点称为“锚点”(anchor) 锚点间的线段称为“片断”(segment) 刚才我们绘制的那些锚点，由于它们之间的线段都是直线，所以又称为直线型锚点。 边用边学Photoshop CS3
边用边学Photoshop CS3
曲线形锚点
仔细看一下这两个方向线 再这样想象： 一个人要从A点到B点，在A点出发的时候，位于A点的其他人看到他是朝着上偏右 的方向走的 而位于B点的人，看到他是朝着下偏右的方向来的 那么综合两地的观测结果。就可以得出这个人行走的路线：必定是一个类似锅盖的 上弧形 现在我们选择如图的“转换点工具”，该工具用来修改方向线 然后如下图所示般改变AB锚点上的方向线，将会看到曲线弯曲度的改变 注意方向线末端有一个小圆点，这个圆点称为“手柄”，要点击手柄位置才可以改 变方向线
边用边学Photoshop CS3
曲线形锚点
注意：这并不能说是“修改了片断”，而应该说是“同时修改了两个 锚点” 牢记原则：片断是由锚点组成的，只有修改锚点才能改变片断形 态，这是不可逆的因果关系
做一下小结： 对于这条曲线上的除了起点和终点的BC两个锚点而言，都存在 两条方向线： 一条是从上一个锚点“来向”的方向线；另一条是通往下一个锚 点的“去向”的方向线 对于起点，只存在“去向”的方向线；对于终点，只存在“来向” 的方向线
曲线形锚点
明白了方向线的方向对曲线形态的影响后，我们来看一下方向线长短造成的影响 如左图般，在同一方向上拖拉方向线：（可使用“直接选择工具”） 对于一个锚点而言，如果方向线越长，那么曲线在这个方向上走的路程就越长，反之就越 短 可以这样设想，曲线是一个橡皮筋，在头尾两端有两个力在各自的方向上拉 哪个方向上力气大，则橡皮筋就朝向这个方向多靠拢一些。反而反之除了修改锚点之 外，也可以利用“直接选择工具”，在片断上修改曲线的形态 如右图：
边用边学Photoshop CS3
曲线形锚点
现在来实际绘制一个M形,类似麦当劳的标志 我们将介绍三种过程,请先看清楚文字说明再看动画演示 第一种方法：在完成绘制后，再修改第二个锚点的“去向”的方向线，并可以适当移动锚点位置 （绘制完后按住Ctrl键在路径之外任意位置点击，即可完成绘制）
在其中我们注意到一个现象： 新建立一个曲线锚点并拖动它的方向线的时候 实际上随着鼠标移动的是“去向”这条方向线，而“来向”方向总是与之成180度水平夹角的， 并且长度也相同 所以，虽然本来我们应该把第二个锚点的“去向”定为右上方 但是为了“来向”的正确，不得已先将其定在右下方，然后在完成绘制后，再单独修改其“去向” 这种方法可以形容为“丢去保来”（同理，也可以“丢来保去”） 在绘制数量较多的锚点时就显得很不方便，因为总看不到正确的曲线