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

如上圖，藍(lán)色標(biāo)號(hào)的切片是我們手動(dòng)選擇的切片，灰色標(biāo)號(hào)是自動(dòng)生成的切片，然后導(dǎo)出這些切圖，選擇文件—>導(dǎo)出—>存儲(chǔ)為Web所用格式，保存到你要用的文件夾里。

（2）參考線切圖

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

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

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

?

2.精準(zhǔn)切圖?

下面我們來(lái)用photoshop的腳本進(jìn)行一種更加快捷精準(zhǔn)的切圖方法。它的優(yōu)點(diǎn)在于，自動(dòng)化切圖省時(shí)省力，計(jì)算機(jī)自動(dòng)計(jì)算，尺寸更精確。
首先打開(kāi)一個(gè)psd文件，選擇文件—>導(dǎo)出—>將圖層導(dǎo)出到文件—設(shè)置其屬性，選擇存儲(chǔ)位置和保存類型，勾選透明區(qū)域，交錯(cuò)，裁剪圖層，最后運(yùn)行導(dǎo)出，這個(gè)過(guò)程需要等幾分鐘。建議還是一塊一塊區(qū)域切。

?

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

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

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

?

4.自動(dòng)導(dǎo)出切圖

圖層右鍵，快速導(dǎo)出為png

?

轉(zhuǎn)載于:https://www.cnblogs.com/liyouwu/p/9718761.html

總結(jié)

以上是生活随笔為你收集整理的photoshop切图的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。