酷知百科網

位置:首頁 > 遊戲數碼 > 電腦

最方便的切圖插件-cutterman使用方法

電腦1.85W

在設計師設計完設計稿後,需要將部分按鈕等形狀切圖給前端才能進行開發,下面教你使用最方便的切圖插件cutterman,讓你輕鬆切圖。

cutterman插件

(01)要想使用插件還是要先進行下載安裝,開啟搜狗搜尋,輸入“cutterman”進行搜尋。

最方便的切圖插件-cutterman使用方法

(02)在搜尋結果中,點擊“cutterman-爲設計更專注”進入,這個是插件的官網,要認準哦。

最方便的切圖插件-cutterman使用方法 第2張

(03)進入官網後,根據使用的軟件選擇插件版本進行下載,分爲PS和sketch版本,注意檢視

最方便的切圖插件-cutterman使用方法 第3張

(04)安裝完成後開啟電腦中的PS進入,在選單中即可檢視到插件,點擊即可開啟。

最方便的切圖插件-cutterman使用方法 第4張

(05)接下來說說如何使用,我們先直接開啟一個psd檔案,在圖層中即可看到全部圖層。

最方便的切圖插件-cutterman使用方法 第5張

(06)然後點擊需要進行切圖的圖層,ctrl+左鍵點擊圖層可出現選區,確定切圖的範圍。

最方便的切圖插件-cutterman使用方法 第6張

(07)接下來點擊“cutterman”插件,先要選擇儲存路徑,點擊彈框中的“檔案夾”

最方便的切圖插件-cutterman使用方法 第7張

(08)在彈框中選擇需要匯出的位置,然後點擊“開啟”即可確認。

最方便的切圖插件-cutterman使用方法 第8張

(09)確認後我們即可開始匯出圖層,但是需要先選擇規格哦,比如ios、Android、或者web,點選後會彈框出現倍數尺寸,點選確定後,點擊“匯出選中圖層”

最方便的切圖插件-cutterman使用方法 第9張

(10)成功匯出後,我們即可在儲存路徑中找到一個規格檔案夾,點擊進入後即可檢視切出來的圖層,如下圖ios檔案夾。

最方便的切圖插件-cutterman使用方法 第10張