2017-01-16随笔——切图工具 cut&slice

切图工具 —— cut&slice

cutandslice me 可帮你解决以下问题

1. 解决ios的@2x.png的分辩率问题

2. 解决android的多分辩率的问题

3. 解决web下也需要导出图片的问题

4. 自动切图 - 注意是切图,不是生成html。根据一些简单规则自动切好图片放到相应的文件夹里

安装方法:

http://www.cutandslice.me/

cutandsliceme 切图神器安装方法

下载完成后解压,将解压后的文件CutAndSliceMe.zxp重命名为后缀名为CutAndSliceMe.zip,用解压工具解压(winrar等)

2017-01-16随笔——切图工具 cut&slice_第1张图片

将解压的CutAndSliceMe文件夹放入到你的ps插件路径中:

D:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Adobe Photoshop CS6 (64 Bit)\Plug-ins\Panels

重启ps,然后在窗口->扩展功能下勾选CutAndSliceMe就可以看到该插件了

2017-01-16随笔——切图工具 cut&slice_第2张图片

此方法适用所有zxp文件的ps插件

2017-01-16随笔——切图工具 cut&slice_第3张图片

(亲测cc/cs6好用,cc2015不可以)

(原文出自:http://www.gezila.com/tutorials/45643.html——格子啦网站)

使用方法:

2017-01-16随笔——切图工具 cut&slice_第4张图片
(本文地址:http://www.25xt.com/appdesign/7592.html——来自25学堂)


移动APP切图神器使用三条规则,非常简单:

1. 要输出图的单位以图层文件夹(组)为单位, 文件夹命名末尾加『@』为结束符。并且,自动切除边界外透明的像素。

2. 以『#』名字命名的图层可以认为是选择图片输出的边界。例输出背景图:组命名为『bg@』,组里有两个图层,1是大背景;2是横向1个px形状图层,并且此图层命名为『#』,并将2放在1的上面一层

3. button是一种特殊的组。以『_BTN』结尾认为是按钮,有多种状态支持。

此文章来自多篇网上文章的整合,并亲身测试使用,给我工作和学习带来方便,希望也能帮到大家;cutterman也是很好的切图标注插件,收费也合理,但对ps版本要求比较强,相对比cut&slice我更觉得又免费又方便;ps:PxCook 像素大厨听同事朋友说挺好用,但需要提前安装Adobe air程序,我的电脑老是显示不允许,请教各位是什么原因。

你可能感兴趣的:(2017-01-16随笔——切图工具 cut&slice)