photoshop怎么切圖

　　1.傳統切圖

　　(1)打開(kāi)一個(gè)psd文件，選擇ps左邊菜單欄的裁剪工具，選擇切片工具。首先我們對這個(gè)psd文件進(jìn)行分析，有意識的將其劃分成幾個(gè)選區，然后通過(guò)鼠標的拖拽用切片工具將我們所需要的圖案切下來(lái)。

　　藍色標號的切片是我們手動(dòng)選擇的切片，灰色標號是自動(dòng)生成的切片，然后導出這些切圖，選擇文件—>導出—>存儲為Web所用格式，保存到你要用的文件夾里。

　　問(wèn)題：觀(guān)察上述操作，我們會(huì )發(fā)現這樣一個(gè)一個(gè)圖案切太麻煩耗時(shí)了，如果一個(gè)電商網(wǎng)站要你切幾百個(gè)圖腫么辦?于是有下面一個(gè)較為方便的辦法：

　　(2)一般設計師在設計的時(shí)候通常會(huì )用到參考線(xiàn)，那我們也可用參考線(xiàn)來(lái)簡(jiǎn)化切圖操作，首先選定你要切的某個(gè)圖案的圖層，然后用鼠標拖動(dòng)左部或頂部的標尺將其拉到該圖案的邊界，該邊界會(huì )自動(dòng)吸附參考線(xiàn)，因而比較準確，這樣這個(gè)圖案的參考線(xiàn)就設置好了，同理再去設置其他圖案的參考線(xiàn)

　　由于參考線(xiàn)密集，會(huì )出現很多我們不需要的切片，我們可以點(diǎn)擊鼠標右鍵刪除不需要的，我們發(fā)現像這樣一次性切圖太累了，要刪除很多不用的切片，所以建議將psd文件進(jìn)行裁剪一塊一塊切，然后關(guān)閉參考線(xiàn)檢查切圖。最后將切片導出到文件夾里。

　　以上就是傳統切圖方式，比較麻煩耗時(shí)且不精準，所以我們使用計算機進(jìn)行精準切圖。

　　2.精準切圖

　　下面我們來(lái)用photoshop的腳本進(jìn)行一種更加快捷精準的切圖方法。它的優(yōu)點(diǎn)在于，自動(dòng)化切圖省時(shí)省力，計算機自動(dòng)計算，尺寸更精確。

　　首先打開(kāi)一個(gè)psd文件，選擇文件—>導出—>將圖層導出到文件—設置其屬性，選擇存儲位置和保存類(lèi)型，勾選透明區域，交錯，裁剪圖層，最后運行導出，這個(gè)過(guò)程需要等幾分鐘。建議還是一塊一塊區域切。

　　3.photoshop CC版本的精準切圖—自動(dòng)切圖

　　(1)首先我們選擇一個(gè)需要切的圖案，選擇其圖層。然后設置參數，選擇編輯—>首選項—>增效工具—>勾選啟用生成器，點(diǎn)擊確定。選擇文件—>生成—>圖像資源。我們發(fā)現在psd文件所屬目錄下會(huì )生成一個(gè)空的assets文件夾，最后我們將該圖層的名字后綴改為.png，會(huì )發(fā)現assets文件夾里多出了我們切的圖案，這樣一個(gè)圖案就切好了。

　　(2)在(1)的基礎上，很容易導出SVG格式，只需要將該圖案所在的圖層名字后綴改為.svg就可以。

【photoshop怎么切圖】相關(guān)文章：

photoshop怎么切圖04-13

關(guān)于PhotoShop教程:切圖那點(diǎn)事兒06-04

Photoshop矩形選框工具怎么摳圖并復制05-07

photoshop如何摳圖08-03

photoshop摳圖教程08-13

Photoshop摳圖技巧04-26

怎么用Photoshop的磁性套索工具完美摳圖06-20

Photoshop簡(jiǎn)單的摳圖技巧02-09

Photoshop的摳圖方法介紹06-19