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

無損技巧,無損裁剪圖片技巧(6)

來源:太平洋電腦網(wǎng) 作者:么么茶 學(xué)習(xí):96711人次

本篇教程主要跟大家講解如何用PS無損裁剪圖片,方法簡單,通過勾選"刪除裁剪的圖像"的選項(xiàng),保留裁剪掉的像素,從而實(shí)現(xiàn)便捷的裁剪調(diào)整,如果你還不知道如何無損裁剪圖片,趕緊學(xué)習(xí)一下。

下面是教程裁剪的原圖。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖00

具體的制作步驟如下:

在Photoshop左側(cè)工具欄中選擇裁剪工具。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖01

選擇裁剪工具后,在上方的選項(xiàng)欄中找到裁剪設(shè)置項(xiàng),默認(rèn)為"比例"。在裁剪設(shè)置項(xiàng)中可以看到其他的裁剪模式,這里根據(jù)教程需要采用默認(rèn)項(xiàng)比例。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖02

裁剪設(shè)置項(xiàng)有多種比例、分辨率設(shè)置,可以滿足尺寸和打印需求。這里選擇4:5(8:10)。從數(shù)值比例上來說4:5與8:10是一樣的,但8:10的比例描述更加常見,所以在菜單中以括號的形式加以說明。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖03

在選擇完比例后,可以看到寬和高已經(jīng)直接設(shè)置為4和5。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖04

在新版Photoshop中,裁剪操作邊框被重新設(shè)置,如下圖。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖05

因?yàn)樾枰谱鱾(gè)人肖像照,所以照片的重點(diǎn)應(yīng)該放在人物本身,四周的景物需要減少,以便突出人物。在裁剪工具選擇的狀態(tài)下,按著Alt(Win)/ Option(Mac)調(diào)整裁剪邊框的大小。

前面已經(jīng)在設(shè)置項(xiàng)中設(shè)置好比例,在進(jìn)行裁剪操作的時(shí)候,Photoshop就會根據(jù)預(yù)設(shè)的比例進(jìn)行裁剪,而按著Alt(Win)/ Option(Mac)的作用是鎖定圖像原中心位置不改變,否則PS就會從頂端開始裁剪的。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖06

裁剪好以后,在按Enter(Win)/ Return(Mac),裁剪效果如下。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖07

從上面的效果看,還可以。如果這時(shí)覺得背景裁剪得有點(diǎn)多,怎么辦?仍然是使用裁剪工具,重新裁剪圖像。在工具欄中重新選擇裁剪工具,調(diào)出裁剪邊框以及控制點(diǎn)。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖08

再次按著Alt(Win)/ Option(Mac),點(diǎn)擊裁剪邊框的上控制點(diǎn),往上拉,為整體圖像調(diào)整出更多背景。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖09

當(dāng)拖拉到差不多大小時(shí)候,松開鼠標(biāo)就會看到調(diào)整裁剪范圍后,留下巨大的白色邊框。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖10

為什么將裁剪邊框放大后會出現(xiàn)白色區(qū)域,剩下的圖像去哪了。在Photoshop中,裁剪的時(shí)候默認(rèn)將裁剪掉的像素刪除,如果放大裁剪邊框,Photoshop將會用當(dāng)前背景填充。

在Photoshop左側(cè)工具欄中可以看到前景色板和背景色板分別設(shè)置為黑色和白色。如果背景色設(shè)置為其他顏色,Photoshop就會用設(shè)置的顏色進(jìn)行填充,而不會是白色,但PS默認(rèn)是白色的。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖11

到這里搞清楚其中一個(gè)問題,Photoshop會自動(dòng)將放大裁剪邊框后的區(qū)域填充為白色。但為什么會先將圖像剩下的像素裁剪掉呢?

刪除裁剪的像素選項(xiàng)

如前面指出的,Photoshop會默認(rèn)將裁剪邊框以外的像素刪除。但事實(shí)上在Photoshop CS6以前,這并不只是默認(rèn)選項(xiàng),而是唯一選項(xiàng)。當(dāng)選擇裁剪圖像后,裁剪邊框以外的像素就會被刪除掉。這就是所謂的破壞性操作,因?yàn)檫@是對圖像來說是永久性的

但是在Photoshop CS6中,Adobe提供了另外的選項(xiàng),就是可以不刪除裁剪的像素,這個(gè)選項(xiàng)可以在裁剪選項(xiàng)欄中找到,選項(xiàng)默認(rèn)勾選刪除刪除裁剪像素。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖12

下面將應(yīng)用同樣的素材,看看不勾選刪除裁剪的像素后裁剪效果,會產(chǎn)生什么變化。首先點(diǎn)擊裁剪選項(xiàng)欄中取消當(dāng)前裁剪操作的按鈕或者按Esc。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖13

