我們?cè)诜嗠s志的時(shí)候，總是會(huì)驚嘆雜志里的圖片怎么會(huì)這么好看。其實(shí)雜志里的圖片一方面是由攝影師專門為雜志的編排而拍攝的，另一方面，也是因?yàn)殡s志對(duì)圖片的處理手法十分巧妙，今天這節(jié)課我們將給大家講解一下關(guān)于雜志里的圖片都是如何處理的。

在課程開始之前，我們先來看一些雜志的圖片。這三張是以一張大圖片為主體的雜志頁面，我們將圖片用紅色的色塊標(biāo)記，文字則用藍(lán)色的色塊標(biāo)記。我們可以發(fā)現(xiàn)，紅色部分的面積遠(yuǎn)大于藍(lán)色部分的面積。

我們換成小圖片的頁面看看。同樣的，圖片的面積也遠(yuǎn)大于文字的部分。我們可以發(fā)現(xiàn)，現(xiàn)在雜志的大多數(shù)頁面其實(shí)都是以圖片作為畫面的主體，或者說圖片所占比重會(huì)比文字大得多。

為什么會(huì)出現(xiàn)這種現(xiàn)象呢？那是因?yàn)閳D片與文字相比，圖片的視覺沖擊力和對(duì)人的吸引力遠(yuǎn)大于文字。為了能夠吸引讀者的購買和閱讀，所以雜志頁面中會(huì)加入豐富的圖片。

圖片的分類

那么我們接著先來了解一下關(guān)于圖片分類的小知識(shí)。

圖片可以分為點(diǎn)陣圖和矢量圖，點(diǎn)陣圖就是以像素組成的圖，放大之后可能會(huì)造成模糊等失真的效果。矢量圖則是由線條、幾何圖形等構(gòu)成，可以隨意放大縮小也不會(huì)失真。

也可以分為攝影圖片和手繪圖片，顧名思義，攝影圖片是用照相機(jī)拍攝出來的圖片，而手繪圖片則是通過筆或者手繪板畫出來的圖片。

矩形圖片和去底圖，矩形圖片是指外輪廓是矩形的圖片，而去底圖則是把環(huán)境都除去，只保留主體的圖片。

因?yàn)槭掷L的圖片本身就會(huì)比實(shí)物的攝影圖更加具備張力，也更容易給人提供想象，修飾的需求并沒有攝影圖來的這么高，而且手繪的或是矢量圖在雜志中出現(xiàn)的概率相對(duì)比較少一些，所以本篇教程所針對(duì)的圖片是左邊的這兩種，矩形或者是去底的攝影圖片。

這節(jié)課我們雖然講解的是如何去修飾一張圖片，可是對(duì)于圖片的修飾我們應(yīng)該要把控好一個(gè)度，因?yàn)槿绻覀円晃兜淖非笮Ч鴮?duì)圖片進(jìn)行過度的處理，很可能會(huì)削弱了圖片想表達(dá)的東西，甚至讓版面過于繁雜而凌亂不堪。而且在某些情況下，圖片不需要進(jìn)行修飾也能讓版面足夠有張力和美觀，那么在什么情況下我們可以不對(duì)圖片進(jìn)行修飾呢？我們來看看吧。

第一種情況是當(dāng)我們使用的圖片本身就足夠的好，足夠有質(zhì)感和張力，無需進(jìn)行修飾便能夠撐起整個(gè)版面。

第二種情況是我們可以通過兩張以上的圖片排列，讓圖片之間產(chǎn)生對(duì)比或是關(guān)聯(lián)，從而讓畫面產(chǎn)生張力。

那么第三種情況就是當(dāng)我們想要強(qiáng)調(diào)文字部分時(shí)，并且文字組合做得足夠的精致或者有表現(xiàn)力時(shí)，那么圖片也可以省略掉修飾的環(huán)節(jié)。

最后一種情況是我們要刻畫簡(jiǎn)約風(fēng)格的畫面時(shí)，就要盡量避免對(duì)圖片進(jìn)行太多的修飾和刻畫，否則圖片會(huì)使畫面產(chǎn)生巨大的違和感。

