全國咨詢/投訴熱線:400-618-4000

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

更新時間:2020年08月18日15時51分 來源:傳智播客 瀏覽次數:

素材圖難處理01



作為設計師,要擁有兩項基本技能:第一個技能,找合適的圖;第二個技能,處理出合適圖!

素材圖難處理02

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

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

好一個強力甩鍋~

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

素材圖難處理03


往往理想與現實的差距,我們不得不承認。

素材圖難處理04


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

素材圖難處理05

接下來我們就來看看,拿到一些相對好一些的素材和一些糟糕透頂的素材,我們分別有哪些處理方式。

開始傳授武功秘技了,小伙伴們坐穩了,一共有4招哦~

第一招:暴力平鋪法

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

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

素材圖難處理06

素材圖難處理07

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

素材圖難處理08

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

素材圖難處理09

素材圖難處理10


第二招:范圍控制法

范圍控制法,這個是什么神仙法術?

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

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

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

素材圖難處理11

素材圖難處理12



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

范圍可以是規則的幾何形狀,也可以是不規則形狀的,比如說筆刷效果:

素材圖難處理13


還可以置入到文字當中:

素材圖難處理14

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

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

素材圖難處理15

素材圖難處理16



通過上面的圖可以總結出:

1、一體化的圖形,適合有主體的圖片,例如人物、產品。

2、不規則或字體類的圖形,適合沒有主體的圖片,例如風景。

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

第三招:邊界延伸法

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

素材圖難處理17

素材圖難處理18

或者我們也可以應用之前提到的方法,將素材圖放入到文字中,使得文字和素材圖有一定的呼應效果:

素材圖難處理19


第四招:變色疊加法

前面提到的幾種方法處理都是素材品質本身沒問題,只是在應用的時候有一些局限性。

接下來,來一張鄉村廟會隨手的街拍圖:

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

別怕!還有救,咱們也有辦法讓它變得好看,變得高品質!

素材圖難處理20

素材圖難處理21



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

接下來,這是一張暴力沖突的新聞照片:

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

素材圖難處理22


調整后,既統一了色調,又保留了畫面的沖突性,還增添了一些賽博朋克風格,畫面瞬間洋氣起來。

素材圖難處理23

最后,這張圖的品質是比以上都要高的,但是造型上比較隨意,明暗、虛實也不統一,也是隨手一拍的結果。

素材圖難處理24

素材圖難處理25


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

大家是否體會到了,這招是不是既簡單實用又好學呢?

總結

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

1、暴力平鋪法

2、范圍控制法

3、邊界延伸法

4、變色疊加法

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

學設計,來傳智!設計改變生活!


猜你喜歡:

UI設計師需要懂前端代碼嗎?

小白如何學習UI設計?UI設計需要掌握什么知識?

Logo設計應該如何著手設計

全鏈路UI/UE真設計師課程

人妻系列无码专区_漂亮人妻被中出中文字幕_人妻中文制服巨乳中文