關(guān)注▲邊學(xué)設(shè)計邊鏟屎▲，一起共同進(jìn)步

在裁剪圖像系列的第一個教程中，我們先從基礎(chǔ)知識開始，學(xué)習(xí)如何使用裁剪工具裁剪圖像、拉直圖像，以及非破壞性裁剪圖像。

讓我們開始吧!

使用裁剪工具裁剪圖像

選擇裁剪工具

要想在 Photoshop 中裁剪圖像，需要使用工具欄中的【裁剪工具】。我們也可以按鍵盤上的字母C來激活它。

選擇裁剪工具

裁剪邊界

一旦選擇了裁剪工具，Photoshop 就會在圖像周圍設(shè)置一個裁剪邊界。如果之前使用過裁剪工具，那么裁剪邊界會被設(shè)置為之前的尺寸。在選項欄中，我們會發(fā)現(xiàn)上個圖像被裁剪成了16:9的比例。

Photoshop 會自動加載之前的設(shè)置

而在文檔中裁剪邊界就會以16x9的長寬比出現(xiàn)。

裁剪邊界被設(shè)置為之前的長寬比

重置裁剪工具

為了解決自動加載的問題，我們需要重置裁剪工具的設(shè)置。在選項欄中右擊裁剪工具的圖標(biāo)。

右擊裁剪工具的圖標(biāo)

然后從菜單中選擇【復(fù)位工具】選項。

復(fù)位裁剪工具

這樣原先的長寬比恢復(fù)成了默認(rèn)的設(shè)置，并且清除了寬度和高度的數(shù)值。

默認(rèn)的裁剪工具設(shè)置

重置裁剪邊界

我們雖然復(fù)位了裁剪工具，但會發(fā)現(xiàn)裁剪邊界并沒有發(fā)生變化。它依然是原先比例的尺寸。

【復(fù)位工具】選項并沒有重置裁剪邊界

要想重置裁剪邊界，我們只需要在工具欄中任意選一個工具，然后重新選擇裁剪工具即可。這時我們會發(fā)現(xiàn)，裁剪邊界圍繞著整個圖像。

裁剪邊界已被重置

還有一種更快捷的方法，可以不用切換工具就能重置裁剪邊界。我們單擊選項欄中的復(fù)位圖標(biāo)。

單擊導(dǎo)航欄上的復(fù)位圖標(biāo)

單擊后裁剪邊界就會立即重置并圍繞著整個圖像。

裁剪邊界已被重置

調(diào)整裁剪邊界的大小

我們仔細(xì)觀察裁剪邊界的周圍，你會發(fā)現(xiàn)在四個方向和四角都會有手柄。

裁剪邊界周圍的手柄

單擊并拖動手柄可以將裁剪邊界調(diào)整為需要的尺寸。邊界內(nèi)的區(qū)域是需要保留的內(nèi)容，而邊界外的壓暗區(qū)域?qū)徊眉舻簟?/p>

拖動手柄來調(diào)整邊界的大小

在裁剪邊界內(nèi)調(diào)整圖像的位置

我們也可以在邊界內(nèi)單擊并拖動圖像來調(diào)整它的位置。拖動圖像時裁剪邊界將保持原位，而圖像在里面移動。

在裁剪邊界內(nèi)重新調(diào)整圖像位置

取消裁剪

要想取消裁剪而不應(yīng)用它，可以單擊選項欄中的【取消當(dāng)前裁剪操作】按鈕。

單擊【取消當(dāng)前裁剪操作】按鈕

繪制裁剪邊界

與其使用 Photoshop 放置在圖像周圍的初始裁剪邊界，我們也可以在圖像內(nèi)的單擊并拖動描繪出邊界。

單擊并拖動來繪制裁剪邊界

然后拖動手柄來調(diào)整大小，或者在邊界內(nèi)單擊并拖動圖像來調(diào)整它的位置。

畫完邊界后調(diào)整裁剪位置

鎖定裁剪邊界的長寬比

