切圖教程,18招PS切圖技巧

2022-12-26 18:16:46 來源/作者: / 己有:97人學習過

首先我們要用到的切圖工具有兩個,一個是切片工具,另一個是切片選擇工具。左邊有個小按鈕,你按住它這三個選項就會顯示出來。 

切圖教程,18招PS切圖技巧  


技巧一:等分切圖 

① 用切圖工具切出整個的切片,如下圖,右鍵,選擇“劃分切片” 

切圖教程,18招PS切圖技巧  


② 出現如下圖中窗口,可進行水平劃分和垂直劃分,此貨架選擇“垂直劃分”,并進行設置,設置完成后,點擊確定。 

切圖教程,18招PS切圖技巧  


③ 切好圖之后就到最重要的步驟了,如下圖所示,選擇文件下面的“存儲為WEB 和設備所用格式”,最好記住快捷鍵(alt+ctrl+shift+s),如下圖 

切圖教程,18招PS切圖技巧  


④ 圖片格式為JPEG。關鍵是品質的設定,品質設的越小,它的大小就越小,但是如果品質太差,圖片會變模糊,我一般情況將品質設置80,既保證圖片較小也不會模糊。這個數值由你自己設置,是大是小,具體看你的需求。如下圖 

切圖教程,18招PS切圖技巧  


⑤ 格式選項根據自己需要選擇,這里選擇圖像。如下圖 

切圖教程,18招PS切圖技巧  


⑥ 存好后得到一個圖片文件夾和一個網頁,如下圖。就ok啦 

切圖教程,18招PS切圖技巧  


技巧二:基于參考線的切片 

很多人問,我的切片為什么切出分隔符,要不要管它,怎么切才不會出現分隔符,有人說是因為切片沒有對齊沒切好才產生的。然后我去實驗了一下,得出結論:就是你丫的沒切好嘛!! 

① 先在你要切的地方拉好參考線 
② 切換到切片工具,好不客氣的點擊“基于參考線的切片”,如下圖 
<圖片③ 
切換到“切片選擇工具”,選中你要合并的切片,選擇“組合切片”8> 
 

切圖教程,18招PS切圖技巧  


想怎么合就怎么合,切出來就是沒有分隔符~~ 

④ 切完保存為web 格式,上文已說,在這不再贅述。 

切圖教程,18招PS切圖技巧