裁圖很簡單？你太小看這門技術(shù)了

@研習(xí)設(shè)K先生?：在設(shè)計的過程中，經(jīng)常會使用接觸到各種各樣的圖片，除了一些關(guān)于書畫、攝影作品展示的作品集，在多數(shù)情況下，我們都要根據(jù)自己的設(shè)計需求去對圖片進行二次加工，讓圖片適應(yīng)版面，這種二次加工的方式使用最多的就是裁切。除了要適應(yīng)版面以外，如果圖片本身的質(zhì)量不高，有缺陷，我們也可以通過裁切的方式來對圖片進行修正。

這張圖片，主體明顯是左邊這群人，而最右邊拿著手機的那雙手，出現(xiàn)在畫面中就很突兀了，包括畫面中其他與主體關(guān)聯(lián)不強的元素，正常情況下，都是需要進行裁切處理的。因為這些元素除了能分散別人的注意力，讓畫面沒有聚焦點，顯得很亂以外，是沒有太多實質(zhì)性優(yōu)點的。

把那雙手和后面的閑雜人等裁掉，經(jīng)過裁切處理之后的圖片主體就清晰很多了。像這位蹭鏡頭的小哥，正常也是應(yīng)該裁掉的，不過我們要保留右邊的這個小女孩，那只能把他留下了，這也是沒辦法的。

和版式設(shè)計一樣，圖片中的主體一般有一個或一組就夠了。圖片中有明確的主體能夠有效的吸引受眾的視線，把視線引導(dǎo)到最重要的地方。如果所有視覺元素都舍不得放棄，那只會削弱這張圖片向外傳遞信息的效率。

類似這種圖片，如果我們把房子設(shè)定為主體，由于前景過多的，大面積的前景虛化也會分散我們對主體的注意力。雖然前景能夠增加圖片的縱深感，但是和主體相比，前景就是陪體。在處理主體和陪體的關(guān)系時，一定要不能喧賓奪主。

將前景裁切掉一部分之后，圖片的主次關(guān)系就明確許多了。

第二種需要調(diào)整的是水平或垂直線歪斜的圖片。不管是從圖片本身的美觀度，還是版面中元素統(tǒng)一的需要，我們使用圖片最基本的要求就是做到橫平豎直。圖片中的水平線與垂直線都不要歪斜，不然的話會給受眾的視線帶來不安定感。至于說圖片的水平、垂直線有沒有傾斜，找一個圖片中的參照物就很容易能看出來。

這是一張水平線歪斜的圖片，水面與陸地的交界線就是參照物。參照物的傾斜很明顯對吧？針對這樣的圖片，我們也可以使用裁切的方式對它進行調(diào)整。

將圖片進行旋轉(zhuǎn)，讓參照物，也就是水面、陸地的交界線與參考線水平對齊，對邊緣進行裁切，裁切以后的效果，圖片整體給人的感覺就平穩(wěn)了很多。

這張圖片給我們的感覺也很不舒服，問題同樣是出在水平方向的傾斜上。

同樣的方法，裁切處理以后的圖片效果更好。根據(jù)參照物使用裁切的方式對圖片進行調(diào)整，很簡單的方式。上面提到需要裁切修正的圖片都是存在缺陷的，不過針對某些特殊的狀況，我們想通過圖片來傳遞某些額外的信息，就算圖片本身的問題不大，也可以使用裁切的方式來處理。

比如這張圖片，圖片本身的拍攝質(zhì)量就很高，但是如果我們不需要使用整張圖片，那么對圖片進行裁切，截取一部分使用也沒有問題。

模特某個局部的特寫，像左邊空白的區(qū)域，就可以在里面置入相關(guān)的文字信息。

再來看這張圖片，只要是合影，攝影師去拍攝的話是不會漏掉任何一個人的。不過我們是設(shè)計師，不是攝影師，照片到手里就是素材，如果客戶沒有特殊要求，為了顯得場景更大、給人留下想象的空間，或者為了適應(yīng)版面的需要，這種照片也可以進行二次處理。

把人群邊緣的人物裁掉一些，旁邊的這些人犧牲掉，重要的角色一般都會站在中間，保證他們不被裁掉就好。邊緣的人物被裁剪了以后，我們看到了這張圖片，兩邊有很多人沒被收到鏡頭里面，就會覺得人很多，感覺這個場景比實際看起來更大一些。

這張圖片，裁切，去掉兩邊會顯得人多。

如果裁切成這樣，里面的人感覺會更多。當然了，如果客戶有要求，要讓里面的人都露出來，那就不要做這樣的裁切處理了。

表現(xiàn)人群可以這樣處理，其他類型圖片也一樣。這張圖片，我們就可以主觀的把這里面并不美觀的邊緣裁切，得到這張相對美觀，沒有邊界的圖片。

