关于PS切图

现在前端项目中碰到越来越多的图片处理问题，虽然找自己公司UI小哥哥小姐姐可以解决，但是每次都找不仅要看别人有没有时间，更得看人家脸色
唉，自己摸索着来吧（多图，流量党请注意切换WiFi）：

通常切图的时候要分为两种情况：
1. 来图为PNG图片，PNG图片没有图层，需求是将图中所需的按钮Btn切出，然后切出之后再将图片中原来的按钮位置给清除掉。

    操作：首先选择切片工具选中你需要切出的按钮大小
    ![](https://img2020.cnblogs.com/blog/1966329/202003/1966329-20200312095849948-396886961.png)
    ![](https://img2020.cnblogs.com/blog/1966329/202003/1966329-20200312095905024-194703167.png)

    然后再使用矩形选框工具，使用矩形工具包住你的切片图片，
    ![](https://img2020.cnblogs.com/blog/1966329/202003/1966329-20200312101300358-1362962299.png)

    接下来新建一个窗口（Ctrl+ N），用来接收你的切片图片，

    最后选择移动工具，拖动你切片工具切中的图片，这样你切好的的按钮就能移动了，
    将其移到你的新建窗口中，最后右击保存为PNG；
    ![](https://img2020.cnblogs.com/blog/1966329/202003/1966329-20200312111305473-30629253.png)
    
    但是这样操作原图是不会有所变化的，切出去的图片只是移动复制了一份，还需要再将原图中的按钮清除掉

    操作：矩形工具选中你要清除的地方，右击选择填充，让矩形内的图片根据背景自适应背景色，重复操作几次，使矩形框中的内容消失达到预期效果。
    ![](https://img2020.cnblogs.com/blog/1966329/202003/1966329-20200312133340452-1341737124.png)
    
    当然也可以使用橡皮擦或者仿制图章工具，根据情景选择。

    2.  来图是PSD格式的，PSD就比较好办，PSD图片是有图层的，这样就不需要切图操作，只需要操作图层就可以拿到你想要的按钮，或者隐藏掉你的按钮

        操作：图层操作在PS栏右下方，每个图层前方有个控制显示与隐藏的check框，隐藏掉遮挡部分，露出你想要的图层，然后右击导出为PNG就可以了。

        是可以隐藏的只剩下按钮，也可以将按钮单独隐藏掉。（由于之前的项目刚过去，PSD文件都删掉了，所以关于PSD的细节没有图解后续会慢慢更上，有需要的小伙伴可以提前私聊我~）

原文地址：https://www.cnblogs.com/mingyouqingsi/p/12468733.html