在Adobe Photoshop中创建和使用矢量图形

Adobe Illustrator是图形设计的行业标准应用程序。这是处理基于矢量的文件的最佳工具。

遗憾的是,并不是每个人都有Illustrator,但是很多人确实有Photoshop。而且Photoshop对矢量图像具有基本支持。在本指南中,我们将介绍如何在Photoshop中制作矢量插图作为Illustrator的替代品。

什么是矢量图像?

Photoshop主要是为光栅图像而设计的。这些是逐像素绘制的多边形图像。它们支持大量细节,并用于照片。但是,文件大小可能很大,并且不能在不损失质量的情况下进行放大。

矢量图像是由数学公式生成的直线和曲线。这意味着您可以无限调整它们的大小,并且文件大小通常很小。向量非常适合图形设计工作,包括设计徽标和图标。您甚至可以在Adobe Illustrator中将图像转换为矢量图形

矢量艺术作品由多个对象组成。每个对象都是一条线或形状,其边缘由路径定义。在Photoshop中,路径显示为一条细蓝线(尽管从技术上讲它是不可见的)。

您可以将两种类型的颜色应用于每个对象:

  • 描边是沿着路径的线。
  • 填充将纯色或图案添加到路径所包围的空间中。

您可以在屏幕顶部的选项栏中进行设置。如果希望它们保持空白,也可以将其设置为“无颜色” 。对于笔触,还可以设置以像素为单位的粗细和样式。实线是默认设置。

在Photoshop中,可以绘制带有形状,线条和文本的矢量图像。

绘制矢量形状和线条

Photoshop带有用于绘制几种常见形状的工具。默认情况下,“矩形工具”突出显示。单击并按住该图标可以显示全部工具:

  • 矩形工具
  • 圆角矩形工具
  • 椭圆工具
  • 多边形工具
  • 线工具
  • 自定义形状工具

您始终可以通过按键盘上的U来选择突出显示的工具。或者,按Shift + U循环浏览工具,直到找到所需的工具为止。

为了更快地工作,最好了解更多Photoshop键盘快捷键

绘制基本矢量形状

选择要绘制的形状的工具,然后添加“填充”和“描边”颜色。

现在单击并拖动您的画布。形状是从您拖动的任何方向的角开始绘制的。若要创建对称形状,例如圆形或正方形,请按住Shift键。

要绘制三角形,请选择“多边形工具” 。在画布上单击一次以打开“创建多边形”设置框。将边数设置为3

修改和编辑矢量形状

在Photoshop中创建矢量图形时,您不受基本形状的限制。它们可以很快地被修改。

首先,选择形状。这将突出显示形状,并显示沿其路径的锚点。这些是形状具有角或曲线的点。

从工具栏中选择“直接选择工具”(单击并按住“路径选择工具”图标以找到它,或按Shift + A )。现在单击锚点之一,然后将其向任意方向拖动以使形状变形。

若要进行更高级的编辑,请同时移动两个或多个锚点。

单击一个以突出显示它,然后按住Shift并单击另一个。现在,使用键盘上的光标键同时移动两个点。

合并和合并矢量形状

对于更复杂的形状,可以使用路径操作。这使您可以将多个形状组合成一个新的形状。

首先在画布上绘制形状。接下来,单击屏幕顶部选项栏中的“路径操作”按钮。通常,每个新路径或形状都会进入其自己的层。通过单击“合并形状”来更改它。

现在绘制另一个形状。这将与第一个形状在同一层上。

需要单独移动对象时,请使用“路径选择工具”

拖动第二个形状,使其与第一个重叠。尽管它们保留为单独的对象,但两者合并为一个形状。单击“路径操作”中的“合并形状组件以将它们组合为单个对象。

使用路径选择工具选择绘制的第二个形状。现在,在“路径操作”中选择“减去前形状” 。形状以及与第一个形状重叠的区域都会被删除。

突出显示两个形状。在“路径操作”中,选择“相交形状区域” 。除了它们重叠的区域之外,这将删除这两个形状。我们正在使用此选项创建一个半圆。

最后,突出显示两个形状并选择排除重叠形状。这将删除两个形状重叠的区域,并使其他所有内容保持不变。

这些工具是建立新形状或从现有形状中分割或切割零件的有效方法。它们也可以与钢笔工具文本一起使用

绘制矢量线

还有另外两个与形状相关的工具需要了解。首先是线工具

选择工具,然后在选项栏中设置“高度”。这将设置线的粗细。然后单击并拖动文档以绘制它。按住Shift键可将线捕捉到零或90度。

该工具确实具有一些隐藏功能,但是在大多数情况下,您将使用它绘制一条直线。

绘制自定义矢量形状

最后,使用“自定义形状工具” 。设置填充和描边颜色,然后在选项栏中单击“形状”选项。在这里,您可以选择Photoshop提供的无数种预设自定义形状之一。

要添加超出初始选择范围的其他形状,请单击“设置”齿轮,然后选择要添加的类别。有各种用途的形状-图标,气泡,箭头,纹理等。您还可以加载第三方形状。