默認(rèn)情況下，我們自由調(diào)整裁剪邊界的大小。要想保持圖像的原始長寬比，在拖動任何一個角手柄時按住鍵盤上的Shift鍵，這樣就可以保持長寬比來裁剪圖像。

按住Shift鍵拖動角手柄來鎖定邊界的長寬比

從中心位置調(diào)整裁剪邊界的大小

要想從中心位置調(diào)整邊界的大小，我們需要在拖動手柄時，按住鍵盤上的 Alt（Win）/Option（Mac）鍵。拖動左邊的邊緣手柄時，右邊的邊緣手柄也會跟著移動。

按住Alt鍵（Win）/Option鍵（Mac）可以從中心位置調(diào)整裁剪邊界的大小

同時鎖定長寬比和從中心調(diào)整大小

要鎖定長寬比并從中心調(diào)整邊界大小，需要在拖動角手柄時按住Shift鍵和Alt（Win）/Option（Mac）鍵。

按住Shift加Alt（Win）/Option（Mac）來鎖定長寬比，并從中間調(diào)整大小

將圖像裁剪成特定的長寬比

選擇預(yù)設(shè)的長寬比

想要將圖像裁剪成一個特定的長寬比，如5×7或8×10。我們可以在選項欄中單擊長寬比選項。

在選項欄中單擊長寬比選項

下拉菜單會出現(xiàn)Photoshop提供給我們的一些預(yù)設(shè)的長寬比，比如1:1、4:5等等。

預(yù)設(shè)的長寬比列表

選擇4:5的預(yù)設(shè)長寬比，會發(fā)現(xiàn) Photoshop 自動將長寬比輸入到【寬度】和【高度】選項中。

該預(yù)設(shè)被輸入到設(shè)置中

同時裁剪邊界就切換到了4×5的比例。

裁剪邊界會立即切換到所選擇的長寬比

切換裁剪方向

想要切換裁剪邊界的方向，我們可以單擊【寬度】和【高度】之間的互換圖標(biāo)。

互換寬度和高度的數(shù)值

這樣可以在縱向和橫向之間輕松切換。

裁剪邊界會更新成新的方向

自定義的長寬比

如果需要的長寬比在預(yù)設(shè)中找不到，我們可以手動輸入。比如我想把圖像裁剪成11x14，只需要單擊【寬度】選項并輸入11。然后按下鍵盤上的Tab鍵，跳到【高度】選項輸入14。

輸入一個自定義的長寬比

Photoshop 立即將裁剪邊界的大小調(diào)整為11×14的比例。

自定義長寬比

輸入特定的長寬比后，鎖定長寬比時就不需要按住Shift鍵了。但仍然可以按住Alt（Win）/Option（Mac）鍵，從中心位置調(diào)整邊界的大小。

保存自定義裁剪預(yù)設(shè)

如果再次需要相同的長寬比，我們可以把它保存為一個自定義預(yù)設(shè)。單擊選項欄中的長寬比選項，在菜單中選擇【新建裁剪預(yù)設(shè)】選項。

選擇【新建裁剪預(yù)設(shè)】選項

給預(yù)設(shè)命名一個名稱，然后單擊【確定】按鈕關(guān)閉對話框。

命名新的預(yù)設(shè)

下次需要該預(yù)設(shè)時，只需單擊長寬比選項并從列表中選擇它。

新的自定義裁剪預(yù)設(shè)

裁剪特定的尺寸和分辨率

到目前為止，我們一直在按常規(guī)的長寬比進(jìn)行裁剪。裁剪工具也可以裁剪特定的尺寸和分辨率。我們可以在選項欄中單擊長寬比選項，在菜單中選擇【寬x高x分辨率】選項。

從菜單中選擇【寬x高x分辨率】選項

我們在【寬度】和【高度】輸入想要的數(shù)值后，會發(fā)現(xiàn)旁邊還多了一個輸入欄。這就是需要輸入分辨率數(shù)值的地方。

輸入需要的寬度、高度和分辨率

