photoshop切图
1.傳統(tǒng)切圖?
(1)打開一個psd文件,選擇ps左邊菜單欄的裁剪工具,選擇切片工具。首先我們對這個psd文件進(jìn)行分析,有意識的將其劃分成幾個選區(qū),然后通過鼠標(biāo)的拖拽用切片工具將我們所需要的圖案切下來,如下圖:?
如上圖,藍(lán)色標(biāo)號的切片是我們手動選擇的切片,灰色標(biāo)號是自動生成的切片,然后導(dǎo)出這些切圖,選擇文件—>導(dǎo)出—>存儲為Web所用格式,保存到你要用的文件夾里。
(2)參考線切圖
一般設(shè)計師在設(shè)計的時候通常會用到參考線,那我們也可用參考線來簡化切圖操作,首先選定你要切的某個圖案的圖層,然后用鼠標(biāo)拖動左部或頂部的標(biāo)尺將其拉到該圖案的邊界,該邊界會自動吸附參考線,因而比較準(zhǔn)確,這樣這個圖案的參考線就設(shè)置好了,同理再去設(shè)置其他圖案的參考線,如下圖:?
由于參考線密集,會出現(xiàn)很多我們不需要的切片,我們可以點擊鼠標(biāo)右鍵刪除不需要的,我們發(fā)現(xiàn)像這樣一次性切圖太累了,要刪除很多不用的切片,所以建議將psd文件進(jìn)行裁剪一塊一塊切,然后關(guān)閉參考線檢查切圖。最后將切片導(dǎo)出到文件夾里。
以上就是傳統(tǒng)切圖方式,比較麻煩耗時且不精準(zhǔn),所以我們使用計算機進(jìn)行精準(zhǔn)切圖。
?
2.精準(zhǔn)切圖?
下面我們來用photoshop的腳本進(jìn)行一種更加快捷精準(zhǔn)的切圖方法。它的優(yōu)點在于,自動化切圖省時省力,計算機自動計算,尺寸更精確。
首先打開一個psd文件,選擇文件—>導(dǎo)出—>將圖層導(dǎo)出到文件—設(shè)置其屬性,選擇存儲位置和保存類型,勾選透明區(qū)域,交錯,裁剪圖層,最后運行導(dǎo)出,這個過程需要等幾分鐘。建議還是一塊一塊區(qū)域切。
?
3.photoshop CC版本的精準(zhǔn)切圖—自動切圖?
(1)首先我們選擇一個需要切的圖案,選擇其圖層。然后設(shè)置參數(shù),選擇編輯—>首選項—>增效工具—>勾選啟用生成器,點擊確定。選擇文件—>生成—>圖像資源。我們發(fā)現(xiàn)在psd文件所屬目錄下會生成一個空的.assets文件夾,最后我們將該圖層的名字后綴改為.png,會發(fā)現(xiàn)assets文件夾里多出了我們切的圖案,這樣一個圖案就切好了。
(2)在(1)的基礎(chǔ)上,很容易導(dǎo)出SVG格式,只需要將該圖案所在的圖層名字后綴改為.svg就可以。
?
4.自動導(dǎo)出切圖
圖層右鍵,快速導(dǎo)出為png
?
轉(zhuǎn)載于:https://www.cnblogs.com/liyouwu/p/9718761.html
總結(jié)
以上是生活随笔為你收集整理的photoshop切图的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 第十章 深入理解Session与Cook
- 下一篇: codeforces CF986C AN