Photo Shop 设置

1. 编辑 > 首选项 > 单位与标尺

2. 面板

在『窗口』 菜单下开启:

• 工具
• 选项
• 信息（F8）
• 图层（F7）
• 历史记录

可以将设置好的面板保存下来，这样下次别人弄乱了你的面板后，你可以通过选择右上方的下拉列表迅速恢复你的面板。

窗口—>工作区—>新建工作区

工作区介绍:

1.左侧『工具』，主要是一些工具 如 选取，魔棒，拾色器，拖放

2.顶部 『选项』，隶属于某一个 工具，比如魔棒工具在选项里会有容差值的设定。

3.右侧『信息』，包含当前选取的 颜色，尺寸，位置。一般配合『矩形选取工具』做测量。

4.右侧『图层』，包含1-N个图层，可以对图层进行新增，删除，改变层级。

5.右侧『历史记录』，包含了每一个历史记录，可以方便回滚到某个状态。

工具

切图常用工具:

移动工具: 选择图层，移动图层

自动勾选+图层

组又是什么概念呢？组就是一个文件夹，是设计师再设计的时候把很多相关的文件放在一个文件夹。所以 组≈文件夹。

矩形选框工具: 用矩形选框工具选择一个矩形框，然后在右侧『信息』面板中查看颜色，尺寸，位置信息。

魔棒工具: 抠图神器之一，比较适合用来扣取一些不规则的图形。

裁剪工具+切片工具:  裁剪画布

缩放工具

- 放大 : Ctrl+加号

- 缩小 : Ctrl+减号

取色器： 前景色取色器，背景色取色器。

辅助视图

在“视图”菜单下开启：

对齐

标尺  Ctrl+R

显示 > 参考线 Ctrl+;

(需勾选显示额外内容)

测量、取色

打开设计稿，获取信息

• 尺寸信息     测量  width: 220px;
• 颜色信息     取色 color: #ffcc00;

测量

所有数字都要测量

哪些要测量？

宽度，高度

内编剧，外边距

边框

定位

文字大小

行高

背景图位置

矩形选框工具

添加到选区： 按住 Shift (可用来测量很宽的页面的宽度)

从选区减去 :   按住 Alt

从选区交叉 ：按住Shift+Alt

取色

（所有颜色都要取色）

哪些要取色？

• 边框色  border-color
• 背景色  background-color
• 文字色  color

取色工具的巧用： 确定背景是否为纯色（在附近不停地点击）

魔棒工具的巧用：用魔棒工具确定是否为线性渐变。