如何在Photoshop中创建矢量图形?


14

我知道人们更喜欢使用CorelDraw或Adobe Illustrator,但是我想知道是否可以使用Adobe Photoshop制作矢量图像


有一个源自Photoshop的捷径可用于简单的矢量插图和图标。我用它来提高速度,但是如果您对笔工具和功能不满意的话,它会很有帮助。以240 dpi的分辨率在Photoshop中创建插图。纯色效果最佳。对于图标,我使用黑色。以最高质量导出为jpg。通过名为Vector Magic的应用程序运行此程序,即可为您创建矢量(比插图画家的图像轨迹更好)。您可以在应用程序中删除背景并在Illustrator中打开以进行重做。聊天机器人示例:bit.ly/2AG8HrV
Applefanboy

Answers:


24

TL; DR: Photoshop无法创建真实的矢量图像。这是一个非常普遍的误解。

认为它就像一辆汽车。-你能和丰田普锐斯一起四轮驱动吗?当然可以!它会做吉普牧马人可以做的所有事情吗?哎呀 还有一个原因,你需要使用4轮驱动车去4续流,就像有一个原因,你需要使用矢量应用程序来创建矢量文件。


无论您如何创建和保存文件,Photoshop 始终都保存矢量和栅格信息。这不同于任何真正的矢量应用程序。

无法使用Photoshop 创建矢量文件。您只能使用某些嵌入式矢量数据创建栅格文件。这意味着可能存在一个矢量正方形,并且其边缘将保持清晰锐利,但是如果该正方形具有渐变填充。该渐变填充完全栅格,并且受到某些缩放的影响。

Illustrator,Inkscape,CorelDraw,Xara,Sketch等应用程序实际上只能包含100%分辨率的独立矢量数据。使用矢量应用程序不是“人们偏爱”的问题。它需要的,如果你想在最后一个真正的矢量文件。

这并不是说Photoshop中的矢量工具总体上是劣等的,不是。是的,您可以在Photoshop中使用矢量工具进行绘制并创建矢量内容。但是为了在Photoshop中获得矢量内容的真正好处,您必须始终将Photoshop用于将来的所有更改。 Photoshop中放大或变换矢量容器时,Photoshop会对内部栅格数据进行插值以适合该变换。该插值发生在Photoshop之外。因此,在导出/保存后,您可以缩放诸如Photoshop EPS之类的图像,矢量边缘将缩放并保持清晰,因为它们是矢量,但是光栅数据的插值不会在Photoshop之外进行。因此,即使您使用矢量工具,Photoshop EPS也完全可能出现“像素破损”的情况。当您保存导出文件时,会出现此问题。所有具有矢量功能的格式-PDF,EPS,PSD-Photoshop均使用嵌入的矢量数据创建栅格文件。Photoshop中并没有创建矢量文件。这完全不同于实际的基于矢量的应用程序。

出于生产目的,如果您已经在Photoshop中以较高的ppi进行工作,则这种差异可能就不重要了。但是用户应注意,仅使用Photoshop的矢量工具并另存为EPS / PDF 并不会使用任何当前可用的Photoshop版本(CC2017是最新版本)创建矢量文件

我意识到有些用户希望Photoshop创建矢量文件,因为这意味着他们不需要学习新的应用程序即可生成新的文件格式。但是,没有办法解决。如果要使用实际的矢量文件,则必须使用实际的矢量应用程序。Photoshop过去一直是栅格应用程序,因此以“照片”为名。


您可以在Photoshop中真正绘制矢量图形。例如,我通常将向量从PS导出到Flash。因此,您可以创建真实的矢量图像。
DanielBlazquez 2014年

@Dani是的,您可以在Photoshop中使用矢量进行绘制。但是您不能从Photoshop中保存(或导出)真实的矢量文件。您检查了这些出口吗?就像导出到Illustrator一样,它们是带有栅格填充的矢量容器。那不是真正的矢量文件。在最好的你能做的就是绘制矢量在Photoshop中,然后导出路径,并使用一些其他真正的矢量应用程序中添加填充和中风。我了解人们确实希望 Photoshop创建矢量文件,但事实是Photoshop根本不愿意。
斯科特

此外,仅需使用Flash的事实便进一步证明了Photoshop不足以创建真实的矢量文件。
斯科特

您对真正的矢量文件有什么了解?
DanielBlazquez

没有栅格内容。大多数情况下,迫切希望将Photoshop用于矢量文件的用户都试图在微型库存站点上出售矢量文件。就像这些站点一样,我看不到包含一堆带有光栅图像填充的矢量容器的文件为真实矢量。使用矢量容器和栅格填充缩放文件会破坏栅格填充中的像素-不是矢量。注意:我并不是说您不能使用Photoshop创建文件。带有栅格填充的矢量容器适合大多数生产。但是它们不是真正的载体。
Scott

