當前位置:妙知谷 >

遊戲數碼 >電腦 >

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

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

在設計師設計完設計稿後,需要將部分按鈕等形狀切圖給前端才能進行開發,下面教你使用最方便的切圖插件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張
標籤: 插件 切圖 cutterman
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/diannao/5k87ex.html