雜志中如何刻畫圖片

1. 去底

接下來正式進(jìn)入本次教程的核心部分，雜志中對(duì)圖片都是如何刻畫的呢？我們第一種要講解的方法就是前面提到的去底圖。

為什么說去底也算是一種修飾圖片的手法呢？我們來看看這張圖片，這張圖片是我從一個(gè)電商網(wǎng)站上保存的圖片。我們可以看到這張圖片雖然十分的美觀，但是模特的裙子和背景色調(diào)很接近，比較不容易展示裙子的細(xì)節(jié)。

我們把他做成一頁雜志，可以發(fā)現(xiàn)這個(gè)頁面從版式結(jié)構(gòu)上來說并沒有什么問題，整體畫面也十分美觀。

但是如果我們想要做一版能夠展示裙子細(xì)節(jié)的版面，那么我們可以嘗試把這個(gè)模特?fù)赋鰜?，裙子在純色的背景上就足夠清晰和亮眼了?

把去底的模特放進(jìn)版面中，這兩個(gè)版面對(duì)比一下，是不是右手邊的版面更加簡(jiǎn)潔有力呢？

另外，去底的圖片相比起矩形圖片也會(huì)顯得更加靈活。我們用這樣一個(gè)多張矩形圖片整齊排列的畫面來作為例子。這個(gè)版面排列十分整潔美觀，信息都一目了然。

但是如果我們想要讓版面變得更加活潑和有張力一些呢？我們就可以通過去底來實(shí)現(xiàn)。利用圖片去底之后所形成的負(fù)空間進(jìn)行排列圖片，讓圖片錯(cuò)落有致地排列在版面里，這樣靈活處理出來的畫面，會(huì)更加熱鬧和有張力。

這些都是雜志中使用去底圖片的案例。

剛剛我們講的只是去底圖片的基礎(chǔ)玩法，接下來我們要講解一下去底圖的另外兩種高階一些的玩法。首先是粗糙去底。粗糙去底就是大致地沿著主體的輪廓將主體摳下來，并不需要嚴(yán)絲合縫地?fù)笀D。

還是用這個(gè)模特當(dāng)做案例，如果我們覺得剛剛做的這個(gè)版面有些單調(diào)的話，那么我們不妨嘗試一下粗糙去底的方法。粗糙去底的方式能讓圖片的形式感更加強(qiáng)烈。

很多時(shí)候粗糙去底還會(huì)在圖片底下加一個(gè)小小的投影，讓圖片有種不規(guī)則的小紙片的感覺。

在雜志中這樣的處理方式是非常常見的，它適合用在偏時(shí)尚潮流或者是偏文藝的版面中。

第二種進(jìn)階玩法是半去底，也可以叫做局部去底，意思就是沿著圖片主體的外輪廓將主體的局部摳出來。

在這里給大家介紹兩種比較常用的局部去底的小技巧。第一種是主體背后有輪廓明顯的物體的話，我們可以將主體沿著主體背后物體的輪廓進(jìn)行摳圖，例如這個(gè)模特背后的門。

當(dāng)主體背后沒有什么明顯的物體讓我們進(jìn)行局部摳圖的時(shí)候，那也沒關(guān)系，我們可以使用第二種小技巧，將主體踩著的地面摳出一部分來，這樣也能一定程度上展示主體所在的環(huán)境。

我們同樣將這兩個(gè)摳好的模特放進(jìn)版面里，比起最初的版本，這兩稿的形式感會(huì)更強(qiáng)一些。

這個(gè)雜志作品就用到了我剛剛介紹的小技巧。這樣的去底方式能讓版面更加活潑有趣。

另外將去底圖和矩形圖片放在一起，能夠產(chǎn)生強(qiáng)烈對(duì)比，表現(xiàn)力也會(huì)很強(qiáng)。

例如這些雜志頁面都存在著矩形圖片和去底圖片的對(duì)比。

