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

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

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

什么是矢量图像?

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

矢量图像是由数学公式生成的直线和曲线。这意味着您可以无限调整它们的大小,并且文件大小通常很小。您可以在Adobe Illustrator中将图像转换为矢量图形。

矢量非常适合图形设计工作,包括设计徽标和图标。

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

您可以为每个对象应用两种颜色。

  • A 描边是一条沿着路径的线。
  • 填充会在路径所包围的空间中添加纯色或图案。
  • 您已设置两者都在屏幕顶部的选项栏中。如果希望它们保持空白,也可以将其设置为无颜色。对于笔触,还可以设置以像素为单位的粗细和样式。默认设置为实线。

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

    绘制矢量形状和线条

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

  • 矩形工具
  • 圆角矩形工具
  • 椭圆工具
  • 多边形工具
  • 线条工具
  • 自定义形状工具
  • 您始终可以通过按键盘上的 U 来选择突出显示的工具。或者,按 Shift + U 循环浏览工具,直到找到所需的工具为止。键盘快捷键是快速浏览Photoshop的好方法。

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

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

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

    修改和编辑矢量形状

    创建时不局限于基本形状Photoshop中的矢量图形。可以快速修改它们。

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

    从工具栏中选择直接选择工具(按住路径选择工具图标找到它)。单击其中一个锚点并将其向任意方向拖动以使形状变形。

    要进行更高级的编辑,请同时移动两个或多个锚点。单击一个使其突出显示,然后 Shift +单击。现在,使用键盘上的光标键同时移动两个点。

    合并和合并矢量形状

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

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

    现在绘制另一个形状。这将与第一个形状位于同一层。当您需要单独移动对象时,请使用路径选择工具

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

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

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

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

    这些工具是构建新形状或从现有形状中分割或切割碎片的有效方法。它们还可以使用“钢笔工具"和“文字"。

    绘制矢量线

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

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

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

    绘制自定义矢量形状

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

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

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

    使用钢笔工具绘制矢量

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

    笔工具是Photoshop中最强大的功能之一。由于它使您可以创建非常精确的选择,因此将在Photoshop中的照片编辑中大量使用它。

    钢笔工具的工作原理是在您单击画布时在您创建的锚点之间绘制一条路径。在路径上添加笔触,您可以绘制轮廓;添加一个填充,您可以绘制一个固体对象。有关更多信息,请查看我们有关使用钢笔工具的完整指南。

    以下是入门的快速入门:

  • 选择钢笔工具(P)。在图像画布上单击以放置锚点。
  • 将光标移动几英寸,然后再次单击以放置另一个锚点。将创建一条路径来连接两者。将笔划设置为5px(黑色),以帮助您更好地查看它。
  • 再单击几次以开发路径。单击并拖动以创建弯曲路径。这还将把车把添加到锚点。拖动它们以控制曲线的角度和深度。
  • 单击 Enter 创建开放路径(一条线),或单击第一个锚点创建封闭路径(
  • 使“钢笔工具"如此有用的原因在于,您可以随时返回并编辑形状:

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

    笔工具是默认的,也是最灵活的选项。对于初学者,我们建议主要使用它来绘制直线。随着您变得更高级,您可能会发现自己将其用于所有内容。

    自由笔工具可让您自由绘画,类似于“画笔工具"。仍然会创建一条路径,您可以在以后进行调整和编辑。锚点在绘制时自动生成。如果您使用图形输入板,这是一个很好的工具。

    弯曲笔工具使绘制曲线变得容易,而无需像使用主笔那样使用手把。工具。

    在Photoshop中将图像跟踪为矢量

    一旦您学会了如何使用不同的笔工具,便可以使用它们来跟踪图像。这是将扫描的草图或照片中的对象转换为矢量图像的方法。

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

    如果要跟踪的对象位于纯背景下,请尝试使用 Magnetic 选项已在选项栏中激活。这会将您的路径捕捉到对象的边缘。

    在Photoshop中处理矢量文本

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

    对于普通文本,请设置填充颜色,但不要描边。

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

    转换后,文本将不再可编辑。复制并隐藏原始文本层是一个好主意,以防万一您需要备份。

    管理矢量对象

    要创建艺术品,您需要所有这些对象处于正确的位置和正确的尺寸。这样做的方法。

  • 移动对象,方法是使用路径选择工具(A)选择它们并将其拖动到位。
  • 调整对象大小,方法是使用路径选择工具选择它们,然后在Windows上按 Ctrl + T Cmd + T "。这在对象周围显示一个框。沿边缘抓住车把,并向内或向外拖动以调整大小。按住 Shift 键以保持原始宽高比。
  • 旋转对象,方法是将鼠标放在其中一个把手的外侧,直到光标变成旋转图标。现在单击并拖动。
  • 重新排序对象,方法是单击一个层并将其拖动到另一层的上方或下方。
  • 对齐对象通过移动工具(V)(或按住 Shift 并单击多个图层)将它们全部选中,然后使用选项栏中的对齐控件。
  • 现在您知道如何使用所有工具,可以将它们组合在一起以创建自己的矢量艺术作品。

    对于认真对待图形设计的任何人,Photoshop都不是Illustrator的真正替代品。但是,对于要在其他文档中使用的徽标,图标和小图像等简单事物,它们已经足够了。

    您是否将Photoshop用于矢量图形?您在Photoshop中创建矢量还有哪些其他技巧?在下面分享您的想法!

    标签: Adobe Photoshop Photoshop教程 矢量图形