前情概要，最近比较懒，上次听有人直接画对应的svg给界面上用，当前项目中有一个雪碧图，最近又要适应各种尺寸，所以我这边想尝试可以直接换成svg，然后做字体图标让界面上使用。

1 各种尝试和犯傻

今天下午尝试在ps中制作svg图标，然后上传到icomoon中制作相关子图文件，首先发现这边在ps中没有导出为svg选项，我在保存文件格式那里看了很久，然后用了某度，下载了插件 save-ps-to-svg1.0，安放路径是ps安装路径下的Presets\Scripts中，某度的那个攻略贴中是安装成功之后，可以在想要导出的图层上右键，就可以直接导出svg文件，当然也并没有成功啊，不知道是什么原因导致。

2 发现尝试方向错了

我发现这边导出是支持导出为svg格式的，日常犯傻的我，之前竟然没有看到，这边我测试了一个图层，写了两个字，插播一句，这边如果选择文件\生成\图片资源，这边会根据你的图层命名自动生成相关文件的，我就上传到icomoon,界面上面倒是显示上传成功，可是，显示的图标是空的，我又尝试画了一个路径，这边上传上来之后，有正确显示图标，我以为是第一次是什么莫名的bug，又用现有图片切了一下，上传上去还是不行。

3 比较繁琐的成功逻辑

用了某度，告诉我需要将图层转成矢量图再存成svg才行，我这边突然发现不知道怎么将图层转化为矢量形状，这边将现有图层进行选中之后，转化为路径这个我知道，但是之后怎么转成自定义形状，我忘记了，用了某度进行搜索，这边ps工具箱的自定义形状的上一个，是一个箭头形状，这边是路径选择器，选择相关路径之后，在画布该图层上面右键，就有了定义自定形状，需要输入对应名称，存储之后，就可以在自定义形状中找到，在使用这个自定义形状的图层导出为svg，上传到icomoon上，就可以正常显示了下载对应的字体文件，就可以使用这些字体图标了。

总结 利用快速选择图层—–>然后将该选区，转化为路径—–>用路径选择器选择路径—–>存储为自定义形状—–>用自定义形状画出的图层导出为svg之后—–>上传就成了。

4 后续发现

这边我发现只要设置文件\导出\导出首选项,设置默认的导出文件格式是svg，这边在图层上右键就会有快速导出为svg了,日常觉得我查了那么多插件真的是犯傻，毕竟都是ps2016，怎么可能没有导出为svg功能，今天虽然生成字体文件成功了，但是这边操作步骤还是很繁琐，希望之后，有插件，可以直接将非形状图层导出为svg，并且上传到icomoon中可以正常显示，那就好了。