首頁技術(shù)文章正文

如何尋找和處理設(shè)計(jì)素材?

更新時(shí)間:2020-08-18 來源:黑馬程序員 瀏覽量:

素材圖難處理01



作為設(shè)計(jì)師,要擁有兩項(xiàng)基本技能:第一個(gè)技能,找合適的圖;第二個(gè)技能,處理出合適圖!

素材圖難處理02

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

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

好一個(gè)強(qiáng)力甩鍋~

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

素材圖難處理03


往往理想與現(xiàn)實(shí)的差距,我們不得不承認(rèn)。

素材圖難處理04


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

素材圖難處理05

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

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

第一招:暴力平鋪法

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

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

素材圖難處理06

素材圖難處理07

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

素材圖難處理08

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

素材圖難處理09

素材圖難處理10


第二招:范圍控制法

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

好了,不能扯太遠(yuǎn)了,我們還是把車開回來。

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

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

素材圖難處理11

素材圖難處理12



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

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

素材圖難處理13


還可以置入到文字當(dāng)中:

素材圖難處理14

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

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

素材圖難處理15

素材圖難處理16



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

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

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

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

第三招:邊界延伸法

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

素材圖難處理17

素材圖難處理18

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

素材圖難處理19


第四招:變色疊加法

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

接下來,來一張鄉(xiāng)村廟會(huì)隨手的街拍圖:

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

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

素材圖難處理20

素材圖難處理21



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

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

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

素材圖難處理22


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

素材圖難處理23

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

素材圖難處理24

素材圖難處理25


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

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


總結(jié)

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

1、暴力平鋪法

2、范圍控制法

3、邊界延伸法

4、變色疊加法

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

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


猜你喜歡:

賽博朋克風(fēng)格圖片怎么調(diào)?

描邊風(fēng)格插畫如何設(shè)計(jì)?

如何使用PS設(shè)計(jì)炫酷海報(bào)?圖文詳細(xì)教程

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

分享到:
在線咨詢 我要報(bào)名
和我們在線交談!