1、我们要用到的切图工具有两个，一个是切片工具，另一个是切片选择工具。

2、左边有个小按钮，你按住它这三个选项就会显示出来。

【资料图】

3、2、这是我等下用做示范的图片。

4、3、在切图之前有一点需要说明的是，如果你需要辅助切图，你可以先添加参考线。

5、在PS上方的菜单栏，你可以在视图里找到新建参考线选项。

6、已经添加两条参考线，因为参考线在鼠标靠近的时候有吸附功能，所以切图不易切错位置。

7、4、好了现在我们开始切图，我用切图工具先裁一个框出来，我们可以看到图片上已经有01的框，但是右边02显示为灰色。

8、5、我继续用切图工具裁第二个框，记住01和02的框一定要贴合，否则会出现一个03的框。

9、如果你这次切图位置没切对，可能给后面带来麻烦的是换图片会比较麻烦。

10、这个时候切图的框是可以移动的，你可以把鼠标放在边框上试着移动下，看下效果。

11、你只能移动02，不能移动01。

12、6、当我发现切图的位置出现错误，开始调整，刚才我把02位置往右挪好，它从02变成了03。

13、7、然后我用切图选择工具选择01，这样我就能把01的位置调整正确了。

14、8、切好图之后就到最重要的步骤了，如下图所示，选择文件下面的存储为WEB和设备所用格式，最好能记住快捷键。

本文就为大家分享到这里，希望小伙伴们会喜欢。