前端ps切图，图文教程，详细。

https://blog.csdn.net/OBKoro1/article/details/69817571

 

1.下载

我如今使用的版本号：PS-CS6，网上不少破解版本的自行搜索下载。

2.安装好PS以后，先要调整工做区域的布局。

1.选择“窗口”——把“信息”，“图层”，“历史记录”，“颜色”面板打开，其余的能够先关闭了，在切图的工做中其余的基本用不到，这个很简单的，打几个勾就能够了，以下图所示：

Paste_Image.png

工做区的内容

2.调整好面板以后，选择“窗口”——“工做区”——“新建工做区”，将当前的工做布局保存起来，并命个名，以后下次打开的时候就会直接出现你调整好的工做布局，不然的话你每次从新打开ps的时候都要从新设置。

ps：就算有别人弄乱了你的面板也能够直接经过“窗口”——“工做区”——选择你以前保存的工做布局。

3.切图

切图需求：

这是咱们须要切的图

切图步骤见图

切图步骤1.

选择图层的时候要先按住alt不放，而后再按鼠标右键。

Paste_Image.png

　隐藏图层。

Paste_Image.png

效果：

Paste_Image.png

　连续操做隐藏图层(背景图要隐藏干净)：

效果，以及接下的步骤（切线就是一根根淡蓝色的线）

Paste_Image.png

保存切片1

Paste_Image.png

保存切片2

Paste_Image.png

保存切片3

Paste_Image.png

被局限的方法（原理是同样的）：

这有局限

踩坑经历：

网上不少教程都说使用png格式就能够，却并无说png-8或者是png-24，甚至有些教程告诉我使用png-8！在这里分享一波，保存切片必须使用png-24，由于我踩过坑了（/(ㄒoㄒ)/~~）