最方便的切图插件-cutterman使用方法

在设计师设计完设计稿后 , 需要将部分按钮等形状切图给前端才能进行开发 , 下面教你使用最方便的切图插件cutterman , 让你轻松切图 。
工具/材料

【最方便的切图插件-cutterman使用方法】

PS
cutterman插件要想使用插件还是要先进行下载安装 , 打开搜狗搜索 , 输入“cutterman”进行搜索 。
最方便的切图插件-cutterman使用方法

在搜索结果中 , 点击“cutterman-为设计更专注”进入 , 这个是插件的官网 , 要认准哦 。
最方便的切图插件-cutterman使用方法

进入官网后 , 根据使用的软件选择插件版本进行下载 , 分为PS和sketch版本 , 注意查看 。
最方便的切图插件-cutterman使用方法

安装完成后打开电脑中的PS进入 , 在菜单中即可查看到插件 , 点击即可打开 。
最方便的切图插件-cutterman使用方法

接下来说说如何使用 , 我们先直接打开一个psd文件 , 在图层中即可看到全部图层 。
最方便的切图插件-cutterman使用方法

然后点击需要进行切图的图层 , ctrl+左键点击图层可出现选区 , 确定切图的范围 。
最方便的切图插件-cutterman使用方法

接下来点击“cutterman”插件 , 先要选择储存路径 , 点击弹框中的“文件夹”
最方便的切图插件-cutterman使用方法

在弹框中选择需要导出的位置 , 然后点击“打开”即可确认 。
最方便的切图插件-cutterman使用方法

确认后我们即可开始导出图层 , 但是需要先选择规格哦 , 比如ios、Android、或者web , 点选后会弹框出现倍数尺寸 , 点选确定后 , 点击“导出选中图层”
最方便的切图插件-cutterman使用方法

成功导出后 , 我们即可在储存路径中找到一个规格文件夹 , 点击进入后即可查看切出来的图层 , 如下图ios文件夹 。
最方便的切图插件-cutterman使用方法