Photoshop自定义形状到SVG路径字符串

有没有什么办法让SVG路径字符串脱离Photoshop自定义形状或路径？还是有另一种方法来获取/构建类似的数据？我希望做一些类似这样：Photoshop自定义形状到SVG路径字符串

http://raphaeljs.com/icons/

来源

2011-03-24 Will Haynes

更新：在最近版本的Photoshop，有一个内置选项将图像导出为SVG，这在路径和自定义形状上运行良好。只需要：

文件 - >导出 - >导出为...并在文件设置中选择SVG。

原来的答案：

从Photoshop CC 14.2开始，你可以直接从Photoshop创建SVG文件：

创建一个与用户主文件夹下的内容命名generator.json文件。
重新启动Photoshop并打开您的PSD文件。
激活生成器：File> Generate> Image Assets。
将您的图层重命名为<something>.svg。
svg文件将在PSD文件旁边的资产目录中创建。

发电机的内容。JSON：

{ 
    "generator-assets": { 
     "svg-enabled": true 
    } 
}

来源：http://creativedroplets.com/generate-svg-with-photoshop-cc-beta/

来源

2014-04-28 09:24:48 Tzach

这个答案应该被选为正确答案。不需要外部工具。很棒。谢谢@Tzach！ – 2015-07-22 05:11:27

将此更新为选定的答案。谢谢！ – 2016-01-19 18:15:28

不错的工作。感谢您保持最新状态并更改已接受的答案。 – Phrogz 2016-01-19 18:25:49

选择并在Photoshop拷贝的路径
启动Adobe Illustrator中
创建一个新文档
粘贴
保存如SVG

如果你有ve Illustrator并没有创建所有路径，但是，直接在Illustrator中创建它们可能更容易。

如果您没有Illustrator，则最好使用免费的Inkscape SVG编辑器绘制路径。

如果你已经有Photoshop中的路径，并且没有Illustrator，我能想到的最好的方法是打开Photoshop中的Info调色板，一次选择一个路径点并手动记录指向它本身以及它的手柄，并从这些手动创建路径使用absolute curveto commands, 'C'（对于带柄的点）和absolute lineto commands, 'L'对于那些没有手柄的点。

来源

2011-03-24 13:05:58 Phrogz

谢谢！我目前没有加载Illustrator，但我可能有权访问它。保存为SVG后，它会给我速记字符串命令？ – 2011-03-25 11:02:54

@WillHaynes是的，Illustrator保存了有效的SVG，对于路径将使用简写'curveto'和'lineto'命令创建一个带'd'属性的''元素。 – Phrogz 2011-03-25 17:55:08

我讨厌这样做，所以我创建了一个PS脚本，它会自动将你的图层导出为SVG（假设你已经安装了病毒）。 http://hackingui.com/design/export-photoshop-layer-to-svg/ – DMTintner 2013-12-16 00:05:34

另一种选择是将文件保存为EPS在Photoshop并确保有出口向量检查，然后加载到这一点插画并保存为SVG

来源

2013-01-28 07:55:00 donatJ

这对我有效，谢谢！具体来说，对于我正在处理的内容，我可以使用矢量图层，右键单击 - >转换为智能对象，右键单击 - >编辑内容，然后在新的Photoshop文档选项卡中打开，然后单击另存为.. 。到EPS。 – 2013-06-13 19:51:17

所有答案是好的，但对我来说，他们是太多了，有一个由Adobe提供了一个在线工具：

http://adobe.com/go/extract_tryitnow_en

所有你必须要做的是上传/拖动& drop/your.psd文件，选择路径图层并下载为svg。您可以提取svg路径，特别是d属性。