之前写过一篇《拯救切图仔之 PS 新功能》,这篇文章只是补充,用来导出 SVG 格式图片,以下仅针对 Windows 系统。
在 C:\Users\YourUserName
目录下新建一个 generator.json
文件,并填入以下内容。
{ "generator-assets": { "svg-enabled": true, "webp-enabled": true //仅针对 Mac 系统 } }
操作完以上步骤后就可以按之前的那篇文章来命名图层或图层组,然后保存时即可在PSD相同目录下生成对应的图片。
注:以上仅对 Photoshop CC 有效,且要导成 SVG 的图层或图层组里面应该是由 PS 路径创建的图形才能导出。
如果是 Photoshop CS 6/5,可以使用脚本实现,但同时需要装有 Adobe Illustrator。
脚本下载地址:点击下载
如何使用:
1.下载脚本
2.将脚本放到Adobe Photoshop/presets/scripts
目录
3.点击编辑->键盘快捷键->文件->脚本->PS to SVG
,然后设置自己喜欢的快捷键
4.然后给PSD中的矢量图层命名,例如:logo.svg
5.然后按下第三步中设置的快捷键或在菜单中点击文件->脚本->PS to SVG
(如果你事先打开AI会使SVG生成的更快)
已知问题:
1.不适用于 Photoshop CC,因为已经有上面介绍的内置功能
2.该脚本同时也会创建 AI 文件,当然,如果不需要可以手动删除它们
3.该脚本只适用于矢量图层,且不适用图层组