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

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

cutterman插件

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

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

  • 09

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

  • 10

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

赞 (0)

相关推荐

  • cutterman怎么切图? cutterman切图的两种方法

    cutterman中想要切图,该怎么切图呢?下面我们就来看看详细的教程. 有些时候,我们希望输出的图按照一定位置摆放,这个时候就需要用到选区,或者遮罩来进行(如图). 方法一: 选区切图: 选中图层, ...

  • cutterman怎么自动切图

    cutterman是小鱼赶脚灰常不错的智能自动切图插件,很不错,是一款在ps上的插件.下面小编就来介绍一下cutterman怎么自动切图. 操作方法 01 首先当然是你需要安装一个cutterman插 ...

  • 开发协作-切图类别与规范

    切图标注作为连接UI设计到技术开发两者的工作模块,缺其不可.合格的.严谨的切图可以大大减少技术人员开发返工率. 一个互联网产品从构思到落地,大致分为以下环节: 发现商机 – 市场调研 –  头脑风暴 ...

  • ps之常见问题：切图报错，没有用户切片

    在ps切图中我们经常会遇到一个报错提示: 无法完成此操作,没有用户切片.遇到这种情况我们该怎么做呢,很简单,一起来学习下吧. 操作方法 01 我在使用的过程中出现这种情况通常是因为先用了ps自带的切片 ...

  • ps切片工具切出来的图怎么保存（ps中怎么切图）

    ps切片工具切出来的图怎么保存（ps中怎么切图）

    喜欢用PS软件进行前端设计的朋友有福了,今天给大家分享一款超级好用的photoshop切图工具:Cutterman.Cutterman是一款photoshop切图插件,它能够自动将你需要的图层进行输出 ...

  • 包教包会切图教程(教程插件大合集)

    相信咱们网站分享的文章大家都有阅读,但是每天分享的肯定是不同类型的, 不够具体. 那么今天给大家带来的是切图篇. 总结了之前发的切图分享 , 还有插件, 让大家能够具体的 清楚认识,设计师必须学会的一 ...

  • 解决croppic插件切图后图片不更新的问题

    操作方法 01 croppic是程序员之间比较流行的 jQuery 图片裁剪插件,但是我们在使用的过程就会发现,当我们上传一幅图片点击切图后往往发现图片并没有自动更新.那么怎样解决这个问题呢,下面就给 ...

  • Assistor ps怎么切图 ASSISTOR PS切图教程详解(附下载地址)

    ASSISTOR PS是一款Photoshop的切图外挂神器,这款外挂插件对于设计师们来说无疑是一款神器,可以帮你很轻松的完成切图操作.主要功能有标注.切图.圆角设置等,当然它参考线自定义和单位换算功 ...

  • 切图标记外挂神器ASSISTOR PS（上）

    @纪凡_Given:首先要告诉大家一个好消息,原本 $9.99 一个月 / $99.9 一年 的Assistor PS现已免费下载.对于学生用户全面免费,而其他用户在今年 6 月之后就不用再购买商业许 ...