輸入設(shè)置后，Photoshop 會立刻調(diào)整裁剪邊界的大小。

圖像裁剪成特定的尺寸和分辨率

完成裁剪

提交裁剪

為了完成裁剪圖像，我們需要單擊選項欄中的對鉤圖標(biāo)?；蛘咄ㄟ^按回車鍵來完成裁剪。還可以在裁剪邊界內(nèi)雙擊來完成裁剪。

通過單擊對鉤圖標(biāo)來完成對圖像的裁剪

這時 Photoshop 就會對圖像進(jìn)行裁剪。

完成裁剪后的圖像

檢查圖像大小

想檢查裁剪后的圖像的大小和分辨率，我們可以在圖像大小對話框中查看圖像的相關(guān)數(shù)據(jù)。

撤銷裁剪

如果我們反悔了，想要撤銷裁剪?？梢栽谄聊豁敳康摹揪庉嫛坎藛沃校x擇【還原裁剪】選項?；蛘甙存I盤上的快捷鍵 Ctrl (Win) / Command(Mac)+Z 。

【編輯】菜單中選擇【還原裁剪】選項

這時圖像會恢復(fù)到它的原始尺寸。

圖像恢復(fù)到原來的尺寸

裁剪工具的疊加選項

在我們繼續(xù)學(xué)習(xí)如何拉直圖像之前，先看一下裁剪工具的另一個方便的功能，那就是疊加選項。

用裁剪工具單擊圖像，調(diào)出裁剪邊界。我們會發(fā)現(xiàn)裁剪邊界內(nèi)出現(xiàn)的3×3網(wǎng)格。這就是裁剪工具默認(rèn)的疊加選項，即三等分。

裁剪邊界內(nèi)的三等分網(wǎng)格

三分法構(gòu)圖

Photoshop 默認(rèn)用三等分網(wǎng)格是因為三分法構(gòu)圖會經(jīng)常被運(yùn)用到。我們可以將主體放在或靠近網(wǎng)格線相交的地方，從而創(chuàng)造出一種更有趣的構(gòu)圖。

選擇不同的疊加選項

雖然三等分選項十分有用，但它并不是我們唯一可用的疊加選項。我們可以單擊選項欄中的【設(shè)置裁剪工具的疊加選項】圖標(biāo)，來查看更多疊加選項。

單擊【設(shè)置裁剪工具的疊加選項】圖標(biāo)

在下拉菜單中，我們可以看到所有疊加選項?？梢愿鶕?jù)自己的需求，來切換它們。

所有疊加選項

我們也可以在鍵盤上按字母O來循環(huán)切換這些疊加選項。按Shift+O可以翻轉(zhuǎn)三角形和金色螺旋選項的方向。

用裁剪工具拉直圖像

以上就是在 Photoshop 中用裁剪工具裁剪圖像的基本知識。接下來，我們將學(xué)習(xí)如何使用裁剪工具來旋轉(zhuǎn)和拉直圖像。

在 Photoshop 中打開一張新的圖像，這時發(fā)現(xiàn)墻是歪的需要拉直。在工具欄中選擇裁剪工具，然后在選項欄中單擊拉直圖標(biāo)。

單擊拉直圖標(biāo)

在圖像中尋找應(yīng)該被拉直的東西，無論是垂直方向還是水平方向。在圖中我們需要拉直墻面。單擊墻的一端，按住鼠標(biāo)并拖動到另一端。這時 Photoshop 會在兩點(diǎn)之間畫出一條路徑，來確定圖像需要旋轉(zhuǎn)的角度。

拖出一條線

釋放鼠標(biāo)后，Photoshop 就會旋轉(zhuǎn)圖像來拉直它。由于旋轉(zhuǎn)圖像會產(chǎn)生了一些透明的區(qū)域（用棋盤格圖案表示），Photoshop 也調(diào)整了裁剪邊界的大小，使這些透明的區(qū)域不在邊界中。

Photoshop將圖像拉直并調(diào)整裁剪邊界的大小

