WebToLayers如何將網頁轉換為PSD文件?

由土土發表於2020-11-27

WebToLayers是適用於macOS的一款將網頁轉換為PSD文件,旨在捕獲兩種格式的網頁:以PNG和JPEG格式捕獲完整的網頁,並將網頁轉換為可編輯的PSD文件。那麼WebToLayers如何將網頁轉換為PSD文件?下面和macz一起來看看吧。

在這裡插入圖片描述

在大多數情況下,要捕獲網頁,只需捕獲瀏覽器的螢幕截圖。您所要做的就是輸入⌘-⇧-5,就是這樣。但是,該技術非常有限。獲取整個網頁是不可能的。此外,假設您是一名圖形設計師,並且想要快速編輯頁面,那麼使用點陣圖影像是無法想象的。在本文中,我們介紹WebToLayers,這是一個Mac應用程式,可以捕獲完整的網頁並將其轉換為Photoshop文件。

什麼是WebToLayers,以及如何使用它?

WebToLayers是適用於macOS(10.13或更高版本)的應用程式,旨在捕獲兩種格式的網頁:以PNG和JPEG格式捕獲完整的網頁,並將網頁轉換為可編輯的PSD文件。該應用程式還能夠模擬手機和平板電腦等裝置。因此,使用此工具,您可以測試網站,將其展示給客戶並輕鬆製作版本,而無需閱讀原始碼。

如何將網頁轉換為PSD文件?

第1步:如何以所需大小載入網頁?
該應用程式的使用非常簡單。首先要做的是開啟一個空檔案。為此,您只需要單擊該應用程式的圖示。然後,必須像在Safari上一樣輸入網頁的地址。按Enter鍵,WebToLayers將載入頁面。在這裡插入圖片描述

頁面載入後,您可能需要更改渲染的大小。您只需點選更改頁面大小>使用自定義大小即可。另外,最常用的裝置列表是預定義的。因此,通過在列表中選擇所需的裝置,您可以在iPhone,iPad或其他裝置上快速測試您的網站。在這裡插入圖片描述

第2步:如何捕獲完整的網頁?
捕獲網頁從未如此簡單。您只需要單擊地址欄位旁邊的攝像頭按鈕即可。您可以選擇將網頁捕獲為PNG或JPG。該應用程式將詢問您輸出影像的位置。驗證後,將立即生成影像。(要生成完整的網頁,您必須將頁面的高度設定為0)。在這裡插入圖片描述

步驟3:如何生成PSD文件
生成PSD文件與上一步一樣簡單。不必選擇“捕獲為PNG / JPG”,而是必須選擇“捕獲為PSD”。和以前一樣,該應用程式將詢問您位置。驗證之後,WebToLayers將在後臺開始建立文件。該應用可能會處理幾分鐘。生成的文件是代表您的網頁的PSD檔案,可以通過Photoshop,PixelMator,Acorn甚至GIMP編輯。

在這裡插入圖片描述

以上就是小編為您介紹的如何網頁轉換為PSD文件,藉助WebToLayers Mac版即可,操作簡單方便,下載試試吧。

相關文章