PS的切片工具使用方法步骤讲解photoshop

1、找到“切片工具”（如果左侧工具鲥鲣剔墟栏没显示，就要在裁剪处，按住左键不放就会出现很多在此的工具命令，并点选"切片工具“）

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

2、如果想固定比例的话，点菜单栏下方的样式，选择”固定长宽比“此时在长和高各输入一个数值，如图所示，我第一个切片是长和高都输入1的，，第二个切片是长1，高2，可以明显看到，每次在画布上拉选时，他都会按这个比例切片。

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

3、样式选择”固定大小“，我们可以在宽度和度高度各给一个数值，例如都给200，那么在画布上画时，都会是此大小的切片。

https://exp-picture.cdn.bcebos.com/5917cb3da824d8e922cbe5d3da598540112ac8b2.jpg

4、样式选择”正常“就是可以任意在画布上画切片大小，大小不受限制。

https://exp-picture.cdn.bcebos.com/05a320a23a42a07a5709e286673834bb18efc1b2.jpg

5、大家注意到，还有一个基于参考线的是灰色，因为图片上我们没有画出参考线，那我们来操作下，点菜单栏的 视图----标尺，此骀旬沃啭时会出现像尺子一样的在左侧和上方。那我们用鼠标在尺子那里左键拉到画面上，如图所示。

https://exp-picture.cdn.bcebos.com/0d55dc7bd2828689a05ce90465f97fbd4d7c37b3.jpg

6、拉好参考线后，点基于参考线的切片。

https://exp-picture.cdn.bcebos.com/3d002dbad341037dea2d97c3a9bc7dc5ce672db3.jpg

7、如果把切片导出呢，那我们来操作下，点菜单中的：文件----导出-----存储为web所用格式

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

8、出现提示后，一般默认即可。

https://exp-picture.cdn.bcebos.com/47bf594ec28333bf20f56bfadbb8b43ea9db1db3.jpg

9、这里还有一个提示，存什么格式，html就是生成网页，图像就是图片的意思，然后保存到自己想要的盘。

https://exp-picture.cdn.bcebos.com/51f9aa3ea8db574adb28cd29a7f7dfb2dd1917b3.jpg

10、如图所示得到二个文件（如果要别人电脑打开这二个文件都要发给对方，或者你放服务器里，就把网址发给对方就能打开。）

https://exp-picture.cdn.bcebos.com/92dd32f7dfb2dc19e83605ae95def4dca13910b3.jpg

11、闲话不多说，让我们来打开刚刚的切片后效果，如下图所示。

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