【前端】PS图层切图

PS有很多的切图方式，例如：图层切图、切片切图、PS插件切图等。PS切图是前端人员的必备技能之一。

准备工作

• 首先用PS打开PSD文件，打开后如下图所示
  
• 接下来对PSD图片稍作调整，选择缩放工具
  
• 选择填充屏幕
  
• PSD文件就自适应屏幕了。
  

图层切图上

• 用鼠标选择左侧工具栏的移动工具，如下图所示：
  
• 用鼠标点击PSD中想要切图的图片，例如点击文件中的“快乐编程”，如下图所示：
  
• 此时，右侧图层栏会有一个图层被选中，如下图所示：
  
• 为了检验这个图层155是否对应于我们的快乐编程图片，点击图层155左侧的小眼睛图标，之后PSD文件中的快乐变成图片不见了，如下图所示。此时，该现象说明图层155确实是我们想要的图片对应的图层。
  
• 将光标放在图层155文字上，右键选择快速导出为PNG，保存图片到想要的路径，图片就完成切图了。
  
  

图层合并

当我们想要导出多个图层时，我们需要事先将多个图层进行合并。例如我们想将下图中圈住的图片导出，如下图所示：

左侧工具栏选择移动工具

之后点击我们想要导出的图片，在通过小眼睛检测是否确实是我们想要的图层，如下图所示：

此时，我们发现我们想要的图片中，只有背景图片消失了，图片中的文字还显示在PSD文件中，如下图所示。这就说明，我们的图片是由多个图层组成的。如果需要将包括文字的图片整张导出，就需要将图层进行合并。

为了进行图层合并，我们需要找到Python+人工智能对应的图层找到。我们只需点击文字，这样就可以找到其对应的图层。之后按住 Shift 键，再选中之前的背景图片，这样文字和背景图片对应的图层都是被选中，如下图所示：

接下来选中图层菜单中的合并图层，如下图所示

这样两个图层就进行了合并，如下图所示：

之后就可以导出我们想要的图片了，如下图所示：