10.切片工具

切片工具被广泛使用在网页设计和网店设计等领域。网页是由上到下逐步显示的，如果一张图片数据量大，用户的网速加载这样大的图片需要很长时间，那么这样页面就很容易被用户关掉。所以，建议把一张大的图片用切片工具切成一张张地小图片，这样图片就可以又快又好地显示出来了。切片按照切片内容的类型可分为表格切片、图像切片、无图像切片；按创建方式可分为用户切片、基于图层的切片、自动切片等。

用户切片：使用“切片工具”创建的切片为用户切片。

基于图层的切片：通过图层创建的切片为基于图层的切片。

自动切片：当创建新的用户切片或基于图层的切片时，将会生成自动切片来占据图像的其余区域。换句话说，自动切片用于填充图像中用户切片，或基于图层的切片的未定义空间。每次添加或编辑用户切片或基于图层的切片时，都会重新生成自动切片。用户可以将自动切片转换为用户切片。

单击工具箱中的“切片工具”按钮，然后在画面中拖曳鼠标，即可创建切片。在Photoshop中提供了两种创建切片的方法，一个是通过参考线创建切片；另一个是通过图层内容创建切片。通过参考线创建切片时，将删除所有现有切片。基于图层的切片将包括图层中的所有像素数据。如果移动图层或编辑图层内容，切片区域将自动调整以包含新像素。

1. 通过参考线创建切片

首先在画面中拖曳出几条参考线，如下左图所示。单击工具箱中的“切片工具”按钮，在选项栏中单击“基于参考线的切片”按钮，会自动根据拖曳的参考线创建切片。

2. 基于图层创建切片

基于图层的内容创建切片，切片区域和图层内容的长宽比一致。打开一幅图像，使用“矩形选框工具”在画面上拖曳选区，并将选区中的图像保存至新的图层中，如下左图所示。分别选中部分图像所在的图层，执行“图层>新建基于图层的切片”菜单命令，Photoshop会自动计算图层内容的长宽比并创建切片。

3. 普通切片转换为用户切片

执行“提升到用户切片”命令即可。