记录一下ps与切图
参考 https://blog.csdn.net/xiaoermingn/article/details/53239914
需要达到的目标：
1. 能够自己使用ps从psd中获取网页前端开发过程中所需的资源；
2. 对ps有一个简单的了解；
3. 简单处理一些图片；
切图：
一. 传统的切图方法
1. 显示卡尺 ctrl + r (视图-卡尺)
2. 删除参考线，向四周拉线，就删除了
3. 新增参考线，从四周拉线，就出现线了
4. 拉线，将需要切出的icon包围，选择切片工具，左上到右下拉动，就会自动选中（可以用切片选择工具调整）
5. 选择 文件->导出->存储为Web所用格式;调整缩放比例，让图片能完整的在窗口显示 ;从左上到右下拉动；
6. 选择存储格式就ok了；
7. 缺点: png格式有背景； 图少时麻烦；
二. 处理单个图片且可以背景透明
1. 选择移动图标，勾选自动选择与图层选项；
2. 点击想要的icon并确认；
3. 将icon图层 转为智能对象；之后右键 编辑内容；就出来了；
4. 缺点：图多麻烦；
三. 智能抠图 ps cc 2018
1. 直接修改 icon后缀为-> icon.png，psd图同层就会出现一个同名字文件夹，里面就为该名称png图片；
PS
一. 界面设置
1. 四大面板
信息->查看color/width/height、 面板选项-> 第一/第二 设置为RGB,文档尺寸勾选；
字符->查看font-family/font-size/font-weight/font-style、
图层、
历史记录;(之前总用markMan是查看不了font-family的)
2. 正常状态，ps会添加一些切图，选择切片选择工具，点击隐藏自动切片，就OK了；
3. 清除所有参考线 视图 清除参考线
4. 编辑 -> 首选项 -> 单位与标尺 设置单位为 像素；