什么是矢量艺术？

如果您不熟悉网站或图形设计，您可能不熟悉矢量文件。 矢量文件构成了您在网上和印刷中看到的大部分艺术品，但它们必须在专门的程序中费力地创建。 由于我们大多数人只查看它们，因此创建和编辑它们一直是专业平面设计师的工作。

但是载体变得越来越普遍。 如果您尝试为您的网站提供自定义外观，它们也非常有用。 下面来看看什么是矢量艺术，以及如何在 Photoshop 中制作矢量艺术。

什么是矢量艺术？

随着越来越多的人潜心制作自己的网站和图形，矢量图形曾经是图形设计专业人士的领域。

虽然最终用户可能无法察觉，但矢量文件是应用程序和 Web 开发的重要组成部分。 这些文件可帮助网站更快地加载，无论您将它们放在哪里，都可以让您的图形看起来清晰而专业。 从 T 恤设计到广告牌，矢量文件用于图形中的所有内容。 这是一篇关于平面设计的详细文章，它的各种类型和软件工具，供有抱负的平面设计师使用。

矢量艺术定义

用最简单的话来说，制作矢量图形的文件是由数学而不是像素组成的。 一张标准的光栅照片是一张位图——如果你愿意的话，一张“位图”。 但是矢量文件是由线条、形状和设计元素应出现的坐标组成的。

矢量图形可以像线条图一样简单，也可以是由数千个独立元素组成的复杂的多层艺术品。

光栅与矢量图形

在计算机图形的世界里，有两种类型——光栅和矢量。 大多数人都熟悉光栅图形。 其中包括 JPG 和 PNG - 我们的数码相机捕获的图像文件类型。

同样，每个人都可能熟悉放大或放大光栅图像时会发生什么。 图像变得像素化。 放大后，您可以看到每个像素，因为图像模糊为其组成部分。 这就是为什么您不能无限放大数码照片的原因——它仅由这么多像素组成。 您可以放大这些像素，但随着每个像素填满更多屏幕，您的图像质量会下降。

了解矢量图形

矢量图形文件通过使用计算机编程而不是像素构建图像来解决此问题。 想象一个黑色水平线的计算机文件。 光栅文件并排显示一组全黑像素。 矢量文件告诉计算机显示从 A 点到 B 点绘制的三点宽的黑线。 并排显示，当以 100% 显示时，这两个图像看起来相同。 但是放大，当矢量文件继续显示干净的线条时，光栅图像会像素化。

矢量艺术的经典示例是您在发布程序中发现的典型剪贴画。 这些简单的线条艺术图形可以插入任何出版物或网站，通常是矢量格式。

当您聘请专业的平面设计艺术家制作公司标志、衬衫设计或海报时，您将收到一个矢量文件作为回报。 这样，无论您对文件做什么，您都将始终拥有最优质的图形。

但是矢量艺术不仅仅是简单的线条艺术。 它可以包括颜色、图案和渐变。 艺术家可以使用矢量程序来创作精美的杰作——任何可以想象的复杂艺术品。 优秀的矢量艺术家可以使用这些工具制作看起来几乎像照片的矢量图像。

矢量艺术在设计中的重要性

在更大的范围内，这对计算机文件有重大影响。 低分辨率光栅文件在最先进的 5K 显示器上可能看起来很糟糕，而矢量文件将尽可能清晰。 如果你想缩小你的作品以适应名片怎么办？ 印刷厂可以获取您的矢量文件并根据需要对其进行缩放。 同样，它可以被炸毁并张贴在广告牌上。

什么是矢量文件？

光栅文件与矢量文件的最大区别可能是复杂性。 我们大多数人都处理过光栅文件。 如果您曾经用 Microsoft Paint 之类的程序涂鸦过，那么您就知道如何制作了。 Photoshop 中的大多数工具都是光栅工具。

但是制作矢量文件更复杂。 您可以徒手画线，但最好的结果来自使用钢笔工具在页面上绘制完美平滑的路径。 您可以控制每条曲线的平滑度或锐度以及每个笔划的粗细和颜色。

Photoshop 和其他光栅图形程序处理矢量文件的能力可能有限。 尤其是 Photoshop，有一些矢量工具可供入门，但它远非功能齐全的矢量程序。

