clip_image001
 

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

云南体彩网Akane Lee :Slicy 是我測過幾種輔助切圖工具后又回來使用的神器。「把整個 PSD 扔進去,結束。」簡潔利落不啰嗦。我愛它的水平已經到了沒有它我就不會切圖了(哈哈)。

Slicy 官網:
Examples:
云南体彩网 App Store:

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

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

如何使用 Slicy 切圖?

clip_image002

1. PS 圖層依規則命名。
2. 把檔案丟進 Slicy 里。
3. 好了。

夠簡單無腦了吧?

圖層命名方式

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

Basic Tagging 基本標簽

clip_image003

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

Explicit Sizing 設定切圖尺寸

clip_image004

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

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

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

Mac Icon 輸出.ico

clip_image005

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

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

clip_image006

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

做大圖縮小就是會遇到 101x139px的 @2x 圖要怎么縮成 1x 的問題。Slicy 會自動幫你把 @2x 圖加上1px的空白、讓尺寸釀成偶數后再縮小輸出 1x 檔。好比 101x139px 會釀成 102x140px 和 51x70px。如果你對圖檔精致度沒有嚴格到以 1px 為單位、縮小后邊沿有點糊也無所謂的話,這功能真的超歡樂的。

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

clip_image007

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

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

clip_image008

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

其它

clip_image009

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

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

原文地址:
作者:Akane Lee

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

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

youshege
 

點贊 1
收藏 2
繼續閱讀相關文章

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
評論 收藏