4

如果有人仍然想在Photoshop中创建矢量元素(例如,用于光栅图像或用于任何其他情况),请使用Chippin。

Photoshop拥有的可用于处理矢量图形的工具是“ 钢笔工具”。笔工具的基本操作包括在Photoshop画布上单击以显示点。这些点将通过线连接起来并开始创建形状。

与其他程序(如Illustrator)相比,一旦绘制了某种形式所缺少的东西,便可以对它们进行处理。Photoshop将允许您绘制,修改节点并进行组合,相交或减去它们的操作,但是它不会让您执行更复杂的操作。

Adobe论坛提供了有关如何开始使用钢笔工具非常完整的指南


3

您可以将创建的路径导出到Illustrator文件,但是基本视图是为栅格图像创建了Photoshop,为矢量图像创建了Illustrator。CorelDraw可以在一个程序中完成这两项工作,但是要取舍的是,它的性能不如Adobe,imo。


0

我认为该主题需要总结,否则读者可能会感到困惑。大多数读者不会在乎结果是“真实eps”还是“真实矢量文件”,他们只是想做点什么。但是,他们应该意识到某些技术的限制和约束。以下是答案中给出的关键概念:

  1. Photoshop是基于像素(光栅)的图像处理工具,具有某些矢量功能。它最初旨在处理和保存基于像素的图像(例如,数码照片),但现在已经发展成为一种更加灵活的工具。

  2. Illustrator是具有某些栅格化功能的基于矢量的图像处理工具。基于矢量的图像不存储像素信息,而是将图像存储为将由基于矢量的图像绘制程序解释的数据。

  3. 两种类型的图像文件都需要计算机程序来准备文件数据以进行显示或打印,但是最终打印机或计算机需要图像为像素格式。结果,基于矢量的文件需要更多处理。矢量格式和像素格式之间的主要权衡是,矢量格式可以缩放以在各种分辨率下看起来都不错。像素格式以其创建时的分辨率以外的分辨率显示时会受到影响。像素格式捕获的微小细节和图像中的细微变化比矢量格式好得多。结果,像素格式更适合照片或写实绘画,矢量格式更适合徽标和基于Web和移动的简单艺术品。

  4. 由于这两种格式具有互补的优势,因此使用两者是有意义的。在这些情况下,您可以选择同时使用Photoshop和Illustrator(或同时执行CorelDraw和两者)来创建和处理图像,或者可以使用Photoshop中的矢量工具或Illustrator中的光栅化工具。最好的方法是逐案决定的。明显的指导方针是根据所需的输出格式选择主要工具。

  5. 如果要在Photoshop中基于像素的图像上使用矢量工具,则可以使用钢笔工具或使用Photoshop Generate来完成。然后,您可以在Photoshop中或通过将矢量艺术导出到Illustrator中来获得使用矢量艺术进行开发的优势。使用Illustrator之后,如果最终打算以像素格式保存,则可以将图稿带回Photoshop。


-1

Photoshop的Generator可以保存SVG(是的,基于在Photoshop中创建的形状图层的正确的,仅矢量的SVG)。不过,您将需要使用Photoshop CC 2014.2(或2014.1)来执行此操作。

来自Adobe的帮助:https : //helpx.adobe.com/photoshop/using/generate-assets-layers.html

此Photoshop文档:

创建此SVG:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="272" height="245" viewBox="0 0 272 245">
  <defs>
    <style>
      .cls-3 {
        fill: #fc6665;
      }
    </style>
  </defs>
  <g id="vectorsvg">
    <circle id="circle-1" class="cls-3" cx="50" cy="50" r="50"/>
    <rect id="rect-1" class="cls-3" x="72" y="145" width="200" height="100"/>
  </g>
</svg>

将填充更改为渐变,然后在Illustrator中打开svg。
斯科特

这取决于您需要SVG的功能。没错,对导出SVG的支持充其量只是个粗略的例子,但是如果您只需要实体图标或路径数据,它的效果就很好。
马克·爱德华兹

如果只需要路径数据,则可以仅导出路径。
斯科特

斯科特,我认为您必须承认,在某些情况下,Photoshop实际上是可以接受的矢量设计工具。
马克·爱德华兹

马克,基本上,不,我不知道。如果您希望创建用于其他应用程序的真实矢量文件,则不会。如果您想要具有平坦填充的基本形状,那么svg可能适合您。但这是例外,而不是规则。现实情况是,您确实需要的不仅仅是一种工具。木匠不能仅用锤子建造优质房屋。而且,仅靠 Photoshop 无法构建高质量的矢量文件。一些用户迫切希望 Photoshop做所有事情,因为他们不想学习其他任何东西。这并不意味着Photoshop可以胜任所有工作。不是。
斯科特,
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.