前端项目中的切图方法

第一种方法：

1.点击选择工具，勾选 自动选择，选择图层

2.用矩形工具画一个矩形在所需图标下面

3.Ctrl+N新建一个图形文件

4.按住Ctrl，选中图上的1图层和矩形7图层

5.在界面中拖动放入新建图形文件

6.适当调整图标的位置

7.按住Ctrl,点击图层中矩形的缩略图，出现选区

8.点击裁剪工具，两次回车

回车后的结果：

9.关闭矩形和背景图层的眼睛

10.另存储为即可

第二种方法（下面两种方法都是在photoshop CC最新版本中操作的）

精准切图：文件->脚本->将图层导出到文件

第三种方法

自动切图：

1.编辑->首选项->增效工具->启用生成器

2.文件->生成->图像资源（能导出一个组的完整图片）->组重命名.png

第四种方法

传统的切片切图，使用切片工具选择所要切出的对象，存储为web所用格式即可，但是这种方法在切图的时候我们可以基于参考线切片同时把每个模块分开来裁。