文章：不懂這幾種裁切方法，給你好圖片也沒用

來自公眾號：研習設

在日常的設計中，經常會遇到需要修改頁面的長寬比例的情況。同時為了讓圖片適應版面的需求，也經常會將橫版圖片修改為豎版尺寸，豎版圖片修改為橫版尺寸。這時就需要用到圖片的裁剪的相關知識了。如果不假思索地隨意裁剪，很可能會破壞圖片原本的構圖從而破壞圖片的美觀度。在裁剪之前，我們需要想清楚畫面所要傳遞的內容是什么。

上圖是將橫版圖片通過裁剪修改成豎版圖片的案例，畫面中的主體是跳入水中的人物，我們在裁剪時，需要注意的是盡量讓畫面中的主體保留在修改后的畫面中。并且重新思考修改后主體的大小與構圖。

第一張圖片是遠距離拍攝的攝影照片。第二張圖片經過裁剪后，以特寫的形式呈現，拉近了主體與觀者的距離，這種特寫的形式會增強畫面的品質感，孩子的笑容也變得更加可愛了。

如果圖片本身的信息量比較大，在小尺寸的應用中，就會顯得非常復雜。我們可以通過裁剪的方式，將畫面中的主體放大處理來簡化信息量，使其在小尺寸依然可以輕松識別。上圖中雖然畫面的尺寸變小了，但我們依然能夠識別出模特的面容。也就是說，版面中照片的信息量越大越適合大尺寸下的應用，照片的尺寸越小，越需要簡潔的畫面。

在同一張照片中，可以通過裁剪畫面不同部位，來達到改變畫面主題的目的。這里我們需要注意的是，要保證拆分出的畫面之間的差異性。運用這種方式可以將一張照片拆分成多份，讓原本單調的版面變得更加豐富。

在設計網頁頭圖或特殊比例的版面時，我們會遇到將圖像裁剪成長寬比例非常極端的版面形狀，這種情況下，應該注意的是保證裁剪后的圖像依然能夠傳遞出正確的信息。如果裁剪后，圖片的內容變得無法辨認，那么它就是一個失敗的例子。

上圖中，人物在畫面居中位置，整個畫面給人平靜和穩(wěn)定的印象。而某些畫面使用居中構圖可能會給人留下呆板的感覺，為了讓畫面變得具有活力，可以嘗試移動主體的位置來打破視覺重心，在改變主體位置的同時我們也需要規(guī)范畫面中的構圖。

三分構圖法是在攝影中經常被采用的一種表現手法，也可以稱其為九宮格。攝影師憑肉眼很難準確地找到畫面的黃金分割位置，將其簡化為三等分后就簡單得多了。這種構圖手法同樣可以應用到設計中來。從理論上來說,在井字的某幾個交叉點上放置主體，就能夠營造出具有緊張感的印象。

上圖中畫面的海平線是傾斜的，首先圖片內容并沒有傳遞出需要營造動感的印象，其次就是需要營造出動感的畫面，其傾斜角度的大小也絕對不能含糊不清，這樣的處理反而會使觀者產生困惑。

水通常給人們的印象通常是平行于地面的，我們可以通過裁剪的方式來校正畫面的海平線。通過旋轉畫面的方向來將原本傾斜的海平面調整回水平狀態(tài)，這里需要注意旋轉后的畫面會略微小于調整前的大小。

通過裁剪，我們可以將畫面中多余的元素裁出畫面之外，以達到簡化畫面的目的，使畫面主體更加突出，在使用這種方法時要注意主體的完整度，有時要根據實際情況采用修補工具進行輔助，以達到去除多余元素的目的。

在改變畫面的尺寸時，往往會遇到主體無法再放大，但畫面還是缺少信息的情況。這時我們可以使用吸管工具吸取畫面邊緣的顏色，通過填充的方式解決這個問題。在實際案例中可能會遇到漸變類型的背景色，這時可能會需要使用蒙版等工具加以輔助，來達到理想效果。

對于這種邊緣重復性的畫面來說，我們可以提取畫面中可重復的部分并做拉伸處理。用這種方法來達到填補缺失部位的目的。這里需要注意局部區(qū)域經過拉伸后的像素損失程度，拉伸的幅度不宜過大。

對于這種邊緣復雜的圖片來說，以上兩種方法都沒有辦法解決。這種情況下又應該怎么辦呢？我們可以提取圖片中的相關元素，將其放大來填補下方區(qū)域，上圖中圖像因為放大而產生的虛化效果反而增強了畫面的空間感。

