PhotoShop切图

---

1. 原始切图

（1）选择工具栏中的切片工具 image.png
（2）找到要切片的元素，在右侧的图层框中，使元素背景隐藏，然后用切片工具选择需要切片的元素 image.png
image.png
image.png

（3）导出为web常用格式，一般为png-24。

image.png
image.png
（4）切图结果
image.png

---

2. 基于参考线的切图

（1）设置显示参考线和标尺
视图->显示->参考线

image.png

视图->标尺

image.png
（2）画参考线
image.png
（3）选择切片工具，点击属性栏中的“基于参考线的切片”
image.png

（4）导出。

---

3. 自动切图

（1）选择文件->导出->将图层导出到文件。

image.png

（2）选择导出格式和其他配置项，运行。

image.png
（3）photoshop自动导出所有图层的切片，速度可能较慢。