推荐一组专属web切图仔的photoshop界面配置（工作区）

画布配置

虽然对于切图仔来说，一般都是直接从设计师那接过PSD图，而不会自己新建一个画布，不过为了“教育”菜鸟设计师，还是需要知道一下的，嘿嘿。

有几个要注意的点：

• 网页设计中通通以像素(px)为单位。
• 目前主流屏幕的分辨率是1920*1080，因此宽度一般设为1920像素。
• 由于网页可以往下滚动，因此高度一般不限，大于1080px就好了。
• 分辨率为72。
• 颜色为RGB 8位。
• 背景内容一定得是透明，不然后续切图层的时候你就知错了。
• 可以把这画布的设置“存储预设”，下次就直接可以在“预设”那下拉菜单里选出来了。

移动工具配置

就把默认选中组改为默认选中图层，因为通常切图都是按图层为单位的。自动选择我建议是不勾上，误选中的话还要取消，麻烦，还不如按Ctrl + 鼠标左键来得方便。

视图配置

视图 - 标尺、视图 - 显示 - 智能参考线都勾上。

窗口配置

photoshop默认有“库”、“通道”、“路径”等窗口是打开了的，然而其实对于我们切图仔来说大部分都不需要的，我们只需要保留信息、字符、历史记录、图层就可以了。

信息面板配置

接下来我们需要配置一下信息面板，点击信息面板右上角的那个菜单，点击里面的一个面板选项。

如上图所示进行配置：

• 第一颜色设为RGB颜色，第二颜色设为Web颜色。
• 鼠标坐标的单位定为像素。
• 文档尺寸可标可不标，标上看看大小也不错。

单位与标尺配置

在编辑 - 首选项 - 单位与标尺菜单中，把“单位”统一改为像素。

图像生成器配置

1. 打开配置 - 首选项 - 增效工具配置，勾上启用生成器。
2. 在文件 - 生成 里勾上图像资源。

至于为什么要这么做，请看《photoshop cc 自动切图》

保存工作区

到这里我们其实已经把切图仔所需要的配置都搞好了，但是为了避免以后搞乱，所以最好将这组配置给整块保存起来，这样我们就需要保存工作区了。

点击窗口 - 工作区- 新建工作区，并按上图设置好名称，勾上键盘快捷键和菜单，按存储按钮，我们的工作区就保存好了，以后就可以在photoshop的右上角那下拉菜单给找回来了，如下图所示：

如果在新建工作区后，发现还需修改，则在修改完成后，再以同样的名称来新建一个工作区，即会提示覆盖原来的工作区，如下图所示：