如何一鍵將 Sketch 文件和 PSD 源文件互相轉化【干貨收藏】

一鍵sketch轉psd

神器地址:

www.photopea.com

image

進入網站以后,是這個界面,看見右上角的大叉叉了嗎,點它。

image

好啦,你現在進入主界面了,這分明就是一個在線PS嘛。雖然是英文版的,但是不用害怕,你可以用瀏覽器翻譯一下;不翻譯也行,反正我們只是用來轉換格式。

image

開始了。

步驟一:點擊左上角File(文件),選擇Open(打開),然后找到你要轉換的那個sketch文件,點擊確定。

image
image

噔噔噔,厲不厲害,打開了,可編輯。

你會看到所有英文的文字都是正常顯示的,但是中文的就顯示不出來,誰讓我們漢字博大精深呢,可能神器都害怕了。

你別怕,先不用管,我們繼續。

image

步驟二:點擊File,選擇Save to Psd(存為Psd格式)。

image
image

步驟三:打開轉換后的Psd文件,找到我們博大精深的漢字圖層,雙擊,再選擇一下在sketch中用到的字體,OK了。

神奇不神奇?原來把sketch轉成psd并不是一個傳說啊。當然psd轉sketch也同樣沒問題!

一鍵psd轉sketch

第一種方法:你電腦里需要安裝有 Photoshop 。在打開 PSD 文件后,選擇頂欄的 文件 - 導出 - 快速導出為 SVG ,導出的 SVG 文件你可以直接拖拽到 Sketch 中或者用 Sketch 打開即可。

image

第二種方法:如果你電腦中沒有 Photoshop ,你是 Affinity Photo 的用戶的話,一樣可以用它導出 SVG 格式的文件,操作幾乎一模一樣。

image

第三種方法:其實是最簡單的,你只需要 PSD 文件就可以了。

Avocode,一款可以快速將 PSD 源文件 轉換為 Sketch 格式的神奇工具。不要懷疑,就是那個和 Zeplin 功能相似的 Avocode,他們做了一個在線轉換服務。

官方下載:https://avocode.com/convert-psd-to-sketch

image

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

1、上傳需要轉換格式的psd源文件

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

3、登錄自己的郵箱,查看收件箱里的新郵件

image

看一下這個案例,我們用 PS 準備了一個設計稿: Menu.psd 大小是7.28 MB。包含界面常用基本元素:圖層&分組、智能對象、形狀和嵌套、圖片、文本、icon。

準備完成點擊轉換網站左側的上傳按鈕,把我們準備的PSD文件放上去

image

填寫想要用來接收轉換后的 Sketch 源文件的郵箱,點擊橙色按鈕開始轉格式。

image

整個轉換過程不算太快,大概需要幾分鐘的時間,稍等片刻后,就會收到了轉換后的sketch 文檔郵件

image

從郵件信息中可以看到,PSD的源文件大小是7.3M,轉化后的 Sketch 文件大大縮小到了1.3MB,源文件占用空間小,也是sketch的優勢之一,這里不難推斷出,如果是體積比較大的PSD,轉換需要的時間也會相對增加

image

△ 分組和圖層——完整保存,沒有發生變化。

image

**△ ** 智能對象——原Status bar 為智能對象被轉化為圖片。同樣,其他智能對象都被轉為圖像。

image

△ ****形狀和嵌套——保留,形狀依舊可以在編輯。

image

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

image

△ ****文本——保留,按照 Sketch 樣式保留布爾運算。

以上就給大家推薦的 PSD 和 Sketch 互相轉化的小技巧。希望能給設計師寶寶們派上用場啦~

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容