我們很多時(shí)候都會(huì)自嘲自己只是摳圖的，可是聽了這些之后，有沒有發(fā)現(xiàn)自己連摳圖都不配，摳圖遠(yuǎn)遠(yuǎn)沒有你想得這么簡(jiǎn)單，去底的圖片比矩形圖片靈活得多，也更具有活潑熱鬧的屬性，將去底圖處理得好，可以給版面帶來非常大的氣質(zhì)上的提升。那么我們接著來看，除了去底之外，還有什么別的處理圖片的技巧吧！

2. 疊加色塊

接下來給大家講解一下第二種比較常見的圖片處理方式——疊加色塊。

疊加色塊的方式有兩種，分別為半疊色塊和全疊色塊。我們先來講講半疊的。

好吧，又是這個(gè)模特。我們?cè)谒谋澈蟑B加一個(gè)色塊，一方面可以一定程度上填補(bǔ)留白，另一方面也能讓圖片更具有形式感。

除了疊加這種矩形色塊，還可以嘗試疊加不規(guī)則的色塊，不規(guī)則的色塊相比矩形色塊能更靈活的處理負(fù)空間，也可以根據(jù)主體的輪廓進(jìn)行靈活調(diào)整。

看看這些案例，通過加入了色塊是不是讓畫面更飽滿和有張力了呢？

接下來來講講全疊色塊，全疊色塊的處理手法一般是用在這種多圖片并列排列的版面中，因?yàn)槿绻且粡埓髨D片使用全疊的手法就會(huì)顯得有些呆板了。

我們用個(gè)案例來展示一下吧，例如這樣一個(gè)版面，整齊地排列著九種不同的蔬菜，可是由于這些蔬菜的形狀各異，導(dǎo)致了負(fù)空間特別的零碎，畫面顯得有些散。

最快的解決方式就是給他們疊加一些色塊，那么版面就變得規(guī)整許多了。

如果我們覺得這樣有些不夠靈活的話，我們可以將個(gè)別的蔬菜放大，讓蔬菜的局部或者是投影超出色塊，這樣的版面就會(huì)顯得靈活而不零碎了。

3. 描邊/邊框

第三個(gè)手法是使用描邊或者邊框。

剛剛我們用去底的方式來讓這個(gè)版面更加活潑有張力，其實(shí)通過添加邊框是一個(gè)更加簡(jiǎn)單快捷的方法。

我們不需要改變版面的結(jié)構(gòu)，只需要在矩形圖片的邊緣添加一圈描邊，或者是將圖片的邊框處理成拍立得，版面就會(huì)立即顯得更加活潑有趣了。

邊框的形式有很多，例如在圖片的內(nèi)部加邊框，兩條粗細(xì)不同的線組成的邊框，或者是手繪的線條作為邊框。我們可以通過多看雜志總結(jié)出更多的邊框形式。

剛剛我們講的都是矩形圖片，其實(shí)去底圖片也是可以添加描邊的。例如這頁雜志，通過描邊的使用，使得深色的產(chǎn)品在深棕色的背景中能夠凸顯出來。

4. 字疊圖

字疊圖是在雜志中可以說是最常見的修飾手法了，非常的簡(jiǎn)單粗暴但是超級(jí)實(shí)用。字疊圖的方式大概也有三種，分別為標(biāo)題疊圖，段落文字疊圖和手寫體疊圖。

首先講講標(biāo)題疊圖的使用。我們來看看這個(gè)版面，他的主體是一個(gè)大草原的大場(chǎng)景圖片，圖片中沒有明顯主體。那么我們就可以通過將標(biāo)題疊在圖片上的方式，使得圖片上產(chǎn)生視覺焦點(diǎn)。

如果將兩張圖片的位置換一換，上方的大圖片變成了這張以蒙古包為主體的草原圖片，那么我們疊加文字的時(shí)候就需要注意到疊加的位置要與主體相呼應(yīng)了。

這兩個(gè)都是將標(biāo)題組疊壓在圖片上的例子，將標(biāo)題組合疊加在圖片上，能讓標(biāo)題和圖片都得到凸顯和強(qiáng)調(diào)。

