早年間我學切圖的時候，網上就沒看到過什么教程的，只能靠自己摸索學習，挺簡單的東西還是繞了點彎子。這次寫出來應該會幫助其他人學會切圖的。

先說下軟件，我用的是PhotoShop CS5 這個版本，你要用其他版本也行，反正對切圖這個功能影響不大。

如上圖紅框所示，我們要用到的切圖工具有兩個，一個是切片工具，另一個是切片選擇工具。左邊有個小按鈕，你按住它這三個選項就會顯示出來。

上圖是我等下用做示范的圖片。

在切圖之前有一點需要說明的是，如果你需要輔助切圖，你可以先添加參考線。在PS上方的菜單欄，你可以在視圖里找到新建參考線選項。如上圖，我已經添加兩條參考線，因為參考線在鼠標靠近的時候有吸附功能，所以切圖不容易切錯位置。

好了現在我們開始切圖，我用切圖工具先裁一個框出來，我們可以看到圖片上已經有01的框，但是右邊02顯示為灰色。

我繼續用切圖工具裁第二個框，記住01和02的框一定要貼合，否則會出現一個03的框。如果你這次切圖位置沒切對，可能給后面帶來麻煩的是換圖片會比較麻煩。這個時候切圖的框是可以移動的，你可以把鼠標放在邊框上試著移動下，看下效果。你只能移動02，不能移動01。

當我發現切圖的位置出現錯誤，開始調整，剛才我把02位置往右挪好，它從02變成了03。