自動切圖工具「Slicy」Mac OS版（Layer Cake），真正解放設計師的神器！為切圖黯然銷魂的設計師們必備利器

如何使用 Slicy 切圖?

1. PS 圖層依規則命名。

2. 把檔案丟進 Slicy 里。

3. 好了。

夠簡單無腦了吧?

圖層命名方式

為了要無腦切圖，得稍微記一下 slicy 圖層命名的格式，官網提供的 Examples 里面有 5 個文件夾。

Basic Tagging 基本標簽

圖層或組名的字尾打上.png就好了。

Explicit Sizing 設定切圖尺寸

如果切圖為特定尺寸，可以用這3種方式設定：

1. 使用矩型工具(形狀圖層)畫出欲裁切的尺寸，將圖層名稱設為「@bounds」。(輸出切圖時不會看到這個圖層。)

2. 方型遮色片。

3. 向量遮色片。

我愛用第一種方式，把目標圖層和 @bounds 放在同個群組里，組名改成.png，未來維護比較方便。

Mac Icon 輸出.ico

做 MAC 的icon用，圖層名稱字尾設成.ico就好了。

Magic Retina – Auto@1x 做2x圖，自動輸出1x

這是我最愛 Slicy 的原因：做 @2x 的 PSD 檔、自動輸出 1x 切圖。只要在圖層名稱字尾加上「@2x.png」就好。

做大圖縮小就是會遇到 101x139px的 @2x 圖要怎么縮成 1x 的問題。Slicy 會自動幫你把 @2x 圖加上1px的空白、讓尺寸變成偶數后再縮小輸出 1x