Photoshop切片工具怎样使用切片工具使用教程

1、切片工具，顾名思义是用来对图片进行切割的，将一块完整的图片切割成我们所需要的若干个小块的图片，在切割后保存出的文件中可以生芤晟踔肿成一个HTML文件，这主要用在网页设计以及网店装修模板的设计上。下面我们开始认识并学习使用切片工具：

https://exp-picture.cdn.bcebos.com/589f5b0788013870cc26c03f2d08a50f95fc83fe.jpg

2、我们就以上面的这一张图片作为一个演示。首先我们先打开Photoshop软件，并将我们要切割的图片加载到Photoshop中。

https://exp-picture.cdn.bcebos.com/d400248ca608a50f899baa3f10cec7f88b77fffe.jpg

3、然后我们在Photoshop软件的左侧工具栏中选择切面工具。

https://exp-picture.cdn.bcebos.com/95bd4e8c9bcec7f8ab10a76e034ce54a2e27fbfe.jpg

4、选择切片工具后，鼠标在视图中是像一把刀的形状的。这时，我们按照我们的需要对图片进行切割，直接对鼠标进行拉动画出的小矩形就是我们切割出的部分。并且切割多块的话，他的每一块都会有编号。

https://exp-picture.cdn.bcebos.com/8b3643dd884ce54a0a401d5ca3066b0193ddf7fe.jpg

5、切割完成以后，我们在文件菜单栏下选择【存储为Web和设备所用格式】进行输出。

https://exp-picture.cdn.bcebos.com/2e66f9ef28066b01bbbac9f33df39187021cf3fe.jpg

6、点击【存储】。

https://exp-picture.cdn.bcebos.com/6a408cdd3340b6f3bde0f9af12c0affce086eefe.jpg

7、格式选择【HTML和图像】。

https://exp-picture.cdn.bcebos.com/b7b28f87031c99c0809b1b35af2fa872951fedfe.jpg

8、这就是我们把整张图片切割后的图片。

https://exp-picture.cdn.bcebos.com/e0c73a2fa872941f8a83ce697b5e4a237871e6fe.jpg