在日常工作中，往往會遇到圖片互相并列編排的情況，上圖中是將各種背包裁剪成統(tǒng)一尺寸的案例，畫面尺寸的統(tǒng)一，也意味著圖片內部背包的大小也需要統(tǒng)一。通過將背包的高度與底部對齊來試圖讓背包的大小達到統(tǒng)一，但結果卻發(fā)現第一個背包與第三個背包的大小看上去卻完全不一樣。

現實生活中的物體多為不規(guī)則的形狀，如果想要將它們調整成相同大小，訣竅就是用眼睛來作為參考標準，而不是幾何的絕對度量。忽略掉那些細枝末節(jié)的部分有助于快速的調整元素間的大小關系。

上圖中是將人物照片調整成一致大小后并裁剪成圓形頭像的案例。雖然人物的大小經過了統(tǒng)一處理，但是因為頭部高度的錯落不一，導致視線的通過產生了阻礙，讓整體印象變得凌亂起來，降低了版面的統(tǒng)一感。

那么以上提到的問題應該如何解決呢？我們通過修改人物在畫面中的位置高度，將人物的眼睛水平對齊。版面整體的印象得到統(tǒng)一，視線的通過也變得流暢了。

當主體帶有指向性時，上圖是高度留白的攝影照片，第一張人物采用居中構圖，修改左右兩側的面積會傳遞不同的心理感受，放大人物前方的留白面積會給人向往未來的印象。

同樣是上方的照片案例，第一張為原圖人物居中擺放，第二張嘗試放大人物后方的留白面積，畫面整體會給人回憶過往的印象。

上圖第一張是賽場飛馳的瞬間，畫面本身就給人很強的動態(tài)，如何能夠在原有基礎上繼續(xù)增強它的動感呢？可以通過將畫面傾斜的方式來實現。第二張中當畫面傾斜后，賽車的速度感變得更加強烈了。

當畫面中充滿了元素，邊緣過于擁擠時，會給人壓迫感。上圖中自行車經過放大后，雖然提升了品質感，拉近了與觀者的距離，但也損失了應有的高級感。

上圖是經過修改后的案例，將主體縮小后，周圍的空間變得開闊，使得畫面有了喘息的空間。整體給人高端和有格調的印象。

本期我們嘗試制作一款書籍封面，假設上方選擇的圖片是符合書內主題的。將這張表現著審視概念的意向圖片放置到版面中，首先要做的就是將原本方形的尺寸裁剪成符合書籍的尺寸，最簡單的方式就是將圖片放大處理。

除將畫面放大之外，我們也可以在保證照片大小不變的情況下，通過拉伸邊緣的方式填補空白區(qū)域。上圖中在圖片上方與下方分別是填補后的效果。

為了讓版面顯得更加豐富，這里采用國外較常見的處理方式讓畫面更加具有形式感，將一張照片通過裁剪的方式拆分成兩張畫面，這里需要注意的是盡量讓兩張圖片產生差異性。（這與上方“改變傳遞的主題”的原理相似）而中間缺少的部分通過拉伸邊緣的方式補全。

構圖方面，上下照片的分割處于大概黃金比例的位置上，第二張圖根據頂部人物眼鏡的高度作為頁邊距離的依據，縱向網格劃分了三欄，寬度是一個帽子的寬度。橫向網格劃分了五欄，底部圖片高度占據兩欄高度，頂部圖片占據三欄高度。這里欄間距設置為頁邊距的2倍。

接下來將文案信息整理好并放置到版面中，注意所有信息都應該編排在版心內，將標題信息放大后分別放置在版面的對角線上以保證版面的平衡，根據縱向文字閱讀邏輯通常是從右上到左下移動，將天堂放置在版面右上方，煉獄放置在版面左下方。

為了加大兩個詞的差異性，將底部文字反白，頂部文字采用線框處理。從人物受光面吸取色彩應用到文字上，這樣會保證版面的色彩更加和諧自然。為了增強版面的形式感，我們在這里將文字做一個連接，并將英文翻譯作為裝飾點綴在其中。

文字主體刻畫好后，我們將其余信息整理好層級關系后，依次編排到版面中去，首先在左上角與右下角添加文字信息以平衡版面，并將剩余信息依次添加，這個版面也就完成了。

作為書籍封面，我們也可以為其制作一個腰封，在上面添加與書籍相關的文字信息。

以上我們學習了照片裁剪時的功能性與感性印象都有哪些，知道了裁剪除了可以改變畫面的尺寸和去除不重要的部分之外，還可以校正畫面的構圖，改變主體在畫面中的大小與位置，更可以把一張圖片內的信息拆分成多個表現不同內容的圖片。