接下來是疊加段落文字，將段落文字疊壓在圖片上，能讓版面更加靈活，也能讓大段的段落文字顯得沒這么枯燥。一般來說，因?yàn)樽R(shí)別度的原因，段落文字不會(huì)完全疊加在圖片上，只會(huì)疊壓局部。

我們同樣用大草原的文案來做一個(gè)段落文字的疊壓。由于是段落文字，特別需要注意文字的可讀性，所以我們將段落文字都疊壓在了色調(diào)比較淺的天空上，盡可能地保證閱讀的流暢。

最后是疊壓手寫體的處理方式，手寫體的疊壓與標(biāo)題一樣，同樣需要注意疊壓的位置。

手寫體的疊壓能將手寫體自帶的屬性帶給圖片，例如想讓圖片更文藝一些可以用細(xì)一些的手寫體，更潮流一些則可以疊壓粗的涂鴉感覺的手寫體等等。

我們剛剛講解的都是在矩形圖片上疊加文字，那么在去底圖片上能不能疊加文字呢？其實(shí)是可以的，像一些裝飾的手寫體，或者字號(hào)比較大的標(biāo)題，在不影響識(shí)別性的情況下進(jìn)行字疊圖的手法都是沒有問題的。但是！我們是非常不建議在去底圖上疊加段落文字，因?yàn)橐话闳サ讏D可以用來疊壓文字的地方不多，如果要大面積的疊壓段落文字，必定會(huì)產(chǎn)生識(shí)別度不足的問題，所以在去底圖上疊加段落文字需要非常謹(jǐn)慎。

5. 利用文字進(jìn)行修飾

那么除了字疊圖之外，利用文字進(jìn)行修飾的方式非常的多，我在這里給大家介紹幾種比較常用的。

將文字繞著圖片主體排列是在雜志中非常常見的一種手法，能讓畫面變得更加活潑熱鬧。

我們也可以將文字處理成發(fā)射狀，模擬出一種噴口而出的感覺，使得圖片更具有動(dòng)感。

添加對(duì)話框，能讓圖片變得十分生動(dòng)，讓靜止的圖片也有一種會(huì)思考或者會(huì)說話的感覺。

類似的方式還有非常多，例如文字加指向性的箭頭、個(gè)性的字體、數(shù)字，甚至是豎排的文字等等，都可以變成裝飾圖片的元素。

還是用一個(gè)案例來示范一下吧。這次換一個(gè)鞋子的案例，我們看這個(gè)版面構(gòu)圖啥的都沒什么問題，就是缺乏了一些活潑的氛圍，那么我們加入文字的裝飾性元素，版面就瞬間變得活躍了。

6. 添加裝飾元素

如果我們想要添加裝飾元素又缺少文案的時(shí)候，那我們就可以用下一種修飾手法，添加手繪的元素。

裝飾性的手繪小元素，能夠模擬出人物或者是物體的運(yùn)動(dòng)趨勢(shì)，讓圖片和版面具備運(yùn)動(dòng)感。

同樣這雙鞋，我們給他添加一些手繪的小元素，也同樣能夠塑造出活潑生動(dòng)的畫面。

7. 投影

接下來要講的是添加投影

我們來看看這些添加投影的例子，投影可以讓圖片變得更加真實(shí)，更具備細(xì)節(jié)，使得畫面更加具備質(zhì)感。

這一個(gè)案例添加投影也可以一定程度上解決畫面單調(diào)的問題，但是他具備的氣質(zhì)并不是添加裝飾性元素的活潑熱鬧，添加投影帶來的是使畫面更具備質(zhì)感。

添加投影除了剛才使用的真實(shí)投影外，我們還可以用這種假的投影，其實(shí)就是一個(gè)疊在主體下方的，與主題輪廓相似的幾何色塊。這種方式更注重的是表達(dá)一種形式感，而非真實(shí)感。

8. 傾斜

第8種的修飾手法是傾斜。