要注意的是，使用這種裁切的方式并不能改變圖片本身的質(zhì)量問題，如果圖片本身質(zhì)量就不高，這種方式只能在它的基礎(chǔ)上進行優(yōu)化。條件允許，還是建議大家使用質(zhì)量相對較高的圖片，優(yōu)質(zhì)的圖片再進行二次加工，也要比質(zhì)量低的圖片方便很多。

裁剪圖片的原則

什么樣的圖片需要裁切了解了，下面再來看看裁切圖片的時候需要注意的原則，一共三點。

第一點是要明確圖片中的主體是誰。主體的重要性前面已經(jīng)強調(diào)過了，在正常情況下，我們都是根據(jù)圖片中主體的位置來進行裁切的，明確圖片中的主體是誰，很重要。

第二點，保證圖片的簡潔度，去掉多余的元素。多余的視覺元素容易分散受眾的注意力，對主體造成干擾，保證圖片的簡潔度能夠提升信息傳遞的效率。

第三點，保證圖片的美觀度。這是一個比較抽象的概念，想要達到這個目標，除了要學(xué)會一些基本的方法與技巧以外，還需要注意平時多看一些優(yōu)秀的攝影作品，提升自己的審美。方法很重要，眼光也同樣很重要。

裁剪圖片的常用方式

下面是重點內(nèi)容，介紹一些裁剪圖片的常用方式，這些方式就是我們需要掌握的基本方法與技巧，先介紹一些常規(guī)的裁剪方式。常規(guī)裁剪的方式就是橫幅裁剪與豎幅裁剪，裁出的圖片輪廓是常規(guī)的矩形。黃金比例裁切、三分法、對角線裁切和中心裁切是這里面最常用到的。

1. 黃金比例裁剪

關(guān)于黃金分割，在以前的內(nèi)容里提到過很多，要用它來裁切圖片的話，有兩種簡單的方式，第一種是使用黃金螺旋來對圖片進行裁切。

螺旋在從中心向外逐漸變寬、變長的同時，每個四分之一周的都保持特定的系數(shù)。它最遠點的起始在整個畫面的邊角。如果以黃金螺旋線作為輔助線，然后將圖片的主體置入到螺旋的中心點上，裁切得到的圖片一般是具有較強美感的。

這張圖片，先確定這里面的主體在哪。主體的選擇，一般都是選擇圖片中最能吸引目光的地方。對于人物或者動物的特寫來說，眼睛，心靈的窗戶通常都是首選，一個人的氣質(zhì)、性格、狀態(tài)都能從眼睛向外發(fā)散。

把這個模特的眼睛作為主體，將黃金螺旋的中心放到這。裁切圖片，最后得到的這個面部特寫，就是使用黃金螺旋裁切出來的。

再來看這只海龜，對他進行裁切，只要龜頭的話，主體仍然選擇眼睛，黃金螺旋的中心放到這里。

裁切之后的圖片，美觀度還是不錯的。使用黃金螺旋的方式學(xué)會了，再來了解一下第二種使用黃金分割比裁切圖片的方式。

這種方式是使用黃金比例，將一張圖片分為9個矩形。像地平線這類的元素可以放置在分割矩形的線上，圖像上其他重要部分固定在線條的交叉處。這四條線交叉的四個中心點近似黃金分割點。放置在這些橫線、豎線，以及它們的交叉點上的物體將吸引觀者最多的注意力。

看個例子，這張圖片的主體在哪？模特回頭的這個瞬間最能吸引我，那我們就選擇這里作為圖片的主體，強化視覺焦點。

確定了主體元素以后，就可以按照黃金比例劃分的網(wǎng)格，將主體放到任意的交叉點上，也就是能吸引觀者最多的注意力的地方。

裁切之后的圖片仍然美觀。

這組參考線等比縮放比例不會變，大小按照自己的需求調(diào)整就好。根據(jù)自己的需求來調(diào)整交叉點，包括這個參考線中的其他幾個點，都是可以嘗試的。

確定了裁切區(qū)域以后，就能得到一張富有美感、主體突出的圖片。

要是覺得不舒服，再去根據(jù)這個規(guī)律去調(diào)整。如果照片中出現(xiàn)了像地平線這類的元素，可以放置在分割矩形的線上，前面講過。

這張照片，使用這一種方式，就能裁剪出很多不同形式，在這些形式里選擇合適的來使用，是要比我們自己憑感覺亂切靠譜的多。

2. 三分法裁切

除了使用黃金比例裁切圖片，再介紹一種更簡單的裁切方式，也是攝影中的一種常見的構(gòu)圖手法，三分法，也叫九宮格、井字構(gòu)圖。三分法構(gòu)圖是比較穩(wěn)定、自然的構(gòu)圖，通過使用三分法可以大大增加構(gòu)圖的美感。

