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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

這張圖片給我們的感覺(jué)也很不舒服,問(wèn)題同樣是出在水平方向的傾斜上。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

把人群邊緣的人物裁掉一些,旁邊的這些人犧牲掉,重要的角色一般都會(huì)站在中間,保證他們不被裁掉就好。邊緣的人物被裁剪了以后,我們看到了這張圖片,兩邊有很多人沒(méi)被收到鏡頭里面,就會(huì)覺(jué)得人很多,感覺(jué)這個(gè)場(chǎng)景比實(shí)際看起來(lái)更大一些。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

這張圖片,裁切,去掉兩邊會(huì)顯得人多。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

如果裁切成這樣,里面的人感覺(jué)會(huì)更多。當(dāng)然了,如果客戶有要求,要讓里面的人都露出來(lái),那就不要做這樣的裁切處理了。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁剪圖片的原則

什么樣的圖片需要裁切了解了,下面再來(lái)看看裁切圖片的時(shí)候需要注意的原則,一共三點(diǎn)。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

第二點(diǎn),保證圖片的簡(jiǎn)潔度,去掉多余的元素。多余的視覺(jué)元素容易分散受眾的注意力,對(duì)主體造成干擾,保證圖片的簡(jiǎn)潔度能夠提升信息傳遞的效率。

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

裁剪圖片的常用方式

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

1. 黃金比例裁剪

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

把這個(gè)模特的眼睛作為主體,將黃金螺旋的中心放到這。裁切圖片,最后得到的這個(gè)面部特寫(xiě),就是使用黃金螺旋裁切出來(lái)的。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

再來(lái)看這只海龜,對(duì)他進(jìn)行裁切,只要龜頭的話,主體仍然選擇眼睛,黃金螺旋的中心放到這里。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

看個(gè)例子,這張圖片的主體在哪?模特回頭的這個(gè)瞬間最能吸引我,那我們就選擇這里作為圖片的主體,強(qiáng)化視覺(jué)焦點(diǎn)。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

2. 三分法裁切

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

確定了圖片中的主體以后,還是眼睛的位置放到輔助線的交叉點(diǎn)上。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

針對(duì)這張圖片,把主體安排在右上方交叉點(diǎn)的裁切方式,就要比右邊的這張更完整,因?yàn)樗漾椇人膱?chǎng)景也帶入進(jìn)去了,能傳遞的信息更多。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

3. 對(duì)角線裁切

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

這樣對(duì)角線的輔助網(wǎng)格就建立好了,使用的方法比前兩種更簡(jiǎn)單,主體對(duì)準(zhǔn)這兩個(gè)交叉點(diǎn)的位置就可以。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

這張圖片,把視覺(jué)焦點(diǎn)放到兩組交叉點(diǎn)的任意一點(diǎn)上,裁切出的圖片都是不錯(cuò)的,換成其他類型的圖片也是如此。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

它們形成的交叉點(diǎn),可以作為安排主體的位置。

4. 中心裁切法

下面來(lái)介紹常規(guī)裁剪方式里面最后一種裁切的方法,中心裁切法,也是我們?cè)O(shè)計(jì)師在工作中應(yīng)用的最多的一種方式。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

在矩形輪廓的基礎(chǔ)上,連接對(duì)角線形成的這個(gè)交點(diǎn),用來(lái)安排圖片中主體的位置。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

比如這張圖片里的貓頭鷹,按照中心裁切法,直接放到交點(diǎn)的位置,也就是這個(gè)矩形輪廓的中心。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

異形裁切

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

幾何形態(tài),方形、圓形、三角形、多邊形,以它們?yōu)橥廨喞獊?lái)進(jìn)行裁切,得到的圖形就是幾何形態(tài)的裁切。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

另一種抽象裁切是這種筆觸、墨點(diǎn)之類的偶然形態(tài),這是裁切后得到的圖片、圖形。對(duì)于我們?cè)O(shè)計(jì)師來(lái)說(shuō),其實(shí)這就是一種常用的技法。

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

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

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

總結(jié)

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

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

裁圖很簡(jiǎn)單?你太小看這門技術(shù)了

收藏 247
點(diǎn)贊 20

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。