PhototshopCS6——Cut&Slice me切图插件教程

来源:互联网 发布:java parseint 编辑:程序博客网 时间:2024/05/18 02:07

插件官方网站:http://www.cutandslice.me/

最近发现Photoshop CS5的古董级自带切图功能已经不能满足现代网页切图制作的标准了,已经成为效率提升的瓶颈了,所以开始寻找新的替代品。

因为不能用PhotoshopCC版本的用户可以选择CS6版本,以及支持该版本的切图插件——Cut&Slice me插件。


安装:

在官网上下载CutAndSliceMe.zxp文件,将文件名改为.zip后缀,将该文件解压到photoshop cs6的安装目录下的\Plug-ins\Panels目录下(需新建一个CutAndSliceMe命名的文件夹)。


使用:

安装完后重启photoshop cs6在菜单栏 > 窗口 > 扩展功能 > CutAndSliceMe 点击启动插件。

主界面上排有3个横向按钮,依次是手机、安卓、PC端的图像导出选项,具体特性见官网。


下面有一列3个选项的导出选项:

Cut All assets

全局遍历,导出所有图层组命名中最后带@符号的图层组为一个PNG图片。

(提示:如果希望要导出多个图层,建议给每个图层套一个命名最后带@符号图层编组)


Cut Subgroups

局部遍历,导出选定图层组下,加了@后缀命名的图层为一个PNG图片。


Cut Selected

导出选定图层为PNG格式,且只能单选一个图层。


导出的文件会存放在桌面上生成的文件夹中。

如果想要你的图层分组成为一个自定义的尺寸, 新建一个自定义的矩形矢量图层作为第一层放在该分组的第一层上然后命名#,切片就会按照之前自定义的矩形大小导出。


本人亲测,写博。


0 0