三分法其實可以看成黃金分割構(gòu)圖形式的簡化版。將畫面的橫向和縱向平均分成三份，按照等比例分割。使用的方法和黃金分割比基本一致，可將其置于畫面的任意一條三分線位置。

在任何圖像上有一個3X3的網(wǎng)格，按照網(wǎng)格在線條相交的點。3X3網(wǎng)格上的線是我們的雙眼自動尋找信息的地方。當你將圖片的主體沿著網(wǎng)格放置的時候，這樣的結(jié)果會更符合受眾的審美。通常右上方的交叉點最為理想，其次為右下方，剩下的兩個點也可以考慮。這種構(gòu)圖格式較為符合人們的視覺習(xí)慣，使主體自然成為視覺中心，具有突出主體，并使畫面趨向均衡的特點。

確定了圖片中的主體以后，還是眼睛的位置放到輔助線的交叉點上。

優(yōu)先考慮右上方的交叉點與右下方的交叉點這兩個位置，再嘗試用其他的位置進行裁切，最后篩選出符合主題、我們需要的圖片。

針對這張圖片，把主體安排在右上方交叉點的裁切方式，就要比右邊的這張更完整，因為它把鷹喝水的場景也帶入進去了，能傳遞的信息更多。

使用三分法，如果圖片中出現(xiàn)了地平線之類的元素，與黃金分割比的處理方式一致，放到分割矩形的線上。

裁切這張圖片，水平面放到分割矩形的線上，主體安排在右下方交叉點，優(yōu)先考慮右下方、右上方這兩個位置。

裁切的大小、方向，包括網(wǎng)格本身的尺寸都可以更靈活的進行變化，各種形式的矩形都可以切出來。這就是三分法的使用方式，弄懂了我們繼續(xù)學(xué)習(xí)下一種，對角線裁切法。

3. 對角線裁切

新建兩個相同大小的正方形輪廓，將對角線進行連接，交叉重疊在一起，重疊的距離可以根據(jù)圖片的尺寸要求進行調(diào)整。

這樣對角線的輔助網(wǎng)格就建立好了，使用的方法比前兩種更簡單，主體對準這兩個交叉點的位置就可以。

這張圖片，把視覺焦點放到兩組交叉點的任意一點上，裁切出的圖片都是不錯的，換成其他類型的圖片也是如此。

還有一種近似對角線的網(wǎng)格也可以裁切圖片，在這個矩形里連接一條對角線，從剩余的兩個角畫兩條垂直于對角線的線條。

它們形成的交叉點，可以作為安排主體的位置。

4. 中心裁切法

下面來介紹常規(guī)裁剪方式里面最后一種裁切的方法，中心裁切法，也是我們設(shè)計師在工作中應(yīng)用的最多的一種方式。

在矩形輪廓的基礎(chǔ)上，連接對角線形成的這個交點，用來安排圖片中主體的位置。

比如這張圖片里的貓頭鷹，按照中心裁切法，直接放到交點的位置，也就是這個矩形輪廓的中心。

采用中心裁剪的方式，最后得到的圖片都是主體、聚焦點特別清晰的。常規(guī)的裁剪方式都學(xué)會了，下面來了解一些非常規(guī)的方式，異形裁切的方式。

異形裁切

所謂的異形裁切就是使用除了矩形以外的其他形狀對圖片進行裁切，可以分成抽象的裁切與具象的裁切兩種。先來了解第一種抽象裁切，所謂的抽象裁切，指的就是使用幾何形態(tài)或者偶然的形態(tài)，對圖片的外輪廓進行裁切。

幾何形態(tài)，方形、圓形、三角形、多邊形，以它們?yōu)橥廨喞獊磉M行裁切，得到的圖形就是幾何形態(tài)的裁切。

另一種抽象裁切是這種筆觸、墨點之類的偶然形態(tài)，這是裁切后得到的圖片、圖形。對于我們設(shè)計師來說，其實這就是一種常用的技法。

至于具象的輪廓進行裁切，就是讓圖片的輪廓保持比較具象的造型來裁切圖片的方式，都屬于異形裁切，這種裁切方式一般都是把主體放到畫面的中心，注意邊緣輪廓不要遮擋圖片中的主體。

其實我們經(jīng)常使用摳圖、去底來處理圖片的方式，也算是一種裁切方式，這個沒什么規(guī)律、技巧，圖能扣干凈就好。

總結(jié)

總結(jié)一下學(xué)到的內(nèi)容，我們了解了常規(guī)的裁剪方式，黃金比例裁切、三分法、對角線裁切和中心裁切的使用方式，異形裁切又分成抽象和具象兩種，也很簡單。方法交給你了，至于說你在具體的項目中使用哪種方式來裁切處理圖片，還是要多做嘗試、積累經(jīng)驗，根據(jù)項目的具體要求來做選擇判斷。

歡迎關(guān)注研習(xí)社的微信公眾號：「Yanxishe2017」