单击并拖动以将形状添加到图像。您也可以单击画布以指定确切的宽度和高度。

使用钢笔工具绘制矢量

如果您有使用Illustrator的经验,就会知道您使用Paintbrush Tool进行徒手绘制。 Photoshop的画笔工具可以完成类似的工作。但是在Photoshop中,该工具不是基于矢量的,因此您不应将其用于绘图。您应该改用钢笔工具

笔工具是Photoshop中最强大的功能之一。在Photoshop中进行照片编辑时,会经常使用它,因为它使您可以创建非常精确的选择。这对于绘画和矢量艺术也很棒。

笔工具入门

笔工具通过在您单击画布时在您创建的锚点之间绘制路径来工作。在路径上添加笔触,您可以绘制轮廓;添加一个填充,您可以绘制一个固体对象。

这是入门的快速入门:

  1. 选择钢笔工具(P) 。单击图像画布以放置锚点。
  2. 将光标移动几英寸,然后再次单击以放置另一个锚点。将创建一条路径来连接两者。将笔划设置为5px(黑色),以帮助您更好地查看它。
  3. 再单击几次以开发路径。单击并拖动以创建弯曲的路径。这还将把车把添加到锚点。拖动它们以控制曲线的角度和深度。
  4. 单击Enter创建一个开放路径(一条线),或单击第一个锚点创建一个封闭路径(一个形状)。

使“钢笔工具”如此有用的原因在于,您可以随时返回并编辑形状:

  • 获取直接选择工具(A) 。选择路径上的锚点并将其拖动到新位置。将此工具与锚点的车把一起使用,也可以编辑曲线。
  • 单击并按住钢笔工具,选择“添加锚点工具”。单击路径上的某个位置以手动添加新的锚点,然后将其拖动到位。这使您可以微调形状。

三笔工具

Photoshop提供三种不同的绘图笔:

  • 钢笔工具是默认的也是最灵活的选项。对于初学者,我们建议主要使用它来绘制直线。随着您变得更高级,您可能会发现自己将其用于所有内容。
  • 与笔刷工具类似,自由笔工具可让您徒手绘制。它仍然会创建一条路径,您可以稍后对其进行调整和编辑。锚点在绘制时自动生成。如果使用绘图板,这是一个很好的工具。
  • 弯曲笔工具使您可以轻松绘制曲线,而无需像使用主笔工具那样使用车把。

在Photoshop中将图像跟踪为矢量

学习了如何使用不同的钢笔工具后,就可以使用它们来跟踪图像。这是将扫描的草图或照片中的对象转换为矢量图像的方式。

在Photoshop中打开图像并放大。现在,选择“钢笔工具” ,并将第一个锚点放置在要跟踪的对象的边框上。您的新图形将自动进入其自己的图层。继续单击边缘以创建路径。

如果要跟踪的对象是纯色背景,请尝试在选项栏中激活“磁性”选项的“自由笔”工具。这会将您的路径捕捉到对象的边缘。

在Photoshop中使用矢量文本

在Photoshop中使用文字是不言自明的。选择水平文本工具(T) ,在图像画布上单击以创建一个文本框,然后键入。您可以调整字体,大小,粗细以及其他所有内容,就像在其他任何应用程序中一样。

对于普通文本,请设置填充颜色,但不要设置描边。仅将笔触应用于样式繁重的文本。

完成后,您可以将文本转换为矢量对象。选择文本,然后转到“类型”>“转换为形状” 。这使您可以访问每个角色上的定位点,因此可以单独进行调整。这对于更改单个字母的颜色或调整字体外观非常有用。

转换后,文本将不再可编辑。最好复制一下,然后隐藏原始文本层,以防万一您需要备份。

管理向量对象

为了创建您的艺术品,您需要将所有这些对象放置在正确的位置并以正确的尺寸放置。这样做的方法如下:

  • 通过使用路径选择工具(A)选择对象并将其拖动到适当位置来移动对象
  • 通过使用路径选择工具选择对象调整对象大小,然后在Windows上按Ctrl + T ,在Mac上Cmd +T 。这将在对象周围显示一个框。沿边缘抓住车把,并向内或向外拖动以调整大小。按住Shift键可保持原始的宽高比。
  • 通过将鼠标恰好位于车把之一的外侧来旋转对象,直到光标变成旋转图标。现在单击并拖动。
  • 通过单击一个层并将其拖动到另一层之上或之下来对对象重新排序
  • 通过使用“移动工具(V)” (或按住Shift键并单击多个图层)选择所有对象,然后使用选项栏中的对齐控件来对齐对象。

Photoshop中的矢量图形:放在一起

现在您知道如何使用所有工具,可以将它们组合在一起以创建自己的矢量艺术作品:

尽管Photoshop并不是专业图形设计的Illustrator的真正替代品,但它却功能强大。对于要在其他文档中使用的徽标,图标和小图像等简单内容,这已经足够了。