[实用软件] 省时省力psd切图神器-SLICY

下载 (39.97 KB)

今天介绍的这款神器，作者这样描述它：把整个PSD扔进去，结束。效率由此可见。究竟有多牛，让这位台湾的设计师妹子给你介绍下。
Akane Lee ：Slicy 是我测过几种辅助切图工具后又回来使用的神器。「把整个 PSD 扔进去，结束。」简洁利落不啰嗦。我爱它的程度已经到了没有它我就不会切图了（哈哈）。

如何使用 Slicy 切图？

下载 (35.51 KB)

1. PS 图层依规则命名。
2. 把档案丢进 Slicy 里。
3. 好了。

够简单无脑了吧？图层命名方式

为了要无脑切图，得稍微记一下 slicy 图层命名的格式， 素材提供的 Examples 里面有 5 个文件夹。

Basic Tagging 基本标签

下载 (51.45 KB)

图层或组名的字尾打上.png就好了。

Explicit Sizing 设定切图尺寸

下载 (47.6 KB)

如果切图为特定尺寸，可以用这3种方式设定：

1. 使用矩型工具（形状图层）画出欲裁切的尺寸，将图层名称设为「@bounds」。（输出切图时不会看到这个图层。）
2. 方型遮色片。
3. 向量遮色片。

我爱用第一种方式，把目标图层和 @bounds 放在同个群组里，组名改成.png，未来维护比较方便。

Mac Icon 输出.ico

下载 (51.07 KB)

做 MAC 的icon用，图层名称字尾设成.ico就好了。

Magic Retina – Auto@1x 做2x图，自动输出1x

下载 (41.64 KB)

这是我最爱 Slicy 的原因：做 @2x 的 PSD 档、自动输出 1x 切图。只要在图层名称字尾加上「@2x.png」就好。

做大图缩小就是会遇到 101x139px的 @2x 图要怎么缩成 1x 的问题。Slicy 会自动帮你把 @2x 图加上1px的空白、让尺寸变成偶数后再缩小输出 1x 檔。比如 101x139px 会变成 102x140px 和 51x70px。如果你对图档精致度没有严格到以 1px 为单位、缩小后边缘有点糊也无所谓的话，这功能真的超欢乐的。

Magic Retina – Auto@2x 做1x图档，自动输出2x

下载 (36.14 KB)

做1x图档，自动输出2x，只要在图层名称字尾加上「.png+@2x」就好。记得要做向量图啊、不然放大成 @2x 还是会糊掉的。

Magic Retina – No Auto@1x 做2x图、不输出1x

下载 (45.94 KB)

一样把字尾都设成 @2x.png，在所有图层的最上方新增一个空白图层命名为「lc-auto-1x = off」

下载 (44.67 KB)

版主按：压缩包内有例子可以参考哦