在圖片編輯中，切割是最常見也很實用的一種操作。就比如說這個圖標(biāo)集合，下載下來就是一張整體的圖標(biāo)，用圖片切割就能快速得到我們需要的內(nèi)容！
一張完整的圖片，先切割為多個部分，然后再拼接成一個整體，不僅在樣式上更有個性，用到排版里面，也可以使排版的細(xì)節(jié)處擁有更多的高級感。（如下圖所示）
在我們繪制原型圖時，偶爾也會遇到需要切割圖片的場景。如果采用Ps等軟件處理，無疑顯得費時費勁。
那么該如何在原型工具中快速的切割圖片呢？這里推薦使用內(nèi)置了完整圖片切割功能的原型軟件，比如筆者使用的摹客RP。不管你是要將圖片切割成四宮格或者九宮格，甚至是大小不一的N張圖片，摹客RP都能夠簡單快速的完成。它無需下載任何軟件或插件，在線就能操作，一鍵自由切割，輕輕松松就能拿捏住圖片切割，效率更高，效果更好！
有些時候，我們常常要使用某張素材稿上的某些部分，如果只是用剪裁效果，可能會導(dǎo)致我們要對一張圖片進(jìn)行多次復(fù)制和剪裁。這種時候使用圖片切割就非常便捷了，就像我們小時候玩貼紙一樣，把自己需要的部分從中抽出來就可以使用。
下面就由我為大家?guī)韴D片切割的多種切分方法，操作簡單，包教包會！
基礎(chǔ)切割功能
快速圖片切割（一鍵切割）
這種圖片切割的方式非常簡單，只需要進(jìn)入摹客RP頁面，免費使用 -> 新建 -> 組件選擇圖片，雙擊創(chuàng)建，點擊選擇目標(biāo)圖片，右鍵菜單點擊切割就可以快速完成切割。
使用這種切割方式，不僅可以垂直和水平分割圖片，也可以自定義垂直和水平的分割數(shù)，操作快捷靈活！
就比如四宮格切圖，只需要將鼠標(biāo)放在圖片的任意位置右鍵選擇切割，可以快速將一張圖片切割成4個部分，以鼠標(biāo)所在的位置為中心點進(jìn)行切割。切割后，還可以調(diào)整局部區(qū)域大小或者位置。
當(dāng)你的同事還在比對著一張張截圖的時候，你只需要將圖片添加進(jìn)摹客RP就完事了！
九宮格切割圖片
在朋友圈經(jīng)常看到有人將一張照片拆分成9張圖片進(jìn)行曬圖，而使用摹客RP，就能快速做出這種效果。通過將圖片多次切割，兩橫線兩豎線將圖片分成了九宮格樣式。可以設(shè)置成每張相同大小，也可以設(shè)置成尺寸各不一樣。
多個小圖片切割
也叫圖片自由切割，可以在一張大圖里切出若干個自定義大小的圖片，并拖拽移動出來。
將鼠標(biāo)放在圖片的任意位置右鍵選擇切割成四宮格，然后點擊被切割的一張圖片繼續(xù)選擇切割，切割的位置可以自己選擇中心點。切割完成后，還可以在界面右側(cè)選擇對每一張圖片進(jìn)行屬性設(shè)置修改。
對角圖片切割
導(dǎo)入的圖片傾斜后還可以改變切割角度，傾斜45°的圖片選擇切割就可以達(dá)到對角線切割的效果。除此之外還能根據(jù)傾斜角度的不同，自由選擇切線的角度，切割出形狀各異的圖片。
拓展切割功能
部分圖片替換
切割完成后，選擇圖片雙擊，可以進(jìn)行圖片的快速替換，替換后還能通過工具欄調(diào)整新圖片的位置和尺寸大小。適合的使用場景包括驗證碼拖動圖片，網(wǎng)頁游戲設(shè)計等。
切割圖加框
如果切割后的圖片需要美化或者改變位置，可以在右邊的屬性欄中進(jìn)行操作，如添加邊框，調(diào)整圖片角度和尺寸，達(dá)到體現(xiàn)出一種設(shè)計美感。（本例只是示范功能操作，設(shè)計師見諒?。?/span>
交互聯(lián)動
摹客RP不僅可以分割圖片，還能對處理后的圖片進(jìn)行交互聯(lián)動，如圖所示，可以演示出一鍵切割和一鍵還原的功能。
在摹客原型設(shè)計中，只需拖一拖即可快速創(chuàng)建交互，使原型設(shè)計又快又簡單。
交互種類非常豐富：你可以在頁面與頁面、頁面與組件、組件與組件間創(chuàng)建交互。
另外，你還可以通過狀態(tài)交互實現(xiàn)懸停、按下、選中等豐富的效果。
遮罩切割和圓形圖片切割
圖片切割和摹客RP的其他組件功能配合，可以衍生出各式各樣的效果，如利用圖層和形狀組件達(dá)到圖片遮罩四宮格以及圓形圖片切割等冷門效果。
最后
使用后你會發(fā)現(xiàn)，圖片切割功能只不過是摹客的冰山一角，還有更多其他優(yōu)秀功能值得你去發(fā)現(xiàn)和使用。
摹客集設(shè)計協(xié)作平臺、原型設(shè)計和設(shè)計規(guī)范為一體，數(shù)百萬設(shè)計師、產(chǎn)品經(jīng)理和開發(fā)工程師必備設(shè)計神器、交互原型、標(biāo)注切圖、文檔管理。設(shè)計+協(xié)作，摹客就夠了！
摹客協(xié)作
摹客RP
摹客DT
摹客超級版