四爺說:

最近每週分享給大家的Sketch技能,吵得最熱的訊息莫過於:“之前 PSD 要再重做一遍轉為 Sketch,猴麻煩”。隔著螢幕都能感受到設計師寶寶們的心塞,和燈光下日漸蹉跎的背影。。。

不過,就在今天,四爺幫大家找到了解決方法。

Avocode

,一款可以快速將 PSD 原始檔 轉換為 Sketch 格式的神奇工具。

不要懷疑,就是那個和 Zeplin 功能相似的 Avocode,他們做了一個線上轉換服務。

官方下載

https://

avocode。com/convert-psd

-to-sketch

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

重點只看官網頁面的左側部分,整個轉換操作只要

3 個步驟

1、上傳需要轉換格式的psd原始檔

2、填寫自己的郵箱地址,接收轉換成功的 Sketch 檔案。

3、登入自己的郵箱,檢視收件箱裡的新郵件

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

看一下這個案例,我們用 PS 準備了一個設計稿:

M

enu.psd

大小是7.28MB

包含介面常用

基本元素

:圖層分組、智慧物件、形狀和巢狀、圖片、文字、icon。

準備完成

點選轉換網站左側的上傳按鈕,把我們準備的PSD檔案放上去

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

填寫想要用來接收轉換後的

Sketch 原始檔

的郵箱,點選

橙色按鈕

開始轉格式。

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

整個轉換過程不算太快,大概需要

幾分鐘的時間

,稍等片刻後,四爺收到了轉換後的sketch

文件郵件

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

從郵件資訊中可以看到,

PSD的原始檔大小是7.3M,轉化後的 Sketch 檔案大大縮小到了1.3MB

,原始檔佔用空間小,也是sketch的優勢之一,這裡不難推斷出,如果是

體積比較大的PSD,轉換需要的時間也會相對增加

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

——完整儲存,沒有發生變化。

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

△ 分組和圖層

——原Status bar 為智慧物件被轉化為圖片。同樣,其他智慧物件都被轉為影象。

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

智慧物件

——保留,形狀依舊可以在編輯。

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

形狀和巢狀

——保留,但會發生錯位,會需要重新調整

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

如何一鍵將 PSD 轉換成 Sketch 原始檔 | Sketch 技能分享

——保留,按照 Sketch 樣式保留布林運算。

文字

以上就給大家推薦的一款 PSD 轉換為 Sketch 的線上工具。希望能給設計師寶寶們派上用場啦,總的來說,

來說,還是非常有用處的。

本文由波普先生原創,如需轉載請回復“轉載”並取得授權