PhotoShop切图的三种方式
1. 原始切图
(1)选择工具栏中的切片工具

(2)找到要切片的元素,在右侧的图层框中,使元素背景隐藏,然后用切片工具选择需要切片的元素



(3)导出为web常用格式,一般为png-24。


(4)切图结果

2. 基于参考线的切图
(1)设置显示参考线和标尺
视图->显示->参考线

视图->标尺

(2)画参考线

(3)选择切片工具,点击属性栏中的“基于参考线的切片”

(4)导出。
3. 自动切图
(1)选择文件->导出->将图层导出到文件。

(2)选择导出格式和其他配置项,运行。

(3)photoshop自动导出所有图层的切片,速度可能较慢。