王尘宇

如何把psd里面的路径转成svg

在左侧的工具栏上选“路径选择工具”（黑色小箭头）在绘图区选择要复制的路径，如是工作路径先到路径面版里选择工作路径层，再用路径选择工具”在绘图区上选择要复制的路径，可配合shift键多选，选好后ctrl+C快捷键复制，回到新PSD的文档中ctrl+V快捷键粘贴就可以了。

Svg的时代，设计师必备，如何快速从PS导出SVG

对于SVG文件的输出，比较常规的做法是在PS里做完之后导出到AI，之后生成SVG，经常需要将文件在PSD-AI-SVG中来回折腾，相当麻烦；后来出了一款比较简单的脚本，叫作“save-ps-to-svg1.0.jsx”，可以在修改文件名之后将SVG文件右击直接快速导出，有兴趣的朋友可以试一试， 传送门 。但是其实在PS更新之后，我们就已经有了更快更方便的方法： 就是这么简单粗暴，一步到位。

最后，SVG已经逐渐成为热门，微信也已经在移动端花大力气使用并优化了SVG，再不学点关于SVG的知识，你就跟不上设计师的潮流啦。

欢迎讨论设计问题，互相伤害。

怎么转换图片格式为SVG

图片转换成svg格式步骤如下：1、安装 inkscapesudo apt-get install inkscape2、安装 python-lxmlsudo apt-get install python-lxml3、使用 inkscape 打开png图像4、点中图像，选择命令 效果->图像->嵌入所有图像5、保存成svg格式。

怎么把ps里的图片转换成矢量图？

Photoshop的长处是位图像处理，不过也完全可以将位图转成矢量图。将位图转成矢量图简单方法的具体操作步骤。

第1步：用选区转路径的方式简单将位图处理为矢量图。

1、在Photoshop中打开一张图片，如图1。 2、在图像菜单下的模式中选择索引颜色，弹出索引颜色的设置对话框。下面设置参数，调板选择局部（自适应），颜色为3，强制选择黑白，其他参数都是默认值（图2）。 3、确定设置后，得到的图片颜色为黑白色了（图3）。

4、在工具箱中用吸管工具吸取图像上白色的颜色（图4），这个步骤很重要，不然后面处理色彩范围时得不到所要的效果。 5、下面在选择菜单下选择色彩范围选项弹出色彩范围对话框，然后选定取样颜色，设定颜色容差的值为51，确定（图5）。 6、现在看到图像上空白的位置已经被选中了（图6）。

7、我们所需要的是图像的轮廓部分，而不是像去掉白色，按住键盘Ctrl+Shift+I反选，把轮廓部分选中（图7）。 8、找到路径面板，选中将选区添加为路径的按钮，增加一个新的路径（图8）。 9、最后我们复制路径，新建一个文件，粘贴路径得到可编辑的矢量图（图9）。

第2步：编辑调整得到的初步路径 1、现在我们可以在转换后的矢量图上编辑了，在工具箱中选择节点工具，查看图形上的所有节点（图10）。 2、这样使用调节节点的增加节点、删除节点、转换节点等等工具可以修改图像的外观（图11）。 3、把轮廓稍作修改后，准备给它添加颜色了。

用转换节点工具选中一个位置，然后点击路径面板上的载入所选的节点按钮，此时所选节点的那个区域全部被选中（图12）。 4、下面在调色板中选中一个颜色，使用油漆桶工具添加所选区域的颜色。按照这个步骤，我们可以随便在图像上添加自己喜欢的颜色，重新打造它了，最后的结果如图13。

如何在ps里把一段不闭合的有描边的钢笔形状或路径转化为一个矢量的形状，做线路图形状很复杂

PS

svg有什么好处,设计师为什么要将在Photoshop里做好的图片转换为svg,直接用png不好吗?

SVG是矢量图形文件，可以随意改变大小，而不影响图标质量。 可以用CSS样式来自由定义图标颜色，比如颜色/尺寸等效果。

所有的SVG可以全部在一个文件中，节省HTTP请求 。

使用SMIL、CSS或者是javascript可以制作充满灵性的交互动画效果。 由于SVG也是一种XML节点的文件，所以可以使用gzip的方式把文件压缩到很小。