前端必备：PS切图小技能

一、准备工作：工作区设置

1.新建图层的参数设置：

宽度一般是：1920px；
颜色：RGB；
背景内容：透明；
可以存储为预设，方便以后直接使用

2.参考线

调出参考线：视图——显示——智能参考线勾选上
只能用V移动工具拖出参考线。
参考线横变竖，按Alt。

新建参考线：视图——新建参考线
快捷键：Alt+V+E

【备注】当选中一个图层的时候，参考线会自动吸附到该选中图层的边缘。

3.右侧工具栏仅需保留4项：

图层、历史记录、信息、字符

其中，“信息”——设置——“信息黑板选项”设置如下图

4.统一单位像素

编辑——“首选项”设置如下

★上述操作完成后，“窗口”——“工作区”——“新建工作区”设置如下图：

方便以后直接调用。

二、常见切图方式

精准选中要切的图片方法：

V移动工具下。

自动选择勾选框可以不勾选，选择为图层。
选中需要的图片事点下Ctrl。即可选中对应图层。

1、传统切图方式：

方式1.切片工具直接选取切图

方式2.基于参考线切图

用参考线选取- 在切片工具下-找到“基于参考线切图”

方式3.裁剪工具

先用矩形选框选中——“图像“-裁剪——存储为web格式

方式4.转为智能对象

在V移动工具状态下，选中要切的图层——转化为智能对象；
用M矩形选框工具，大致选中智能转化的图，Ctrl+C复制，ctrl+N新建后，Ctrl+V粘贴；
图层中的背景图层，取消勾选——存储为web格式

2、精准切图

利用Photoshop的脚本切图

自动化切图，省时省力
计算机自动计算，尺寸更精准
命名依据PSD图层

第一步：

第二步：