傾斜的手法能讓圖片具有不平衡感，從而產(chǎn)生強(qiáng)烈的動(dòng)感。關(guān)于傾斜我們之前已經(jīng)有別的教程詳細(xì)說過了，那我們就直接看看案例吧。

我們將這雙鞋子進(jìn)行傾斜擺放之后，感覺畫面就不那么單調(diào)了，產(chǎn)生了一定的張力。

9. 出血/跨頁

最后一種方式是出血和跨頁處理的手法。

也許你們會(huì)想怎么出血也算是修飾手法呢？不就是放大而已么？沒錯(cuò)，放大也能算是一種修飾手法。在圖片足夠高清的情況下，放大能讓讀者留意到許多我們平時(shí)不注意的細(xì)節(jié)，增添了版面的細(xì)節(jié)感。相對(duì)于完整的圖片，經(jīng)過出血的處理的圖片遭到了裁切，會(huì)產(chǎn)生一種陌生感，也能夠讓讀者覺得更新鮮。

最后我們還是用這雙鞋子來示范一下，因?yàn)樾臃糯蟪鲅螅媸浇Y(jié)構(gòu)會(huì)遭到破壞，所以我們得換一個(gè)新的構(gòu)圖。由于經(jīng)過出血處理之后的鞋子并不完整，所以我們?cè)谏戏郊尤肓艘浑p小的完整的鞋子作為信息的補(bǔ)充。

好啦，我們給大家總結(jié)的雜志里處理圖片的小技巧已經(jīng)全部講完啦，不知道大家都學(xué)會(huì)了沒。雖然說我們是從雜志的設(shè)計(jì)中總結(jié)出來的設(shè)計(jì)技法，但是并不意味著這些手法就只能應(yīng)用在雜志設(shè)計(jì)中，設(shè)計(jì)其實(shí)都是共通的，并沒有說某些技法就只能被用在某些領(lǐng)域中。下面我們就給大家?guī)硪粋€(gè)海報(bào)的案例，給大家演示一下如何將雜志中的騷操作帶到別的設(shè)計(jì)中。

因?yàn)槲覀兪褂玫氖请s志的編排技巧，比較適合時(shí)尚、潮流或是文藝的風(fēng)格，所以我們選擇做一個(gè)潮牌的宣傳海報(bào)，這樣在氣質(zhì)上會(huì)比較相符合。

首先建立一個(gè)版面并確定好頁邊距。接著我們把畫面的主體，也就是這個(gè)潮牌的創(chuàng)始人陳冠希歐巴放在畫面中間。

然后將標(biāo)題文字放在版面右上角，標(biāo)題文字我們做了一個(gè)投影的效果增強(qiáng)標(biāo)題的形式感。對(duì)應(yīng)的，我們?cè)诎婷娴淖笙陆蔷幣哦?jí)信息的文字，做一個(gè)對(duì)角線的呼應(yīng)。

接著將其余的文字安排在左上角和右下角，我們整個(gè)版面的大體框架就出來了。我們可以看到現(xiàn)在這個(gè)版面的留白太多，形式感不夠強(qiáng)烈，缺乏氛圍感。接下來我們就要用我們今天教程所講的手法來一一解決這些問題。

先來一個(gè)疊加色塊的手法，在歐巴的身后疊一個(gè)黃色的圓形色塊，那么上半部分負(fù)空間零碎的問題就一定程度上得到了解決。接著再來添加一個(gè)投影，這個(gè)投影我們選用了高明度和高純度的青藍(lán)色，這樣更加有時(shí)尚有趣的感覺。

然后使用字疊圖，從文案中的slogan里提取出It’s Movement的英文放大疊在人物身上，這里我們選用了一款比較有趣的粗無襯線字體。

剩下的負(fù)空間我們用添加文字裝飾元素和手繪裝飾元素的手法填滿。最后的最后，再給版面上加一層點(diǎn)元素背景，增加版面形式感。我們這一張海報(bào)就最終成型了。

文章來源：優(yōu)設(shè)