前端用到的PS技巧&速记

了解ps第一步先把ps的工具认全，有个大致的认识干嘛的，叫什么名字即可；

我们设计网页用ps更多的是量取间距，获取大小，取色，切图等

聊一些我们好用的快捷键吧

1. Ctrl + “+” 放大图片
2. Ctrl + “-” 缩小图片
3. Ctrl + R 调用标尺（默认单位是cm，可以右键改为px）
4. Ctrl + D 取消选框所选区域 （选框工具在ps界面最左侧，如果不知道是哪个的话，鼠标放上去会有提示的）；

怎么量取间距呢？
用选框工具，框选目标位置，如果目标位置比较小，利用上面的ctrl + +可以扩大图片再选取更加准确、

怎么取色呢？
最左侧有一个吸管的工具，可以吸取颜色，吸取以后，最左侧下方有一个底色和照片颜色的选区，点击就可以复制想要的颜色了。吸管工具和底色选区放在下面的图片里了。

怎么切图呢？
在美工专业人员设计导出的psd文件中获取我们想要的图片。怎么办呢？有三个办法：

1. 鼠标左键选中我们需要的图片，点击鼠标右键，导出即可。

2. 但是美工有时候会把图片和文字相分离，那怎么办一起导出呢？也很简单，按着shift选中需要导出的多个图片，点击鼠标右键，导出即可。

3. 就是切图了，利用切图工具，工具在最左侧，选中以后，点击文件，导出到web中，然后选择仅仅导出切片选中的区域，然后导出。

   当然也有更简单的方式，下载一个cutterman的软件。操作更加简单。在这里就不做演示了，插件安装官网上有。还有一点要记住，这个插件只支持完整版的ps不支持绿色版本的，如果不知道自己是哪个版本的话，打开ps，我教你一招，最上面的导航栏点击窗口，点击扩展功能，如果有东西就是完整本，如果没有东西那就是绿色版本。