關注▲邊學設計邊鏟屎▲,一起共同進步
在裁剪圖像系列的第一個教程中,我們先從基礎知識開始,學習如何使用裁剪工具裁剪圖像、拉直圖像,以及非破壞性裁剪圖像。
讓我們開始吧!
使用裁剪工具裁剪圖像選擇裁剪工具
要想在 Photoshop 中裁剪圖像,需要使用工具欄中的【裁剪工具】。我們也可以按鍵盤上的字母C來激活它。
選擇裁剪工具
裁剪邊界
一旦選擇了裁剪工具,Photoshop 就會在圖像周圍設置一個裁剪邊界。如果之前使用過裁剪工具,那麼裁剪邊界會被設置為之前的尺寸。在選項欄中,我們會發現上個圖像被裁剪成了16:9的比例。
Photoshop 會自動加載之前的設置
而在文檔中裁剪邊界就會以16x9的長寬比出現。
裁剪邊界被設置為之前的長寬比
重置裁剪工具
為了解決自動加載的問題,我們需要重置裁剪工具的設置。在選項欄中右擊裁剪工具的圖标。
右擊裁剪工具的圖标
然後從菜單中選擇【複位工具】選項。
複位裁剪工具
這樣原先的長寬比恢複成了默認的設置,并且清除了寬度和高度的數值。
默認的裁剪工具設置
重置裁剪邊界
我們雖然複位了裁剪工具,但會發現裁剪邊界并沒有發生變化。它依然是原先比例的尺寸。
【複位工具】選項并沒有重置裁剪邊界
要想重置裁剪邊界,我們隻需要在工具欄中任意選一個工具,然後重新選擇裁剪工具即可。這時我們會發現,裁剪邊界圍繞着整個圖像。
裁剪邊界已被重置
還有一種更快捷的方法,可以不用切換工具就能重置裁剪邊界。我們單擊選項欄中的複位圖标。
單擊導航欄上的複位圖标
單擊後裁剪邊界就會立即重置并圍繞着整個圖像。
裁剪邊界已被重置
調整裁剪邊界的大小
我們仔細觀察裁剪邊界的周圍,你會發現在四個方向和四角都會有手柄。
裁剪邊界周圍的手柄
單擊并拖動手柄可以将裁剪邊界調整為需要的尺寸。邊界内的區域是需要保留的内容,而邊界外的壓暗區域将會被裁剪掉。
拖動手柄來調整邊界的大小
在裁剪邊界内調整圖像的位置
我們也可以在邊界内單擊并拖動圖像來調整它的位置。拖動圖像時裁剪邊界将保持原位,而圖像在裡面移動。
在裁剪邊界内重新調整圖像位置
取消裁剪
要想取消裁剪而不應用它,可以單擊選項欄中的【取消當前裁剪操作】按鈕。
單擊【取消當前裁剪操作】按鈕
繪制裁剪邊界
與其使用 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。我們可以在選項欄中單擊長寬比選項。
在選項欄中單擊長寬比選項
下拉菜單會出現Photoshop提供給我們的一些預設的長寬比,比如1:1、4:5等等。
預設的長寬比列表
選擇4:5的預設長寬比,會發現 Photoshop 自動将長寬比輸入到【寬度】和【高度】選項中。
該預設被輸入到設置中
同時裁剪邊界就切換到了4×5的比例。
裁剪邊界會立即切換到所選擇的長寬比
切換裁剪方向
想要切換裁剪邊界的方向,我們可以單擊【寬度】和【高度】之間的互換圖标。
互換寬度和高度的數值
這樣可以在縱向和橫向之間輕松切換。
裁剪邊界會更新成新的方向
自定義的長寬比
如果需要的長寬比在預設中找不到,我們可以手動輸入。比如我想把圖像裁剪成11x14,隻需要單擊【寬度】選項并輸入11。然後按下鍵盤上的Tab鍵,跳到【高度】選項輸入14。
輸入一個自定義的長寬比
Photoshop 立即将裁剪邊界的大小調整為11×14的比例。
自定義長寬比
輸入特定的長寬比後,鎖定長寬比時就不需要按住Shift鍵了。但仍然可以按住Alt(Win)/Option(Mac)鍵,從中心位置調整邊界的大小。
保存自定義裁剪預設
如果再次需要相同的長寬比,我們可以把它保存為一個自定義預設。單擊選項欄中的長寬比選項,在菜單中選擇【新建裁剪預設】選項。
選擇【新建裁剪預設】選項
給預設命名一個名稱,然後單擊【确定】按鈕關閉對話框。
命名新的預設
下次需要該預設時,隻需單擊長寬比選項并從列表中選擇它。
新的自定義裁剪預設
裁剪特定的尺寸和分辨率
到目前為止,我們一直在按常規的長寬比進行裁剪。裁剪工具也可以裁剪特定的尺寸和分辨率。我們可以在選項欄中單擊長寬比選項,在菜單中選擇【寬x高x分辨率】選項。
從菜單中選擇【寬x高x分辨率】選項
我們在【寬度】和【高度】輸入想要的數值後,會發現旁邊還多了一個輸入欄。這就是需要輸入分辨率數值的地方。
輸入需要的寬度、高度和分辨率
輸入設置後,Photoshop 會立刻調整裁剪邊界的大小。
圖像裁剪成特定的尺寸和分辨率
完成裁剪提交裁剪
為了完成裁剪圖像,我們需要單擊選項欄中的對鈎圖标。或者通過按回車鍵來完成裁剪。還可以在裁剪邊界内雙擊來完成裁剪。
通過單擊對鈎圖标來完成對圖像的裁剪
這時 Photoshop 就會對圖像進行裁剪。
完成裁剪後的圖像
檢查圖像大小
想檢查裁剪後的圖像的大小和分辨率,我們可以在圖像大小對話框中查看圖像的相關數據。
撤銷裁剪
如果我們反悔了,想要撤銷裁剪。可以在屏幕頂部的【編輯】菜單中,選擇【還原裁剪】選項。或者按鍵盤上的快捷鍵 Ctrl (Win) / Command(Mac) Z 。
【編輯】菜單中選擇【還原裁剪】選項
這時圖像會恢複到它的原始尺寸。
圖像恢複到原來的尺寸
裁剪工具的疊加選項在我們繼續學習如何拉直圖像之前,先看一下裁剪工具的另一個方便的功能,那就是疊加選項。
用裁剪工具單擊圖像,調出裁剪邊界。我們會發現裁剪邊界内出現的3×3網格。這就是裁剪工具默認的疊加選項,即三等分。
裁剪邊界内的三等分網格
三分法構圖
Photoshop 默認用三等分網格是因為三分法構圖會經常被運用到。我們可以将主體放在或靠近網格線相交的地方,從而創造出一種更有趣的構圖。
選擇不同的疊加選項
雖然三等分選項十分有用,但它并不是我們唯一可用的疊加選項。我們可以單擊選項欄中的【設置裁剪工具的疊加選項】圖标,來查看更多疊加選項。
單擊【設置裁剪工具的疊加選項】圖标
在下拉菜單中,我們可以看到所有疊加選項。可以根據自己的需求,來切換它們。
所有疊加選項
我們也可以在鍵盤上按字母O來循環切換這些疊加選項。按Shift O可以翻轉三角形和金色螺旋選項的方向。
用裁剪工具拉直圖像以上就是在 Photoshop 中用裁剪工具裁剪圖像的基本知識。接下來,我們将學習如何使用裁剪工具來旋轉和拉直圖像。
在 Photoshop 中打開一張新的圖像,這時發現牆是歪的需要拉直。在工具欄中選擇裁剪工具,然後在選項欄中單擊拉直圖标。
單擊拉直圖标
在圖像中尋找應該被拉直的東西,無論是垂直方向還是水平方向。在圖中我們需要拉直牆面。單擊牆的一端,按住鼠标并拖動到另一端。這時 Photoshop 會在兩點之間畫出一條路徑,來确定圖像需要旋轉的角度。
拖出一條線
釋放鼠标後,Photoshop 就會旋轉圖像來拉直它。由于旋轉圖像會産生了一些透明的區域(用棋盤格圖案表示),Photoshop 也調整了裁剪邊界的大小,使這些透明的區域不在邊界中。
Photoshop将圖像拉直并調整裁剪邊界的大小
然後可以根據需要拖動手柄來調整邊界的大小。按住 Shift 并拖動一個角手柄來保持原來的長寬比,或者在邊界内拖動圖像來調整它的位置。确認沒有問題後,在裁剪邊界内雙擊完成裁剪。
經過拉直和裁剪的圖像
這就是用裁剪工具拉直圖像的方法,我們還會在另一個教程中了解更多拉直圖像的方法。
非破壞性裁剪圖像最後我們看看裁剪工具的一個偉大的功能,它可以讓我們非破壞性裁剪圖像。
我們打開一個圖像,選擇裁剪工具先裁剪一下。
選擇16:9的裁剪預設
調整好位置後,按鍵盤上的回車鍵完成圖像裁剪。
16×9的裁剪
删除裁剪的像素
到目前為止已經裁剪了圖像,但是如果我想把圖像的方向從橫向改為縱向。在選項欄中單擊交換圖标,來交換裁剪邊界的長寬比。
調換長寬比的寬度和高度
調整圖像想要擴大裁剪邊界時,發現Photoshop中并沒有顯示出更多的圖像内容。而是将周圍區域填充為黑色。
原始裁剪的周圍區域被填充了黑色
原因是,當我進行原始裁剪時,Photoshop 删除了周圍的像素。所以現在這些區域不見了,Photoshop 用我當前的背景色填充它們,默認是黑色。
Photoshop 之所以删除圖像的像素,是因為選項欄中的【删除裁剪的像素選項】被勾選了,默認情況下它是勾選狀态。
【删除裁剪的像素】選項
取消裁剪并還原圖像
為了實現無損裁剪,我們先還原圖像。通過單擊選項欄中的【取消當前裁剪操作】圖标來取消裁剪操作。
單擊【取消當前裁剪操作】圖标
然後在屏幕頂部的【文件】菜單中選擇【恢複】選項,将圖像恢複到原來的尺寸。
【文件】菜單中選擇【恢複】選項
這樣就可以恢複所有丢失的像素。
圖像已經恢複了
關閉【删除裁剪的像素】選項
再次使用裁剪工具,将長寬比從橫向換成縱向。這一次我們取消勾選來關閉【删除裁剪的像素】選項。調整好圖像位置後,按鍵盤上的回車鍵完成裁剪。
取消勾選【删除裁剪像素】選項
到目前為止,一切看起來跟之前一樣。
再次裁剪圖像
但是想要調整裁剪的大小,就會看到整個圖像有重新出現了。因為當【删除裁剪的像素】被關閉時,Photoshop 隻是隐藏了裁剪的區域,任何像素都不會被删除。
原始像素仍然完好無損
調整好位置後,按鍵盤上的回車鍵完成裁剪。
完成裁剪
非破壞性裁剪的另一個好處就是可以移動裁剪後圖像的内容。使用移動工具在圖像上單擊并拖動它,直到對構圖滿意為止。
在裁剪邊界内重新移動圖像
裁剪後恢複整個圖像
關閉【删除裁剪像素】後,我們可以在屏幕頂部的【圖像】菜單中選擇【顯示全部】選項來恢複整個圖像。
【圖像】菜單中選擇【顯示全部】選項
在下一節教程中,我們将了解一種更好的拉直圖像方法!
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!