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

來自公眾號(hào)：研習(xí)設(shè)

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

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

第一張圖片是遠(yuǎn)距離拍攝的攝影照片。第二張圖片經(jīng)過裁剪后，以特寫的形式呈現(xiàn)，拉近了主體與觀者的距離，這種特寫的形式會(huì)增強(qiáng)畫面的品質(zhì)感，孩子的笑容也變得更加可愛了。

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

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

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

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

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

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

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

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

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

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

對(duì)于這種邊緣復(fù)雜的圖片來說，以上兩種方法都沒有辦法解決。這種情況下又應(yīng)該怎么辦呢？我們可以提取圖片中的相關(guān)元素，將其放大來填補(bǔ)下方區(qū)域，上圖中圖像因?yàn)榉糯蠖a(chǎn)生的虛化效果反而增強(qiáng)了畫面的空間感。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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