關注▲邊學設計邊鏟屎▲，一起共同進步

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

讓我們開始吧!

使用裁剪工具裁剪圖像

選擇裁剪工具

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

選擇裁剪工具

裁剪邊界

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

Photoshop 會自動加載之前的設置

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

裁剪邊界被設置為之前的長寬比

重置裁剪工具

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

右擊裁剪工具的圖標

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

復位裁剪工具

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

默認的裁剪工具設置

重置裁剪邊界

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

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

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

裁剪邊界已被重置

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

單擊導航欄上的復位圖標

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

裁剪邊界已被重置

調整裁剪邊界的大小

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

裁剪邊界周圍的手柄

單擊并拖動手柄可以將裁剪邊界調整為需要的尺寸。邊界內的區(qū)域是需要保留的內容，而邊界外的壓暗區(qū)域將會被裁剪掉。

拖動手柄來調整邊界的大小

在裁剪邊界內調整圖像的位置

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

在裁剪邊界內重新調整圖像位置

取消裁剪

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

單擊【取消當前裁剪操作】按鈕

繪制裁剪邊界

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

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

然后拖動手柄來調整大小，或者在邊界內單擊并拖動圖像來調整它的位置。

畫完邊界后調整裁剪位置

鎖定裁剪邊界的長寬比

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

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

從中心位置調整裁剪邊界的大小

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

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

同時鎖定長寬比和從中心調整大小

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

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

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

選擇預設的長寬比

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

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

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

預設的長寬比列表

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

該預設被輸入到設置中

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

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

切換裁剪方向

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

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

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

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

自定義的長寬比

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

輸入一個自定義的長寬比

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

自定義長寬比

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

保存自定義裁剪預設

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

選擇【新建裁剪預設】選項

給預設命名一個名稱，然后單擊【確定】按鈕關閉對話框。

命名新的預設

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

新的自定義裁剪預設

裁剪特定的尺寸和分辨率

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

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

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

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

輸入設置后，Photoshop 會立刻調整裁剪邊界的大小。

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

完成裁剪

提交裁剪

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

通過單擊對鉤圖標來完成對圖像的裁剪

這時 Photoshop 就會對圖像進行裁剪。

完成裁剪后的圖像

檢查圖像大小

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

撤銷裁剪

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

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

這時圖像會恢復到它的原始尺寸。

圖像恢復到原來的尺寸

裁剪工具的疊加選項

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

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

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

三分法構圖

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

選擇不同的疊加選項

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

單擊【設置裁剪工具的疊加選項】圖標

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

所有疊加選項

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

用裁剪工具拉直圖像

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

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

單擊拉直圖標

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

拖出一條線

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

Photoshop將圖像拉直并調整裁剪邊界的大小

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

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

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

非破壞性裁剪圖像

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

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

選擇16:9的裁剪預設

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

16×9的裁剪

刪除裁剪的像素

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

調換長寬比的寬度和高度

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

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

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

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

【刪除裁剪的像素】選項

取消裁剪并還原圖像

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

單擊【取消當前裁剪操作】圖標

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

【文件】菜單中選擇【恢復】選項

這樣就可以恢復所有丟失的像素。

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

關閉【刪除裁剪的像素】選項

再次使用裁剪工具，將長寬比從橫向換成縱向。這一次我們取消勾選來關閉【刪除裁剪的像素】選項。調整好圖像位置后，按鍵盤上的回車鍵完成裁剪。

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

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

再次裁剪圖像

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

原始像素仍然完好無損

調整好位置后，按鍵盤上的回車鍵完成裁剪。

完成裁剪

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

在裁剪邊界內重新移動圖像

裁剪后恢復整個圖像

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

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

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