參考
需要達到的目標：
1. 能夠自己使用ps從psd中獲取網頁前端開發過程中所需的資源；
2. 對ps有一個簡單的了解；
3. 簡單處理一些圖片；
切圖： 一. 傳統的切圖方法
1. 顯示卡尺 ctrl + r (視圖-卡尺)
2. 刪除參考線，向四周拉線，就刪除了
3. 新增參考線，從四周拉線，就出現線了
4. 拉線，將需要切出的icon包圍ps基于參考線切圖，選擇切片工具，左上到右下拉動，就會自動選中（可以用切片選擇工具調整）
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/、 面板選項-> 第一/第二 設置為RGB,文檔尺寸勾選；
字符->查看font-/font-size/font-/font-style、
圖層、
歷史記錄;(之前總用是查看不了font-的)
2. 正常狀態ps基于參考線切圖，ps會添加一些切圖，選擇切片選擇工具，點擊隱藏自動切片，就OK了；
3. 清除所有參考線 視圖 清除參考線
4. 編輯 -> 首選項 -> 單位與標尺 設置單位為 像素；