一个关于前端、产品、设计、绘画的情侣博客

使用 Photoshop 导出 SVG 格式图片

使

之前写过一篇《拯救切图仔之 PS 新功能》,这篇文章只是补充,用来导出 SVG 格式图片,以下仅针对 Windows 系统。

C:\Users\YourUserName 目录下新建一个 generator.json 文件,并填入以下内容。

{
  "generator-assets":  {
    "svg-enabled": true,
    "webp-enabled": true //仅针对 Mac 系统
  }
}

PS导出SVG

操作完以上步骤后就可以按之前的那篇文章来命名图层或图层组,然后保存时即可在PSD相同目录下生成对应的图片。

SVG 图片

注:以上仅对 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.该脚本只适用于矢量图层,且不适用图层组

关于作者

Milly

擅长 Adobe 旗下软件,Ai、Fw、Fl、Br、Ae、Pr、Id 等的安装与卸载,精通 CSS、JavaScript、PHP 等单词的拼写。「从个性签名被模仿回忆我的十年互联网生涯」https://www.sawlove.com/ten-years-internet-life.html

添加评论

由 Milly
一个关于前端、产品、设计、绘画的情侣博客

分类

文章归档