Photoshop 图层转换为 SVG 路径

平面设计 adobe-photoshop adobe-illustrator 向量 层数 svg
2022-02-02 05:50:22

我有一组 Photoshop 文件,其中包含一个基本图像和一系列带有彩色叠加层的图层。叠加层使用图层名称进行标记。

我的任务是将这些叠加层作为SVG路径,以某种方式保留标签。(如果我也可以保留填充颜色,那会很酷,但如果需要,我们可以定义任意填充颜色。)

到目前为止,我们已经尝试将图层导出为 Illustrator 路径,然后SVG从 Illustrator 导出。这为我们提供了合理的 SVG 路径,但是 (a) 我们丢失了标签,并且 (b) 如果一个图层在其叠加层中有多个离散部分,则它被分成多个路径。

有没有办法在保留标签的同时将这些图层放入 SVG?Export > Illustrator > SVG 还是我们应该逐层地做我们的路线?

如果这很重要,我们正在使用 CS5。

回答者的预计到达时间:我们早就完成了这个项目并交付了工作,所以我不能接受答案,但请随时为其他人提供您的潜在解决方案。

4个回答

我编写了一个免费的 PS 脚本,可以让您自动执行此操作。只需在末尾使用“.svg”命名您要导出的 PS 图层,它们将被转换为 SVG,保留颜色。文件名也将是图层的名称。http://hackingui.com/design/export-photoshop-layer-to-svg/

该脚本适用于 CS5、CS6 和 CC 披露:此链接到我的网站

这些是供应商提供的吗?如果是这样,也许现在不可行,但为了将来参考,我会让他们以一种使转换更加实用的格式提供按钮。Adobe Illustrator 会更好,或者 Inkscape 会更完美(考虑到它的原生格式是 SVG)。

最终我们使用的(乏味的)路径是:

  • Photoshop 有一个“导出图层”命令。(我认为这是一个脚本。)这会为文档中的每一层生成一个文件。
  • 然后我们在 Illustrator 中打开文件,选择路径,并将其导出为 SVG。

这是痛苦和工作密集型的,但似乎是唯一的出路。

在类似的情况下(尝试从 Photoshop 将矢量智能对象导出为 SVG),对我有用的是:

  • 双击智能对象图层以在 Illustrator 中打开
  • 在 Illustrator 中,全选( Ctrl-A),然后右键单击选择并“导出选择...

如果我尝试直接从 Photoshop 导出它们,我总是会在 SVG 中嵌入 PNG 图像数据,但上述步骤允许我生成带有路径的正确矢量图像。