導航:首頁 > 文件教程 > psd文件怎麼切片

psd文件怎麼切片

發布時間:2024-10-11 07:57:08

⑴ photoshop怎麼切圖

1.傳統切圖

(1)打開一個psd文件,選擇ps左邊菜單欄的裁剪工具,選擇切片工具。首先我們對這個psd文件進行分析,有意識的將其劃分成幾個選區,然後通過滑鼠的拖拽用切片工具將我們所需要的圖案切下來。

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

問題:觀察上述操作,我們會發現這樣一個一個圖案切太麻煩耗時了,如果一個電商網站要你切幾百個圖腫么辦?於是有下面一個較為方便的辦法:

(2)一般設計師在設計的時候通常會用到參考線,那我們也可用參考線來簡化切圖操作,首先選定你要切的某個圖案的圖層,然後用滑鼠拖動左部或頂部的標尺將其拉到該圖案的邊界,該邊界會自動吸附參考線,因而比較准確,這樣這個圖案的參考線就設置好了,同理再去設置其他圖案的參考線

由於參考線密集,會出現很多我們不需要的切片,我們可以點擊滑鼠右鍵刪除不需要的,我們發現像這樣一次性切圖太累了,要刪除很多不用的切片,所以建議將psd文件進行裁剪一塊一塊切,然後關閉參考線檢查切圖。最後將切片導出到文件夾里。

以上就是傳統切圖方式,比較麻煩耗時且不精準,所以我們使用計算機進行精準切圖。

2.精準切圖

下面我們來用photoshop的'腳本進行一種更加快捷精準的切圖方法。它的優點在於,自動化切圖省時省力,計算機自動計算,尺寸更精確。

首先打開一個psd文件,選擇文件—>導出—>將圖層導出到文件—設置其屬性,選擇存儲位置和保存類型,勾選透明區域,交錯,裁剪圖層,最後運行導出,這個過程需要等幾分鍾。建議還是一塊一塊區域切。

3.photoshop CC版本的精準切圖—自動切圖

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

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

閱讀全文

與psd文件怎麼切片相關的資料

熱點內容
ps入門必備文件 瀏覽:348
以前的相親網站怎麼沒有了 瀏覽:15
蘋果6耳機聽歌有滋滋聲 瀏覽:768
怎麼徹底刪除linux文件 瀏覽:379
編程中字體的顏色是什麼意思 瀏覽:534
網站關鍵詞多少個字元 瀏覽:917
匯川am系列用什麼編程 瀏覽:41
筆記本win10我的電腦在哪裡打開攝像頭 瀏覽:827
醫院單位基本工資去哪個app查詢 瀏覽:18
css源碼應該用什麼文件 瀏覽:915
編程ts是什麼意思呢 瀏覽:509
c盤cad佔用空間的文件 瀏覽:89
不銹鋼大小頭模具如何編程 瀏覽:972
什麼格式的配置文件比較主流 瀏覽:984
增加目錄word 瀏覽:5
提取不相鄰兩列數據如何做圖表 瀏覽:45
r9s支持的網路制式 瀏覽:633
什麼是提交事務的編程 瀏覽:237
win10打字卡住 瀏覽:774
linux普通用戶關機 瀏覽:114

友情鏈接