电脑

当前位置 /首页/游戏数码/电脑/列表

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

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

cutterman插件

(01)要想使用插件还是要先进行下载安装,打开搜狗搜索,输入“cutterman”进行搜索。

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

(02)在搜索结果中,点击“cutterman-为设计更专注”进入,这个是插件的官网,要认准哦。

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

(03)进入官网后,根据使用的软件选择插件版本进行下载,分为PS和sketch版本,注意查看

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

(04)安装完成后打开电脑中的PS进入,在菜单中即可查看到插件,点击即可打开。

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

(05)接下来说说如何使用,我们先直接打开一个psd文件,在图层中即可看到全部图层。

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

(06)然后点击需要进行切图的图层,ctrl+左键点击图层可出现选区,确定切图的范围。

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

(07)接下来点击“cutterman”插件,先要选择储存路径,点击弹框中的“文件夹”

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

(08)在弹框中选择需要导出的位置,然后点击“打开”即可确认。

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

(09)确认后我们即可开始导出图层,但是需要先选择规格哦,比如ios、Android、或者web,点选后会弹框出现倍数尺寸,点选确定后,点击“导出选中图层”

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

(10)成功导出后,我们即可在储存路径中找到一个规格文件夹,点击进入后即可查看切出来的图层,如下图ios文件夹。

最方便的切图插件-cutterman使用方法 第10张
TAG标签:插件 切图 cutterman #