前端必备PS技巧

PS在前端主要有两方面的应用：1：测量图像大小、距离 2：切图
测量不用说大家平时开发都需要用，而切图也是前端必备技能。我们作为前端会比UI更清楚我们需要的图片，有时候需要修改也可以自己动手，不必处处麻烦UI，也提高了工作效率。

那我们从零开始吧！

1.下载工具PS

在这里分享一下正版PS安装包，内含注册码的，链接失效了可以下方评论。
下载链接：链接：https://pan.baidu.com/s/1oIeHrcH2VBGx8ujO2MGiKA
提取码：adoz

2. 设置工具

为了使用更加方面我们可以先设置一下一些窗口格式。
在上面菜单栏点击窗口把：图层，信息，历史记录勾选上
在视图窗口把标尺勾选上。

3.测量和取色

【测量宽高】工具：参考线，矩形选框，信息面板。

1 从标尺上拉出参考线（在标尺上按住鼠标左键不松往你想要地方拉，就会出现一根线，上下左右都可以，也可以不拉，拉了会更精确些，选框会自动吸附到参考线上）

2 找到矩形选框，选中你要测量的地方，选中的时候你可以看两个地方：1 鼠标位置有显示宽高 2 信息面板也有显示。不过当你松开鼠标，就只有信息面板有显示信息了，如下。

【取色】：取色器+吸管工具

1 点击取色器，会出现一个面板，这个时候把鼠标放在图片上会发现自动变成了吸管工具，不用专门去找，然后点击你想要取的颜色，面板上就出现你想要的信息。（还可以用取色器检查你的按钮或者背景是不是是纯色）

4.切图 ：切片工具

现在工具栏找到切片工具：

选取需要切的范围，然后在菜单栏—>文件—>转为web格式
然后调整图片格式和质量按自己需求来：

然后存储到相应位置使用即可。