素材圖難處理?黑馬設(shè)計師來幫你!

作為設(shè)計師，要擁有兩項基本技能：第一個技能，找合適的圖;第二個技能，處理出合適圖!

前者是很簡單的，找到一張漂亮、合適的圖，然后就可以開始接下來的設(shè)計了。

但是!每次都能找到漂亮、合適的素材圖嗎?每次都有這么好的運氣嗎?那可未必。通常呢，設(shè)計師往往遇到的都是后者，素材圖是需求方或者客戶指定的，而他千叮嚀萬囑咐，就是要用這張圖，設(shè)計師你來想辦法吧!

好一個強力甩鍋~

而提供給我們的圖垃圾成狗的樣子，我們只能“呵呵”了，看到那種還不如度娘搜索出來的質(zhì)量，就讓我們有種吐血身亡的沖動!

往往理想與現(xiàn)實的差距，我們不得不承認。

現(xiàn)在都在提倡“垃圾分類、變廢為寶”，所以呢，今天黑馬設(shè)計師也趕個時髦，帶著大家研究下，怎么把本應(yīng)該拖入回收站永久刪除的垃圾圖片，變幻出“吊炸天”的效果!

接下來我們就來看看，拿到一些相對好一些的素材和一些糟糕透頂?shù)乃夭?，我們分別有哪些處理方式。

開始傳授武功秘技了，小伙伴們坐穩(wěn)了，一共有4招哦~

第一招：暴力平鋪法

比如說拿到一張質(zhì)量不錯的高清大圖，(尤其是主角有點帥的那種!)那事情就很容易了，直接鋪到背景，然后將文案排版好就OK了。這就相當于前面說的前者，圖還是蠻合適的，輕松加愉快!當然具體在平鋪的時候還是有很多不同方式與技巧的：

1、這也是我們最常用的方法，選取好合適的角度直接鋪到頁面，當然文字排版與素材圖有所呼應(yīng)，再稍稍調(diào)節(jié)下顏色，那可就堪稱完美了。

2、想要主體與文字可以做出鮮明對比，還可以采用強化黑白對比的方式，通過去色并且調(diào)節(jié)明暗將人物的輪廓更加突顯出來，這樣處理之后瞬間就更藝術(shù)化了。

3、觀察人物右上角，感覺背景有些凌亂并有些分割畫面，總感覺有些不舒服，所以通過放大圖片(當然保證有足夠的精度，這點很重要)，突出部分主要特征，這個方法簡直吊爆了!大家是否發(fā)現(xiàn)很多時尚雜志特愛使用這招呢?

第二招：范圍控制法

范圍控制法，這個是什么神仙法術(shù)?

好了，不能扯太遠了，我們還是把車開回來。

我們經(jīng)常遇到這樣的情況，素材圖的主體是我們想要的，但是圖片整體比例不對，沒辦法像前面那樣暴力平鋪到頁面上，這樣就需要用到新的招式——將素材圖放入到范圍內(nèi)。

比方說你拿到這樣一張豎圖，是不太好直接應(yīng)用到橫版頁面中去的(杰倫大哥又來了)：

OK!又是他，看膩了，我們翻轉(zhuǎn)下方向，將素材圖放入到圓形的范圍后，就可以完美解決圖片比例不對產(chǎn)生的問題，并且通過圓形元素的前后呼應(yīng)，也很好的強化了頁面的設(shè)計感。

范圍可以是規(guī)則的幾何形狀，也可以是不規(guī)則形狀的，比如說筆刷效果：

還可以置入到文字當中：

大家需要注意!!!這里要敲下黑板啦~上面將人物圖片放入到文字輪廓其實是個錯誤的示范，因為這樣會導(dǎo)致人物的形完全被打散，感覺杰倫哥被大卸八塊的感覺，自然喪失了識別度。

這招還是有一些基本的心法和套路需要掌握的!大家看下面我的表演就知道了。

通過上面的圖可以總結(jié)出：

1、一體化的圖形，適合有主體的圖片，例如人物、產(chǎn)品。

2、不規(guī)則或字體類的圖形，適合沒有主體的圖片，例如風(fēng)景。

3、無主體并且凌亂的畫面，是不適合放入任何范圍的。

第三招：邊界延伸法

邊界延伸法，就是將素材圖向外延伸色塊或圖形，形成新的排版與構(gòu)圖，以此達到改變圖片比例的目的。比如說這張圖：

或者我們也可以應(yīng)用之前提到的方法，將素材圖放入到文字中，使得文字和素材圖有一定的呼應(yīng)效果：

第四招：變色疊加法

前面提到的幾種方法處理都是素材品質(zhì)本身沒問題，只是在應(yīng)用的時候有一些局限性。

接下來，來一張鄉(xiāng)村廟會隨手的街拍圖：

嗯哼!這個圖，要構(gòu)圖沒構(gòu)圖，要色彩沒色彩，遠處人群亂成一團，關(guān)鍵是像素還很渣!!一般人看到這種素材都果斷拖入了回收站!

別怕!還有救，咱們也有辦法讓它變得好看，變得高品質(zhì)!

與其看著圖片放大模糊，我們就將計就計，故意再加上一些模糊效果,朦朦朧朧也是一種含蓄的美。

接下來，這是一張暴力沖突的新聞?wù)掌?/p>

大大小小、遠遠近近的人物非常多，雜亂無章，車和路燈的亂入，而且畫面有些血腥，辣眼睛，基本上這種圖，是可以放棄的了。

調(diào)整后，既統(tǒng)一了色調(diào)，又保留了畫面的沖突性，還增添了一些賽博朋克風(fēng)格，畫面瞬間洋氣起來。

最后，這張圖的品質(zhì)是比以上都要高的，但是造型上比較隨意，明暗、虛實也不統(tǒng)一，也是隨手一拍的結(jié)果。

瞬間增添了更多的科技感了，有木有?

大家是否體會到了，這招是不是既簡單實用又好學(xué)呢?

總結(jié)

好了，本次教了大家四招處理素材圖的方法，我們來回顧一下：

1、暴力平鋪法

2、范圍控制法

3、邊界延伸法

4、變色疊加法

所用文案全是傳智網(wǎng)址“ITCAST”，在商業(yè)案例使用當中請自行修改合適文案，根據(jù)素材圖片運用合適的版式，基本也都是這個套路。你GET到了嗎?

學(xué)設(shè)計，來傳智!設(shè)計改變生活!


猜你喜歡：

UI設(shè)計師需要懂前端代碼嗎?

小白如何學(xué)習(xí)UI設(shè)計?UI設(shè)計需要掌握什么知識?

Logo設(shè)計應(yīng)該如何著手設(shè)計

全鏈路UI/UE真設(shè)計師課程