愛用切圖神器:Slicy


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

Slicy 官網:http://macrabbit.com/slicy
Examples:http://macrabbit.com/slicy/help
App Store:https://itunes.apple.com/tw/app/slicy/id512533449?l=zh&mt=12

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

如何使用 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 倍價我也會入手,輕鬆方便太多了啊!

更多文章

wave
設計師的小玩具:DIVOOM PIXOO 64「字體渲染」
設計師的小玩具:DIVOOM PIXOO 64「字體渲染」

高科技電子產品用多了,很難理解什麼叫「不支援字體渲染」,我腦子整個卡住沒反應過來,RD 解釋半天我才想通。

如果電子看板沒辦法顯示字體,那我是要怎麼串 Google Calendar 行程日期時間?

設計師的小玩具:DIVOOM PIXOO 64「產品限制與資源」
設計師的小玩具:DIVOOM PIXOO 64「產品限制與資源」

這是我送給老公的聖誕節禮物。
對!我提早了快一個月送。(擺明送禮物是藉口,明明是自己想玩。)

DIVOOM PIXOO 64 ,LED 像素顯示器。
這玩具超有趣的好不好!我等不到月底聖誕節了嘛!

試玩 Art Text 3 文字特效工具
試玩 Art Text 3 文字特效工具

Art Text 3 剛上 Mac Store 時我就注意到了,首頁 Banner 輪播很醒目。當時就在官網下載免費試用玩了下,覺得超酷炫,但暫時用不太到的樣子沒買。突然半夜朋友傳訊通知「喂、Art Text 3 降價囉!」,然後就手滑了…(遮臉)

試玩 Affinity Photo-Inpainting Brush

最近發佈 Affinity Photo 這修圖軟體的 Bate 版,官網影片看得超神奇的,尤其是修補工具,根本 +9 神器。現在可以免費下載,當然跑去載了份來玩玩。

Akane Lee

Akane Lee

內心戲小劇場超多!每個事件背後,都有無數個為什麼,天天和自己的腦內聲音吵架。

Comments

wave
comments powered by Disqus

Press ESC to close