更好的策略是使用专门用于处理矢量文件的程序。 行业标准是 Adob​​e Illustrator。 但是，当然，还有很多选择。

就像光栅世界有 JPG、GIF 和 PNG 一样，矢量世界也有一些标准文件类型适用于所有矢量程序平台。 最常见的是 EPS 文件（封装 PostScript）和可缩放矢量图形 (SVG) 文件。

EPS 文件是一种较旧的格式，具有打印店的高分辨率细节。 它们是一种输出格式，不可编辑。 换句话说，您以您的程序格式（Adobe Illustrator 的.AI）创建文件，然后将其保存在 EPS 中以发送到打印店。 Mac 电脑可以打开 EPS 以在预览中查看。 但是，Windows 机器将需要一个单独的应用程序。

SVG 文件更适合用于网站设计的小文件包。 SVG 用于二维图形，如图表、插图和信息图表。 与 EPS 不同，它像 JPG 照片一样对网络友好。 因此，任何 Web 浏览器都会显示 SVG 文件。

矢量文件的优缺点

那么什么时候应该使用矢量艺术，什么时候应该选择可信赖的旧 jpeg？ 下面来看看矢量图形的优缺点。

矢量优势

• 可扩展——您可以在不改变产品质量的情况下制作任意大小的矢量文件
  
• 精确——您可以以剃刀般的精确度制作线条、曲线和形状
  
• 用于 Web 的更小的文件使网站加载速度更快
  
• 动画很容易从矢量文件制作，并且比光栅等效文件更小、更简单
  
• 使用正确的程序和专业知识易于编辑 - 您可以快速轻松地更改一种颜色或形状，而不会影响布局中的其他元素
  
• 如果需要，可以轻松转换为光栅图像
  

矢量缺点

• 需要专门的技能和时间来编辑和创建——大多数人不知道如何使用矢量文件
  
• 编辑它们的软件应用程序数量有限
  
• 复杂事物的细节较少，例如照片中的自然阴影
  
• 难以从光栅图像中制作——通常需要数小时才能手工重绘
  

创建矢量的最佳矢量图形软件应用程序

实际上有几十个软件程序用于构建和编辑矢量文件。 这里只是一些最常见的。

Adobe 插画家

正如 Photoshop 在专业光栅图像领域占据主导地位一样，Illustrator 也是专业平面设计师的首选。 该程序已经存在多年，类似于 Photoshop。 它同样复杂，同样功能齐全，同样昂贵。 Illustrator 是 Adob​​e Creative Suite/Cloud 软件系列的一部分。

亲和设计师

自从 Adob​​e 推出其每月订阅价格以来，几家公司已经提供了全功能的图形软件程序来竞争。 Serif Europe 制造的 Affinity Designer 具有 Illustrator 90% 或更多的功能，但需要一次性软件许可，而不是按月付费。 它可以处理 PDF 或 Photoshop 文件，以及 Illustrator AI 文件。

墨景

Inkscape 是一个免费的开源矢量程序，它使用 SVG 作为其原生格式。 它还可以处理许多其他格式，包括 Illustrator 和 CorelDRAW 文件。 虽然它没有 Illustrator 或 Designer 那么多的功能，但它有很多可以创建漂亮的矢量图。 Inkscape 通常与 GIMP 相比较，GIMP 是一种类似的光栅图像开源解决方案。

CorelDRAW

Corel 在图形软件中是一个老名字，但它仍然是标志制作和时装设计的旗手。 它有超过 50 个过滤器用于导入和导出文件处理。 但是，与其他矢量程序相比，它非常有限。 Corel Designer 是该公司的专用矢量处理程序，在工程设计领域受到青睐。 其功能现已整合到 CorelDRAW Technical Suite 中。

草图

Sketch 仅适用于 macOS。 它主要供那些制作用户界面或用户体验图形的人使用，因此它不包含任何用于印刷设计的功能。 但是，如果您是 Mac 用户，正在寻找用于网站矢量设计的应用程序，Sketch 值得一看。

请阅读我们关于 2022 年最适合设计师的 21 款平面设计软件的文章。

以下是创建独特矢量艺术品的一些重要技巧

