當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>技巧教程>教程內(nèi)容

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

來源:未知 作者:不詳 學(xué)習(xí):8435人次

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

切圖教程,18招PS切圖技巧_theoat.com.cn  


技巧一:等分切圖 

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

切圖教程,18招PS切圖技巧_theoat.com.cn  


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

切圖教程,18招PS切圖技巧_theoat.com.cn  


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

切圖教程,18招PS切圖技巧_theoat.com.cn  


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

切圖教程,18招PS切圖技巧_theoat.com.cn  


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

切圖教程,18招PS切圖技巧_theoat.com.cn  


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

切圖教程,18招PS切圖技巧_theoat.com.cn  


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

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

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

切圖教程,18招PS切圖技巧_theoat.com.cn  


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

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

切圖教程,18招PS切圖技巧_theoat.com.cn

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!