“沒有它我就不會切圖！”省時省力的切圖神器Slicy下載

今天介紹的這款神器，作者這樣描述它：把整個PSD扔進去，結束。效率由此可見。究竟有多牛，讓這位中國臺灣的設計師妹子給你介紹下。

Akane Lee ：Slicy 是我測過幾種輔助切圖工具后又回來使用的神器。「把整個 PSD 扔進去，結束。」簡潔利落不啰嗦。我愛它的程度已經到了沒有它我就不會切圖了（哈哈）。

Slicy 官網：http://macrabbit.com/slicy
Examples：http://macrabbit.com/slicy/help
App Store：https://itunes.apple.com/tw/app/slicy/id512533449

官網有試用版可以先下載來用看看，覺得適合自己再去 App Store 花錢買。記得順手下載 Examples，照著跑一遍就會操作了。

萬人好評的神器推薦：
《這效果超火！教你創建高大上的多邊形字體》
《PS摳圖神器：KNOCKOUT 2.0漢化版下載及教程》
《PS 參考線插件GUIDEGUIDE下載及使用說明》

如何使用 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 檔。比如 101x139px 會變成 102x140px 和 51x70px。如果你對圖檔精致度沒有嚴格到以 1px 為單位、縮小后邊緣有點糊也無所謂的話，這功能真的超歡樂的。

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

做1x圖檔，自動輸出2x，只要在圖層名稱字尾加上「.png+@2x」就好。記得要做向量圖啊、不然放大成 @2x 還是會糊掉的。

Magic Retina - No Auto@1x 做2x圖、不輸出1x

一樣把字尾都設成 @2x.png，在所有圖層的最上方新增一個空白圖層命名為「lc-auto-1x = off」。

其它

我很喜歡 Slicy 的icon設計，原本這款 App 剛上架的時候叫「Layer Cake」，PS圖層很多、取名叫千層糕也很合理，之后改名為 Slicy。在 google 搜尋上幫了大忙，我想找相關數據時不會一直出現食物。（希望Sketch也換個名稱，這種大眾常用名詞很難搜到他家的東西。）

Slicy 雖說要 890 元（上架以來好像沒有打過折扣），以省下來的時間來講其實很便宜，而且開發商是知名公司 MacRabbit 不會變成 App 孤兒。（提 Espresso RD 就知道了吧？）原本切圖要另外拉框搞很久、現在單個 PSD 檔不到半小時就能搞定，加上來回修改重出 Slicy 幫忙省下的心力...這 app 就算賣 2 倍價我也會入手，輕松方便太多了啊！

原文地址：blog.akanelee
作者：Akane Lee

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量68萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：