做有态度的前端团队

网易FEG前端团队

CUTTERMAN 一款神奇的切图工具

CUTTERMAN是一款运行在photoshop中的插件,能够自动将你需要的图层进行输出,以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。它支持各种各样的图片尺寸、格式、形态输出,方便你在pc、ios、Android等端上使用。它不需要你记住一堆的语法、规则,纯点击操作,方便、快捷,易于上手。

cutterman界面及介绍

454d3e88-95d9-4d7c-bf82-3838d900cdbe.png

该界面是PC端切图,图片可以选择PNG、JPEG和GIF格式,PNG格式可以选择png24或者png8的,JPEG格式图片品质可以自己定义,默认60%,GIF格式品质分为32/64/128/256。
更重要的一点,多个图层选中之后勾选“合并导出选中图层“既可以切出多个图层的合并之后的图。

cutterman安装教程

此插件支持cc及以上版本, 不支持CS6版本 请还在使用CS6版本的童鞋, 升级PS到最新的版本。

  1. 打开PS,菜单 文件->脚本->浏览
  2. 选择当前文件夹下的Install.jsx文件,接着会打开一个文件夹
  3. 删除该文件夹下的cutterman目录(如果有)
  4. 复制安装包的cutterman目录到该打开的文件夹
  5. 重启PS

cutterman使用教程

点我查看使用教程

温馨提示

1:安装完成后,从PS软件窗口-->扩展功能中打开cutterman面板。
2:cutterman面板打开后需要登录,随便注册一个保存密码就可以开始使用了。
3: 开始切图前一定要将“保存目录“选择到你存放切图的位置。
4:选中你要切图的图层,将图层命名为你要的名称,不用加格式后缀,只要名称即可!
311bd2a0-eb47-4728-ba2f-abe5506b6ae1.png

魔法按钮轻轻一点!!!
Duang~~~
你想要的切图就在你的文件夹下面呆着了!

手机阅读请扫描下方二维码: