1.        PS中我的標尺的參考線為什麼不能自動吸附圖層或畫布中間了？有個選項沒有選擇“選單欄-檢視-對齊”，勾選下，裡面的選項你可以看著勾選。還有一點要注意，你想吸附到圖層畫素邊緣的時候，需要你選中這個圖層。

2.        按照設計師提供的設計稿，實現HTML頁面，需要將設計稿切分成為最終在頁面中呈現的一個個圖片，我們一般稱之為“切圖”。

3.        新建ps檔案設定：解析度 72畫素/英寸，背景內容透明，儲存預設很方便。

4.        移動工具設定：右下角的圖層選項選擇，左上角勾選“自動選擇”，選擇“圖層”。選擇圖層可以用Ctrl + 滑鼠左鍵。

5.        檢視設定：勾選“智慧參考線”“標尺”。右側四大面板：圖層，歷史記錄，資訊，字元。資訊面板設定。都改為畫素。

6.        簡單工具操作：移動、選區（四種選法）（單行和單列都只是一個畫素）、套索、快速選擇、裁剪、取色器。

7.        shift鍵和alt鍵針對選區是通用的，shift鍵表示增加選區的一部分，alt鍵表示減少選區的一部分。

8.        我們可以把PhotoShop CS版本時的切圖功能稱為傳統切圖，而從PhotoShop CC版本開始PS提出了精準切圖。所謂傳統切圖就是切圖人員基本上都是自己分割圖層切圖，傳統切圖又分為全手工切圖和參考線切圖；現在CC版本提出的精準切圖，切圖人員可以依賴計算機把圖層物件精確的切割出來，這樣切割出來的圖層肯定比傳統切圖切出來的精準度高。另一方面，CC版本可通過指令碼執行全自動切圖，這樣完全解放了切圖人員的雙手。

9.        我們先把工具切換到“切片選擇工具”，上面的選單欄多了一個“隱藏自動切圖”按鈕。點選“隱藏自動切片”按鈕，然後我們再看看切圖一個就只有8個切圖了，這8個切圖真是我們自己切的。但細心一點的同學看到最後一個切圖的編號是29，“隱藏自動切片”只是隱藏了自動生成的切片，而不是刪除切片。

10.    切圖完成之後就可以執行匯出了。開啟“檔案”->“匯出”->“儲存為Web所用格式”（老版本開啟方式為“檔案”->“儲存為Web所用格式”），彈出“儲存為Web所用格式”視窗。需要設定幾個選項，右上角下拉列表選擇“PNG-24”，勾選“透明度”和“交錯”選項。最後點選“儲存…”，選擇我們儲存的路徑。到目前為止，手動切圖工作基本上就完成了。

11.    精準切圖：開啟選單“檔案”->”匯出"->“將圖層到處到檔案”，彈出匯出視窗。上面視窗需要填寫幾個引數，“目標”即匯出到哪個目錄下，“檔名字首”為所有匯出圖片檔名稱的字首，“僅限可見圖層”只匯出可見圖層，“檔案型別”為匯出檔案的型別（例如png、jpg等）。最後點選“執行”按鈕開始執行自動切圖。

12.    自動切圖

l  選擇選單“編輯”->”首選項"->“增效工具”，彈出下面的視窗。勾選“啟用生成器”。

l  勾選“檔案”->“生成”->“影象資源”選單。

l  現在把分組名稱重新改為“Address.png”。然後我們到psd檔案目錄下，psd檔名字為“Artica- One Page PSD Template“，可以看到同目錄下生成了另外一個叫做”Artica - One Page PSD Template-assets“的資料夾。

l  svg格式匯出

l  WebP格式匯出：檔案->抽出資源

13.    自動切圖也是生成svg的利器。ps不僅可以把圖層生成為png檔案，還支援生成svg檔案。

14.    參考線不會吸附到羽化的地方，而是實實在在的地方。

15.    傳統切圖可以剪裁後再切，事半功倍。

16.    Photoshop CC 自動生成CSS：右鍵->複製CSS。