切圖切得好一定程度上可以使后面寫前端網(wǎng)頁得過程中更方便快捷。然而切圖中并不是所有圖形都是規(guī)則的，因此有時我們需要對不規(guī)則的圖形進行特殊切圖。
這時就要新建文件，根據(jù)需要選擇背景內(nèi)容（如：白色、背景色或者透明），選好選區(qū)，將選區(qū)拖動到新圖層。

圓形切圖

圓形圖片.png

比如要將上圖中的圓形切出來，（新建文件，拖動選區(qū)等就不重復說了）方法如下：
1、選框工具-橢圓選框工具（按著shift鍵，選框變成圓），自行調(diào)大小。
2、新建文件時將背景設置成透明，選框工具-矩形選框工具，然后將選區(qū)拖動到新圖層，在新圖層中的使用魔棒工具點擊白色區(qū)域，如下圖所示，即將白色區(qū)域都選中，然后delete鍵，刪除白色區(qū)域。（這時我們會發(fā)現(xiàn)還有一些紅色字體，也用選框工具，選中，delete鍵刪除）

魔棒工具.png

保存時選擇存儲為web格式，保存后的效果圖是

透明背景切圖效果.png

（這也是將背景設置成透明的一個優(yōu)勢。）

小圖標切圖

1、如果要把紅色圓圈里面的圖標切出來，由于圖標全是白色，下面的圖進行操作。（此圖即前面所提到的第2個操作方法后得到的圖）

圖標.png

如上圖，用魔棒工具選中紅色區(qū)域，delete刪除，就得到白色的圖標，同樣選擇“存儲為web格式”進行存儲。
2、如果方便的話，可以在原設計圖中直接使用魔棒工具選中，白色的圖標，然后拖動到新圖層。這是需要注意一點。如下圖所示

魔棒工具shift鍵.png

（按alt鍵就是減少選區(qū)）

只將背景圓形切出

圖片中圓形背景中間還有個圖標，那么就要將這個圖標抹去。
1、如果圖標所在圖層與紅色圓形所在圖層不是同一個，這將圖標的圖層隱藏，就容易將圓形背景切出。
2.如果圖標和圓形背景在同一個圖層，那么可使用仿制圖章工具，如下圖所示。

仿制圖章工具.png

當然，還有其他方法，比如用畫筆工具、橡皮擦等等，有興趣可以去了解。
3、可以寫一個div，用css3樣式代碼將圓形效果寫出（ border-radius）

類似第三個這樣的切圖可以自行了解，想學的可以去嘗試，如果覺得比較難，最簡單的就是找別人幫你切！！?。ú贿^能自己學還是自己學一下）
css3新增了很多樣式，也可以用代碼將圓形背景寫出，這個對前端來說需要掌握。