切圖的主要目的是從設計師提供的psd中獲取網頁制作所要的資源
一、界面設置
1. 新建文件，調整界面大小，背景設置為透明
2. 自動選擇，把組切換為圖層
3. 添加窗口內容，一共四項：圖層、歷史紀錄、信息、字符，之后在右上角調整信息面板選項
4. 新建並保留該工作區，出問題可以直接恢復
5. 首選項各內容單位都設置為像素
到此，准備工作完成完成
二、基本操作
這部分視頻里主要講解了一些ps的常見操作，記錄幾個個人覺得有用的點
1. shift & alt 的靈活使用
2. 多個工具（套索、魔棒等）可以配合使用以得到精確的選區
3. 裁剪時先用選擇工具選擇，然后轉為裁剪，可以獲取精確大小
4. 歷史記錄畫筆的使用，人臉調整
5. 去掉文字間的底色，顯影模式 （alt+單擊圖層顯示按鈕）
6. 鋼筆曲線上添加文字
7. 隱藏參考線（ctrl + ； ）
三、傳統/精准切圖
傳統切圖與切片
1. 先分析一下，哪些是開發能實現的，哪些是需要切片的內容
2. 切片（裁剪選項右鍵），有主動切片與被動切片之分，裁剪速度較慢
3. 基於參考線的切片，能夠同時切出多個類似瓦片，需要刪除切的過細的切片
4. 可以先裁剪出一個區域，再結合切片，最后導出存儲為Web格式
基於腳本的精准切圖（要求圖層的命名要有層次、准確）
1. 文件 >腳本切圖，可以保留陰影，方便快捷，各切片的名稱與圖層名相同
2. 首選項 >增效工具，啟用生成器，文件 >生成 >圖像資源，更改圖層的名稱，添加后綴即可（jpg、png等）
四、小結
其實主要還是講ps，對像素的概念強調的比較多，之前大四自學過的好多操作都忘了.....emmmm不經常用就是這樣
最后附上課程地址：https://www.imooc.com/video/9813