如何利用Photoshop進行快速切圖

在UI設計中咱們經常使用Ai來進行矢量圖的繪製，而後導入Ps中進行設計、排版和導出。 

在之前的版本中，切圖一直是個很麻煩的事情，要麼依託於腳本，要麼手動一張張導出，很不方便，這種窘況在Photoshop CC 2015版中獲得瞭解決。

準備

使用Photoshop CC 2015版

準備好要切的圖片 

第一種方法

Ps自帶切圖

首先打開圖層，找到要切圖的部分 

選中要切圖的圖層 

圖層上單擊右鍵，選擇快速導出爲PNG 

選擇一個文件夾保存便可

能夠發現導出的文件以圖層名稱保存成爲PNG格式，保留了透明像素

接下來介紹另外的切圖神器！！

第二種方法

摹客iDoc PS插件

摹客iDoc PS插件是一個Ps擴展，能夠方便的導出移動端和網頁的切圖，並生成多種大小格式，而且是免費的！

下載

官方網站：https://idoc.mockplus.cn/

安裝PS插件

下載摹客iDoc PS插件安裝文件並點擊進行安裝。

打開插件

插件安裝好後打開PS，在「窗口>擴展功能」找到摹客 iDoc 插件，選擇並打開。

登陸

使用摹客平臺帳號（在Mockplus、摹客 iDoc 上通用）便可登陸。

標記切圖

選中須要切圖的圖層或編組，點擊「標記切圖」。

將在名稱前增長「-e-」，「標記切圖」變爲「取消切圖標記」，此時切圖操做便完成了。

上傳設計稿

標記完成切圖以後，一鍵將設計稿上傳至雲端項目中，提示完成後即可在雲端查看到剛纔上傳的設計稿。

下載切圖

選中須要導出的切圖，能夠一鍵選擇「下載選中切圖」或「下載所有切圖」。