如果你是一個從沒用過ps的同學，請開啟軟體邊看邊嘗試。相信這樣可以讓你更快的熟悉切圖的基本方法，自己多練習應該可以滿足前端工作中遇到的切圖需求啦。（堅持看完，你會有收穫的，當然僅僅是入門一丟丟咯~）

PS新建檔案

ctrl+n,彈出視窗，寬高一般單位都是為畫素，網頁的psd顏色預設是均為rgb,解析度一般為72畫素/英寸。

PS常用類

工具類：移動工具，選框工具（可以檢視選中區域的大小，選擇目標區域），文字工具。
選單類：編輯選單，影象選單。
圖層類（核心）：新建圖層，複製圖層，刪除圖層，鎖定圖層（開啟這種鎖定後，那麼這個圖層既無法繪製也無法移動。並且無法更改圖層不透明度和圖層混合模式。）
注意：選框工具不能選擇形狀工具，需要和一個圖層（可以是空白的也可以是有內容的）合併，才能裁剪出來。
常規操作快捷鍵

ctrl+r 切換標尺的顯示和隱藏，預設是釐米為單位，右擊標尺任意位置，設定為畫素，以畫素為單位。
按著空格+滑鼠單擊，可以定位到某個滑鼠位置，拖動可以檢視檔案的細節內容。
按著alt+shfift+滑鼠滾輪上下滾動,可以放大縮小當前的檔案
ctrl+z可以撤回一次，ctrl+alt+z可以最多撤回20次。
吸取顏色,單擊前背景色色標，滑鼠自動變成了吸管的樣子，吸取顏色就會反應到彈 出的拾色器視窗中。
單擊移動工具，工具欄中左側，有自動選擇的複選框，右側展開有圖層和組，如果選擇了自動選擇-圖層，滑鼠拖動，可以移動當前圖層，同樣自動選擇組是可以 移動當前組。
選擇圖層

1、選擇整張圖層

點陣圖：ctrl+單擊所需要切圖的圖層的縮圖，出現螞蟻線就是選中了
向量圖（類似形狀路徑）：先柵格化圖層，然後再ctrl+單擊所需要切圖的圖層的縮圖，出現螞蟻線就是選中了。
如果選擇了自動選擇-圖層，滑鼠拖動，可以移動當前圖層，同樣自動選擇組是可以移動當前組。
2、選擇圖層的一部分

點陣圖：先用選框工具框選需要的內容，ctrl+c,ctrl+n（背景內容選透明）,ctrl+v貼上。
如果是形狀路徑，單擊選中的只是輪廓，需要在形狀路徑的前面或者後面新建一個圖層，然後ctrl+E合併圖層。
合併圖層

ctrl+E : 有需要的合併的圖層，選中需要合併的圖層，ctrl不連續選擇圖層，shift選中多個連續圖層，ctrl+E合併選中圖層

注意：如果圖層合併後發黑或者不是合併前的正常效果，是ui設計師用了圖層混合模式、或調整圖層、或濾鏡-渲染中的相關效果， 此時需要設計師協調。
隱藏 / 顯示圖層

單擊想要隱藏圖層左側的眼睛圖示

注意：只能單獨隱藏，不能選中多個圖層隱藏。
刪除圖層

選中需要刪除的圖層，ctrl不連續選擇圖層，shift選中多個連續圖層，拖到圖層底工具箱底部的刪除按鈕上，或者按delete刪除。

儲存圖片

1.選擇整張，右擊圖層直接另存為
2.選擇圖層的一部分，先選中圖層，然後用矩形選框工具或者套索工具選擇一部分，然後就有了下面兩種儲存方法：
1) ctrl+c，複製，ctrl+n新建，ctrl+v貼上，ctrl+shift+alt+s另存為網頁格式，起名字，儲存。
2) ctrl+j複製一層，將複製的一層右擊，快速匯出為png或者儲存為，儲存為後，將複製的那一層刪除掉。
到這裡，作為一個前端開發者，你需要的圖片就有了，至於更加精細的工作，比如美化和製作自己喜歡的圖片就靠大家的嘗試了。總之，ps的的世界還是非常奇妙的，等著你去探索啦。