西西軟件園多重安全檢測下載網站、值得信賴的軟件下載站!
軟件
軟件
文章
搜索

首頁西西教程軟件使用 → 自動切圖神器Slicy

自動切圖神器Slicy

相關軟件相關文章發(fā)表評論 來源:西西整理時間:2014/5/11 10:55:10字體大。A-A+

作者:西西點擊:93次評論:0次標簽: Slicy

  • 類型:翻譯工具大。4.4M語言:多國語言[中文] 評分:8.3
  • 標簽:
立即下載

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

如何使用 Slicy 切圖?

1. PS 圖層依規(guī)則命名。

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的空白、讓尺寸變成偶數(shù)后再縮小輸出 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 搜尋上幫了大忙,我想找相關數(shù)據時不會一直出現(xiàn)食物。(希望Sketch也換個名稱,這種大眾常用名詞很難搜到他家的東西。)

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

    相關評論

    閱讀本文后您有什么感想? 已有人給出評價!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過難過
    • 5 囧
    • 3 圍觀圍觀
    • 2 無聊無聊

    熱門評論

    最新評論

    發(fā)表評論 查看所有評論(0)

    昵稱:
    表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
    字數(shù): 0/500 (您的評論需要經過審核才能顯示)