要问自己的一件事是，什么是矢量艺术？ 你想要一个真正的矢量图，还是你所追求的只是矢量美学？ 矢量文件具有独特的风格，不同的设计师以不同的方式实现它。 但是线条和颜色几乎像漫画一样的感觉使它变得有趣且非常适合图形项目。

因此，如果您已经是 Photoshop 用户，您可能会考虑分解如何将矢量风格的艺术作品制作成易于完成的作品。 您无需一次全部学习。 有许多应用程序和过滤器可以快速轻松地将图像矢量化为具有矢量外观的艺术文件。

如何在您的网站上使用矢量艺术

SVG 矢量文件广泛用于现代网站图形。 它们用于按钮、图标和其他用户界面项目以及页面上的各种设计元素。 例如，公司徽标几乎普遍基于矢量，尽管有时将矢量文件转换为光栅 JPG 或 GIF 以供 Web 使用是很常见的。

有些网站比其他网站有更多的图形，所以很大程度上取决于您希望页面看起来像什么。 常见的网页元素包括文本块、照片和其他图形。 如果您打算做的事情属于“其他图形”类别，那么矢量图像可能是要走的路。 以光栅照片的形式做所有事情可能会加载太慢并且看起来很笨重。

如果您渴望在设计行业取得成功，那么一个成功的平面设计师作品集至关重要。 以下是 Pixpa 上一些令人惊叹的设计作品集，一定会激发您创建作品集网站。

您的在线作品集是吸引和打动潜在雇主、客户或合作者的关键。 设计作品集网站不仅需要展示您的设计。 您还需要跳出框框思考，发掘您的创意天才，找到您的表达方式，并以最好的方式展示您的作品。 我们早些时候整理了一份建立你的设计组合的指南，对于任何认真对待平面设计作为职业道路的人来说，这是一本必读的书。

确保您选择的投资组合网站构建器提供了构建专业网站所需的灵活性、功能和易用性，而无需任何编码知识。 这就是一些灵感派上用场的地方。 Pixpa 是一个网站构建器平台，深受全球创意专业人士的信赖。

如何在 Photoshop 中制作矢量艺术

矢量插图的最佳解决方案是 Illustrator 或其他矢量程序之一，如 Designer 或 Inkscape。 但是，如果您已经拥有 Photoshop，则可以使用一些工具来熟悉该过程。

矢量工作的基础是钢笔工具。 当您在屏幕上单击时，钢笔工具会在点之间绘制一条线或一条路径，因为它在矢量图形中被称为。 您单击的每个点都将成为一个节点。 您可以设置每个节点来控制路径如何通过。 例如，节点是否像三角形的尖端那样构成一个点？ 还是它使曲线的顶点？ 您可以使用节点处的手柄控件来控制曲线的精确角度。 您可以继续使用钢笔工具添加节点，直到关闭路径并制作自定义形状。

在您对想要的样子进行编程之前，该路径在图稿中不可见。 笔划在曲线上添加一条线，您可以设置其宽度。 形状工具将允许您以常用形状（如矩形、圆形或星形）放置路径。 您可以为形状设置描边，将其作为轮廓，或者用颜色、纹理或渐变填充它。 在形状上，您可以控制每个节点以任何您需要的方式对其进行调整。

使用这几个简单的矢量工具，您可以创建整个图像。 大多数矢量文件都是一层又一层的相交元素。 一旦您粗略地使用了笔和形状工具，您就可以使用该软件来开发您喜欢的任何设计。

在您继续尝试最终产品之前，了解这些基本的矢量工具是必不可少的。 它们是所有矢量程序的基础，虽然它们看起来有些不同，但它们的功能基本相同。

也可以使用 Photoshop 中的一些工具将光栅图像转换为矢量文件。 这很少会立即产生完美的结果，但它提供了一个很好的起点，您可以从中了解有关如何在 Photoshop 中制作矢量艺术的更多信息。 显然，这种策略不会让您获得最终的 SVG 矢量文件的好处，但它会让您获得艺术品的外观。

为你的未来画一条道路，并用矢量艺术品填充它

刚开始时，使用矢量文件可能会感到害怕。 但是，随着您积累使用钢笔工具、形状、笔触、填充的经验，您将很快掌握制作这些文件的基础构建块。 如果您是他们的新手，您还将对在这种精确而美丽的媒体中工作的艺术家产生欣赏。