哦,原來這樣可以更高級(jí)!

2022-8-17    seo達(dá)人


圖片

如果光看視覺不論主題感覺還不錯(cuò)的,但最大的問題也是不符合主題,主體是一個(gè)現(xiàn)實(shí)的籃球運(yùn)動(dòng)員,卻搞了很多魔幻的元素,結(jié)果就很像魔幻籃球似的,這樣在練習(xí)的時(shí)候可以試試,但作為一個(gè)項(xiàng)目需求肯定是不會(huì)讓你過的。

再來看看修改后的:

圖片

修改后的圖整個(gè)就和諧統(tǒng)一多了,更符合主題。

我們做圖的時(shí)候符合主題是最基本的,那到底該怎么做呢?今天就給家分享一下設(shè)計(jì)思路。

 

一、明確風(fēng)格

視覺設(shè)計(jì)師經(jīng)常會(huì)遇到各種各樣的需求,首先我們要做的第一件事就是了解需求,明確風(fēng)格。
我們可以通過了解需求背景,和觀察人物素材來了解,之后再去推進(jìn)設(shè)計(jì)。

我們來看看素材:

圖片

這不是NBA巨星科比么?!明顯是現(xiàn)實(shí)題材,不應(yīng)該加入一些魔幻、科幻什么的元素進(jìn)去。

圖片

 

二、明確需求

明確需求的目的是為了抓住設(shè)計(jì)關(guān)鍵點(diǎn),方便為接下來的設(shè)計(jì)推進(jìn)提高效率。比如這次作業(yè)是要求大家設(shè)計(jì)一張帶有神秘感的剪影海報(bào),我們可以找剪影的參考來提取這類視覺表現(xiàn)的關(guān)鍵點(diǎn)是什么:

圖片

找了很多參考,可以看到剪影視覺的效果還是蠻強(qiáng)的。很容易出效果,通過觀察我們要學(xué)會(huì)提取里面的關(guān)鍵點(diǎn):

圖片

我們要做的就很明確了,在一個(gè)場(chǎng)景里設(shè)置一個(gè)光源,再加入人物調(diào)黑放在光源前面形成對(duì)比。

 

三、元素聯(lián)想

我們的人物素材是籃球員,我們就可以通過籃球運(yùn)d動(dòng)員這一個(gè)點(diǎn)為中心去發(fā)散聯(lián)想:

圖片

再用這些點(diǎn)來組成畫面,就會(huì)很符合主題了。

比如我們的場(chǎng)景可以是球星的發(fā)布會(huì)背景墻:

圖片

一個(gè)簡(jiǎn)單的場(chǎng)景就ok了

然后是我們的光源:

圖片

原圖中就是一個(gè)圓,就比較普通。
其實(shí)光源也可能是各種各樣的造型,來增加設(shè)計(jì)感和主題感。我們剛才聯(lián)想到有籃球,光源我們就可以用籃球來做。但我又懶得畫,怎么快速的做一個(gè)呢。這里給大家分享個(gè)省力的小辦法。

我直接從開源的圖標(biāo)網(wǎng)站去下載,里面的圖標(biāo)都可以免費(fèi)用,且可以下載到矢量文件。
圖片

直接下一個(gè)不錯(cuò)的放圖里看看:

圖片

emm,感覺有點(diǎn)太粗了,一點(diǎn)也不透氣,沒關(guān)系。我們把源文件拖進(jìn)AI里調(diào)整下描邊粗細(xì)就可以了:

圖片

再放回圖里看看:

圖片

這樣就輕薄透氣多了!再給圖形加個(gè)外發(fā)光效果:

圖片

光源就完成了,又快又貼合主題棒棒的!
接著可以繼續(xù)豐富畫面,比如把光源想成一個(gè)霓虹燈,那可能需要繪制一些線路,也可以在墻上張貼一些人物宣傳海報(bào):

圖片

還可以增加燈光對(duì)地面的倒影,直接把墻上的籃球圖形復(fù)制一個(gè)下來,使用透視工具拉一下變形,放到地面上:

圖片

這里要注意做好兩個(gè)點(diǎn),倒影才能更真實(shí):
1.靠近光源的位置會(huì)很亮,遠(yuǎn)離光源的地方要暗下去;
2.靠近光源的位置邊緣比較實(shí),遠(yuǎn)離光源的地方要用高斯模糊虛化下去。

圖片

這樣整個(gè)場(chǎng)景就很豐富啦。

接下來是人物的處理,有一個(gè)點(diǎn)給大家分享下:

直接把人物涂黑也有剪影的感覺,但是毫無(wú)細(xì)節(jié),人物就很平,薄的像紙,一點(diǎn)都不立體

圖片

為了解決這個(gè)問題,我們可以給人物的邊緣加一些過度的光,注意觀察手臂的位置:

圖片

有過度光的人物是不是就顯得很立體啦?

這個(gè)同學(xué)的也有點(diǎn)這個(gè)問題,整個(gè)手臂沒有加過度光,所以會(huì)顯得有點(diǎn)平:

圖片

加完過度光看下整體效果:

圖片

一張帥帥的人物剪影海報(bào)就完成了!

 

四、其它的一些附加知識(shí)點(diǎn)

1.低視角會(huì)讓畫面充滿壓迫力。

以Amor的作業(yè)為例:人物我們不能調(diào),

但我們可以調(diào)整地面的俯視角度。比如右邊這張,就放大了透視,就給人一種仰視角色的感覺,整張圖更有壓迫感。左邊這張因?yàn)橥敢暠容^小,視角就比較高,顯得是在俯視角色。就缺少了一點(diǎn)氣勢(shì):

圖片

小小的改動(dòng)就可以提升一個(gè)氣質(zhì)。

 

2.在光源里加入一些碎片會(huì)讓畫面更豐滿,充滿細(xì)節(jié)。

這是兜兜一張作業(yè),也是很不錯(cuò)的。

圖片

我們觀察下底部光源的位置的區(qū)別:

圖片

很多同學(xué)打完光就會(huì)讓它空著,就會(huì)顯得很單一,光也會(huì)顯得有點(diǎn)蒼白平淡。其實(shí)我們可以在光源里加入一些細(xì)節(jié),就可以讓光的層次更豐富了,從而讓畫面更耐看。


作者:慢熱

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》哦,原來這樣可以更高級(jí)!

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



分享本文至:

日歷

鏈接

個(gè)人資料

存檔