然后要將圖像恢復(fù)到裁剪前的模樣,在菜單欄中選擇"文件>恢復(fù)"。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖14

圖像會回到剛剛打開時(shí)候的狀態(tài)。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖15

在工具欄中選擇裁剪工具。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖16

這是裁剪比例選項(xiàng)中依然會顯示前面設(shè)置的4 : 5 (8 : 10),不過這次想要高寬的尺寸調(diào)換,如下圖點(diǎn)擊尺寸比例的轉(zhuǎn)換按鈕,將寬度設(shè)置為5、高度為4。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖17

這時(shí)候Photoshop就會調(diào)出裁剪邊框。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖18

同樣按著Alt(Win)/ Option(Mac),點(diǎn)擊拖拉邊框上方控制點(diǎn)。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖19

取消勾選"刪除裁剪的像素"

到這里的操作跟前面裁剪的操作都差不多,這次需要調(diào)整一步,通過這一步實(shí)現(xiàn)圖像裁剪的無損操作。在工具欄中取消勾選"刪除裁剪的像素"。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖20

取消勾選"刪除裁剪的像素"后,按Enter(Win)/Return(Mac),效果如下。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖21

無損裁剪圖像的優(yōu)點(diǎn)

看看上面的效果圖,其實(shí)效果沒啥變化,并不能說明無損裁剪操作的優(yōu)點(diǎn)。但當(dāng)你再次對裁剪圖像進(jìn)行操作時(shí),無損裁剪圖像的優(yōu)點(diǎn)就會顯而易見。

假設(shè)現(xiàn)在圖像背景又裁剪得太多,需要放大裁剪邊框。在前面進(jìn)行二次裁剪時(shí),放大區(qū)域顯示為白色,那么在取消勾選"刪除裁剪的像素"后,二次裁剪后會出現(xiàn)什么變化呢。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖22

取消勾選"刪除裁剪的像素"后的裁剪操作并不會永久刪除裁剪像素,只是隱藏起來,作用效果可以理解為圖層蒙版。當(dāng)需要將隱藏區(qū)域調(diào)出時(shí),調(diào)整裁剪邊框就可以,這樣就是無損裁剪。由于沒有刪除掉任何像素,通過點(diǎn)擊調(diào)整裁剪邊框底部的按鈕,調(diào)整裁剪后圖像大小。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖23

如果想將人物居右顯示,需要調(diào)整裁剪邊框的位置,在邊框內(nèi)按著鼠標(biāo)左鍵,如下圖往右移動(dòng)邊框。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖24

檢查工具欄,刪除裁剪的像素選項(xiàng)確定沒有勾選,這樣就能再次進(jìn)行無損裁剪操作。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖25

按Enter(Win)/ Return(Mac)確定裁剪調(diào)整,效果如下。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖26

如果覺得人物居右不好看、居左比較好,可以再次應(yīng)用無損裁剪操作,因?yàn)闆]有勾選刪除裁剪的像素選項(xiàng),可以很容易地回到原來的圖像,并進(jìn)行調(diào)整。由于圖像比畫布的可視范圍大,可以很容易調(diào)整圖像位置填充滿整個(gè)圖像。在工具欄中選擇移動(dòng)工具。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖27

選擇上移動(dòng)工具,只需要點(diǎn)擊往左移動(dòng)圖像,就能重新調(diào)整人像在畫布中的位置。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖28

這時(shí)Photoshop沒有刪除任何裁剪的像素,但如果移動(dòng)的位置偏得太多,就會顯示右側(cè)棋盤圖案。這些棋盤圖案在PS表示透明像素,即是沒有任何像素。在這種情況下,用移動(dòng)工具反方向?qū)D像拉回去就可以。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖29

將圖像往右移動(dòng)回去后,是最終無損裁剪效果,效果如下。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖30

顯示裁剪區(qū)域

正如前面所講,取消勾選刪除裁剪的像素后,Photoshop只是將裁剪的像素隱藏起來,并沒有刪除。因?yàn)橄袼厥潜浑[藏起來的,所以還是可以看到的。在菜單欄中選擇"圖像>顯示全部"。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖31

這時(shí)Photoshop就會自動(dòng)調(diào)整畫布的大小,填充整個(gè)圖像。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖32

如果想回去裁剪后的效果,在菜單欄中選擇"編輯>還原全部顯示",或者按Ctrl+Z(Win)/ Command+Z(Mac)撤銷上一步操作。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖33

回到裁剪后的圖像,裁剪掉的圖像會再次被隱藏起來。

無損技巧,無損裁剪圖片技巧_m.tgudhdp.cn

圖34

以上就是無損裁剪圖片的小技巧,大家如果知道其它使用小技巧,歡迎投稿一起分享。

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

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

青春、一個(gè)夢2020-04-06 01:02
我的作業(yè):

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

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