在设计师设计完设计稿后 ， 需要将部分按钮等形状切图给前端才能进行开发 ， 下面教你使用最方便的切图插件cutterman ， 让你轻松切图 。 工具/材料 PS
cutterman插件 01 要想使用插件还是要先进行下载安装 ， 打开搜狗搜索 ， 输入“cutterman”进行搜索 。
文章插图
02 在搜索结果中 ， 点击“cutterman-为设计更专注”进入 ， 这个是插件的官网 ， 要认准哦 。
文章插图
03 进入官网后 ， 根据使用的软件选择插件版本进行下载 ， 分为PS和sketch版本 ， 注意查看 。
文章插图
04 安装完成后打开电脑中的PS进入 ， 在菜单中即可查看到插件 ， 点击即可打开 。
文章插图
05 接下来说说如何使用 ， 我们先直接打开一个psd文件 ， 在图层中即可看到全部图层 。
文章插图
06 然后点击需要进行切图的图层 ， ctrl+左键点击图层可出现选区 ， 确定切图的范围 。
文章插图
07 接下来点击“cutterman”插件 ， 先要选择储存路径 ， 点击弹框中的“文件夹”
文章插图
08 【最方便的切图插件】在弹框中选择需要导出的位置 ， 然后点击“打开”即可确认 。
文章插图
09 确认后我们即可开始导出图层 ， 但是需要先选择规格哦 ， 比如ios、Android、或者web ， 点选后会弹框出现倍数尺寸 ， 点选确定后 ， 点击“导出选中图层”
文章插图
10 成功导出后 ， 我们即可在储存路径中找到一个规格文件夹 ， 点击进入后即可查看切出来的图层 ， 如下图ios文件夹 。
文章插图
以上内容就是最方便的切图插件的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- excel中使用median函数的方法！
- 芍药怎么修剪？芍药开花和开花前后的修剪技巧
- AE局部调色教程
- 教你去除图片中刮痕的技巧
- 白蝴蝶的养殖方法和注意事项
- 百日草什么时候开花
- Excel下拉公式不变怎么办
- 如何查看自己的笔记本电脑有无无线网卡？
- 想学插画吗？2.5D简单插画教程
- 如何调整WORD表格中多行文字的间距？