[工具]-Android切图

切图小科普!聊聊原生APP切图那些事儿

安卓APP设计规范(三)1080*1920设计稿对应开发尺寸

PhotoshopCS6版本,以及支持该版本的切图插件——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格式,且只能单选一个图层。

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

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

「@」切图大法

在文件夹最后加上「@」,扩展会导出内容为 png 图片,并自动裁切透明像素。

「#」指定切图尺寸

如果要以指定的大小输出切图,你可以用矩形工具建立一个形状图层,并命名为「#」放到文件夹内顶部。这样文件夹内容就会以「#」图层的尺寸输出。

「_BTN」导出按钮的不同状态

如果要导出按钮的不同状态,你需要将按钮的不同状态放到以「_BTN」结尾的文件夹内,并对按钮状态以如下规则命名:

normal

hover

clicked / pressed

selected

disabled

相关推荐