更新時(shí)間:2020-08-18 來(lái)源:黑馬程序員 瀏覽量:
作為設(shè)計(jì)師,要擁有兩項(xiàng)基本技能:第一個(gè)技能,找合適的圖;第二個(gè)技能,處理出合適圖!
前者是很簡(jiǎn)單的,找到一張漂亮、合適的圖,然后就可以開(kāi)始接下來(lái)的設(shè)計(jì)了。
但是!每次都能找到漂亮、合適的素材圖嗎?每次都有這么好的運(yùn)氣嗎?那可未必。通常呢,設(shè)計(jì)師往往遇到的都是后者,素材圖是需求方或者客戶指定的,而他千叮嚀萬(wàn)囑咐,就是要用這張圖,設(shè)計(jì)師你來(lái)想辦法吧!
好一個(gè)強(qiáng)力甩鍋~
而提供給我們的圖垃圾成狗的樣子,我們只能“呵呵”了,看到那種還不如度娘搜索出來(lái)的質(zhì)量,就讓我們有種吐血身亡的沖動(dòng)!
往往理想與現(xiàn)實(shí)的差距,我們不得不承認(rèn)。
現(xiàn)在都在提倡“垃圾分類、變廢為寶”,所以呢,今天黑馬設(shè)計(jì)師也趕個(gè)時(shí)髦,帶著大家研究下,怎么把本應(yīng)該拖入回收站永久刪除的垃圾圖片,變幻出“吊炸天”的效果!
接下來(lái)我們就來(lái)看看,拿到一些相對(duì)好一些的素材和一些糟糕透頂?shù)乃夭模覀兎謩e有哪些處理方式。
開(kāi)始傳授武功秘技了,小伙伴們坐穩(wěn)了,一共有4招哦~
第一招:暴力平鋪法
比如說(shuō)拿到一張質(zhì)量不錯(cuò)的高清大圖,(尤其是主角有點(diǎn)帥的那種!)那事情就很容易了,直接鋪到背景,然后將文案排版好就OK了。這就相當(dāng)于前面說(shuō)的前者,圖還是蠻合適的,輕松加愉快!當(dāng)然具體在平鋪的時(shí)候還是有很多不同方式與技巧的:
1、這也是我們最常用的方法,選取好合適的角度直接鋪到頁(yè)面,當(dāng)然文字排版與素材圖有所呼應(yīng),再稍稍調(diào)節(jié)下顏色,那可就堪稱完美了。
2、想要主體與文字可以做出鮮明對(duì)比,還可以采用強(qiáng)化黑白對(duì)比的方式,通過(guò)去色并且調(diào)節(jié)明暗將人物的輪廓更加突顯出來(lái),這樣處理之后瞬間就更藝術(shù)化了。
3、觀察人物右上角,感覺(jué)背景有些凌亂并有些分割畫(huà)面,總感覺(jué)有些不舒服,所以通過(guò)放大圖片(當(dāng)然保證有足夠的精度,這點(diǎn)很重要),突出部分主要特征,這個(gè)方法簡(jiǎn)直吊爆了!大家是否發(fā)現(xiàn)很多時(shí)尚雜志特愛(ài)使用這招呢?
第二招:范圍控制法
范圍控制法,這個(gè)是什么神仙法術(shù)?
好了,不能扯太遠(yuǎn)了,我們還是把車(chē)開(kāi)回來(lái)。
我們經(jīng)常遇到這樣的情況,素材圖的主體是我們想要的,但是圖片整體比例不對(duì),沒(méi)辦法像前面那樣暴力平鋪到頁(yè)面上,這樣就需要用到新的招式——將素材圖放入到范圍內(nèi)。
比方說(shuō)你拿到這樣一張豎圖,是不太好直接應(yīng)用到橫版頁(yè)面中去的(杰倫大哥又來(lái)了):
OK!又是他,看膩了,我們翻轉(zhuǎn)下方向,將素材圖放入到圓形的范圍后,就可以完美解決圖片比例不對(duì)產(chǎn)生的問(wèn)題,并且通過(guò)圓形元素的前后呼應(yīng),也很好的強(qiáng)化了頁(yè)面的設(shè)計(jì)感。
范圍可以是規(guī)則的幾何形狀,也可以是不規(guī)則形狀的,比如說(shuō)筆刷效果:
還可以置入到文字當(dāng)中:
大家需要注意!!!這里要敲下黑板啦~上面將人物圖片放入到文字輪廓其實(shí)是個(gè)錯(cuò)誤的示范,因?yàn)檫@樣會(huì)導(dǎo)致人物的形完全被打散,感覺(jué)杰倫哥被大卸八塊的感覺(jué),自然喪失了識(shí)別度。
這招還是有一些基本的心法和套路需要掌握的!大家看下面我的表演就知道了。
通過(guò)上面的圖可以總結(jié)出:
1、一體化的圖形,適合有主體的圖片,例如人物、產(chǎn)品。
2、不規(guī)則或字體類的圖形,適合沒(méi)有主體的圖片,例如風(fēng)景。
3、無(wú)主體并且凌亂的畫(huà)面,是不適合放入任何范圍的。
第三招:邊界延伸法
邊界延伸法,就是將素材圖向外延伸色塊或圖形,形成新的排版與構(gòu)圖,以此達(dá)到改變圖片比例的目的。比如說(shuō)這張圖:
或者我們也可以應(yīng)用之前提到的方法,將素材圖放入到文字中,使得文字和素材圖有一定的呼應(yīng)效果:
第四招:變色疊加法
前面提到的幾種方法處理都是素材品質(zhì)本身沒(méi)問(wèn)題,只是在應(yīng)用的時(shí)候有一些局限性。
接下來(lái),來(lái)一張鄉(xiāng)村廟會(huì)隨手的街拍圖:
嗯哼!這個(gè)圖,要構(gòu)圖沒(méi)構(gòu)圖,要色彩沒(méi)色彩,遠(yuǎn)處人群亂成一團(tuán),關(guān)鍵是像素還很渣!!一般人看到這種素材都果斷拖入了回收站!
別怕!還有救,咱們也有辦法讓它變得好看,變得高品質(zhì)!
與其看著圖片放大模糊,我們就將計(jì)就計(jì),故意再加上一些模糊效果,朦朦朧朧也是一種含蓄的美。
接下來(lái),這是一張暴力沖突的新聞?wù)掌?
大大小小、遠(yuǎn)遠(yuǎn)近近的人物非常多,雜亂無(wú)章,車(chē)和路燈的亂入,而且畫(huà)面有些血腥,辣眼睛,基本上這種圖,是可以放棄的了。
調(diào)整后,既統(tǒng)一了色調(diào),又保留了畫(huà)面的沖突性,還增添了一些賽博朋克風(fēng)格,畫(huà)面瞬間洋氣起來(lái)。
最后,這張圖的品質(zhì)是比以上都要高的,但是造型上比較隨意,明暗、虛實(shí)也不統(tǒng)一,也是隨手一拍的結(jié)果。
瞬間增添了更多的科技感了,有木有?
大家是否體會(huì)到了,這招是不是既簡(jiǎn)單實(shí)用又好學(xué)呢?
總結(jié)
好了,本次教了大家四招處理素材圖的方法,我們來(lái)回顧一下:
1、暴力平鋪法
2、范圍控制法
3、邊界延伸法
4、變色疊加法
所用文案全是傳智網(wǎng)址“ITCAST”,在商業(yè)案例使用當(dāng)中請(qǐng)自行修改合適文案,根據(jù)素材圖片運(yùn)用合適的版式,基本也都是這個(gè)套路。你GET到了嗎?
學(xué)設(shè)計(jì),來(lái)傳智!設(shè)計(jì)改變生活!
猜你喜歡:
描邊風(fēng)格插畫(huà)如何設(shè)計(jì)?