四爺說:
最近每週分享給大家的Sketch技能,吵得最熱的訊息莫過於:“之前 PSD 要再重做一遍轉為 Sketch,猴麻煩”。隔著螢幕都能感受到設計師寶寶們的心塞,和燈光下日漸蹉跎的背影。。。
不過,就在今天,四爺幫大家找到了解決方法。
Avocode
,一款可以快速將 PSD 原始檔 轉換為 Sketch 格式的神奇工具。
不要懷疑,就是那個和 Zeplin 功能相似的 Avocode,他們做了一個線上轉換服務。
官方下載
:
https://
avocode。com/convert-psd
-to-sketch
▼
重點只看官網頁面的左側部分,整個轉換操作只要
3 個步驟
:
1、上傳需要轉換格式的psd原始檔
2、填寫自己的郵箱地址,接收轉換成功的 Sketch 檔案。
3、登入自己的郵箱,檢視收件箱裡的新郵件
▼
看一下這個案例,我們用 PS 準備了一個設計稿:
M
enu.psd
大小是7.28MB
包含介面常用
基本元素
:圖層分組、智慧物件、形狀和巢狀、圖片、文字、icon。
準備完成
點選轉換網站左側的上傳按鈕,把我們準備的PSD檔案放上去
。
▼
填寫想要用來接收轉換後的
Sketch 原始檔
的郵箱,點選
橙色按鈕
開始轉格式。
▼
整個轉換過程不算太快,大概需要
幾分鐘的時間
,稍等片刻後,四爺收到了轉換後的sketch
文件郵件
。
▼
從郵件資訊中可以看到,
PSD的原始檔大小是7.3M,轉化後的 Sketch 檔案大大縮小到了1.3MB
,原始檔佔用空間小,也是sketch的優勢之一,這裡不難推斷出,如果是
體積比較大的PSD,轉換需要的時間也會相對增加
。
▼
▼
——完整儲存,沒有發生變化。
△ 分組和圖層
△
——原Status bar 為智慧物件被轉化為圖片。同樣,其他智慧物件都被轉為影象。
△
智慧物件
——保留,形狀依舊可以在編輯。
△
形狀和巢狀
——保留,但會發生錯位,會需要重新調整
△
△
——保留,按照 Sketch 樣式保留布林運算。
文字
以上就給大家推薦的一款 PSD 轉換為 Sketch 的線上工具。希望能給設計師寶寶們派上用場啦,總的來說,
△
來說,還是非常有用處的。
本文由波普先生原創,如需轉載請回復“轉載”並取得授權