然后可以根據(jù)需要拖動手柄來調(diào)整邊界的大小。按住 Shift 并拖動一個角手柄來保持原來的長寬比，或者在邊界內(nèi)拖動圖像來調(diào)整它的位置。確認(rèn)沒有問題后，在裁剪邊界內(nèi)雙擊完成裁剪。

經(jīng)過拉直和裁剪的圖像

這就是用裁剪工具拉直圖像的方法，我們還會在另一個教程中了解更多拉直圖像的方法。

非破壞性裁剪圖像

最后我們看看裁剪工具的一個偉大的功能，它可以讓我們非破壞性裁剪圖像。

我們打開一個圖像，選擇裁剪工具先裁剪一下。

選擇16:9的裁剪預(yù)設(shè)

調(diào)整好位置后，按鍵盤上的回車鍵完成圖像裁剪。

16×9的裁剪

刪除裁剪的像素

到目前為止已經(jīng)裁剪了圖像，但是如果我想把圖像的方向從橫向改為縱向。在選項欄中單擊交換圖標(biāo)，來交換裁剪邊界的長寬比。

調(diào)換長寬比的寬度和高度

調(diào)整圖像想要擴(kuò)大裁剪邊界時，發(fā)現(xiàn)Photoshop中并沒有顯示出更多的圖像內(nèi)容。而是將周圍區(qū)域填充為黑色。

原始裁剪的周圍區(qū)域被填充了黑色

原因是，當(dāng)我進(jìn)行原始裁剪時，Photoshop 刪除了周圍的像素。所以現(xiàn)在這些區(qū)域不見了，Photoshop 用我當(dāng)前的背景色填充它們，默認(rèn)是黑色。

Photoshop 之所以刪除圖像的像素，是因為選項欄中的【刪除裁剪的像素選項】被勾選了，默認(rèn)情況下它是勾選狀態(tài)。

【刪除裁剪的像素】選項

取消裁剪并還原圖像

為了實(shí)現(xiàn)無損裁剪，我們先還原圖像。通過單擊選項欄中的【取消當(dāng)前裁剪操作】圖標(biāo)來取消裁剪操作。

單擊【取消當(dāng)前裁剪操作】圖標(biāo)

然后在屏幕頂部的【文件】菜單中選擇【恢復(fù)】選項，將圖像恢復(fù)到原來的尺寸。

【文件】菜單中選擇【恢復(fù)】選項

這樣就可以恢復(fù)所有丟失的像素。

圖像已經(jīng)恢復(fù)了

關(guān)閉【刪除裁剪的像素】選項

再次使用裁剪工具，將長寬比從橫向換成縱向。這一次我們?nèi)∠催x來關(guān)閉【刪除裁剪的像素】選項。調(diào)整好圖像位置后，按鍵盤上的回車鍵完成裁剪。

取消勾選【刪除裁剪像素】選項

到目前為止，一切看起來跟之前一樣。

再次裁剪圖像

但是想要調(diào)整裁剪的大小，就會看到整個圖像有重新出現(xiàn)了。因為當(dāng)【刪除裁剪的像素】被關(guān)閉時，Photoshop 只是隱藏了裁剪的區(qū)域，任何像素都不會被刪除。

原始像素仍然完好無損

調(diào)整好位置后，按鍵盤上的回車鍵完成裁剪。

完成裁剪

非破壞性裁剪的另一個好處就是可以移動裁剪后圖像的內(nèi)容。使用移動工具在圖像上單擊并拖動它，直到對構(gòu)圖滿意為止。

在裁剪邊界內(nèi)重新移動圖像

裁剪后恢復(fù)整個圖像

關(guān)閉【刪除裁剪像素】后，我們可以在屏幕頂部的【圖像】菜單中選擇【顯示全部】選項來恢復(fù)整個圖像。

【圖像】菜單中選擇【顯示全部】選項

在下一節(jié)教程中，我們將了解一種更好的拉直圖像方法！