學(xué)習(xí)UI設(shè)計(jì)場景插畫設(shè)計(jì)

?
作者:牙牙
今天給大家?guī)硪粋€(gè)工作中插畫小場景的項(xiàng)目優(yōu)化
?
前方干貨來襲,請注意!
輕立體的插畫小場景在平時(shí)設(shè)計(jì)中應(yīng)用到的地方有很多,我們來分享一下在這次項(xiàng)目繪制的過程中走過的彎路和流下的淚。先來看一下優(yōu)化的整個(gè)過程吧!
?

?
可以看出來第一版和最終版的效果對(duì)比是非常大的,第一版給人感覺如同一個(gè)半成品,場景輕飄飄的,顏色上幾乎沒有什么明暗對(duì)比,太過統(tǒng)一沒有分清處層次,而且細(xì)節(jié)不夠豐富。
?

?
通過第一版我們可以看出可以通過一下幾個(gè)方面去做層次方面的優(yōu)化:
?
一、增加主體細(xì)節(jié)
1.刻畫熊熊主體
2.優(yōu)化鴨子的造型
?
二、加強(qiáng)明暗對(duì)比
1.加強(qiáng)主體和椅子的明暗對(duì)比
2.加強(qiáng)背景和前景的明暗對(duì)比
?
一、增加主體細(xì)節(jié)
?
1、刻畫熊熊主體
?
之前的熊熊作為主體本身刻畫的細(xì)節(jié)層次和背景的刻畫程度近似,我們要把主體變得有看點(diǎn)才能分清前后的關(guān)系,可以在熊的五官和服裝上進(jìn)一步添加一些細(xì)節(jié)。
例如給熊的五官添加表情,把墨鏡添加一些裝飾元素,讓視覺可以集中在熊的五官上。
?

?
同樣我們還可以在服裝上添加一些花紋的裝飾讓整個(gè)熊熊的主體看起來更加細(xì)致。
?

?
同時(shí)要注意熊的姿勢是頭部在前,胳膊在后,可以在刻畫的時(shí)候加入一些投影,加深胳膊的暗部,區(qū)分一下頭部和胳膊的層級(jí)關(guān)系。
?
?
2、優(yōu)化鴨子的造型
?
鴨子的造型我們把游泳圈直接改成了小黃鴨漂浮物,游泳圈中間的鏤空讓視覺看起來不夠緊湊,同時(shí)我們也優(yōu)化了鴨子的眼睛和嘴巴,讓鴨子看起來更精致一些。
?

?
然后去加強(qiáng)頭部和鴨子身體的前后區(qū)分,加入投影,讓它更加立體。
?
二、加強(qiáng)明暗對(duì)比
我們可以把整個(gè)小場景的明暗做一個(gè)區(qū)分,最亮的是熊,然后是鴨子,然后是地毯,最后是椅子,椅子作為地毯和熊之間的一個(gè)暗部,可以讓畫面有一個(gè)明暗的節(jié)奏,同時(shí)和熊的主體形成對(duì)比。
?

?
接下來要做的就是加強(qiáng)暗部和亮部之間的一個(gè)對(duì)比,體現(xiàn)整個(gè)空間的前后關(guān)系。
?
1、加強(qiáng)主體和椅子的明暗對(duì)比
?
我們把熊和椅子的明暗區(qū)分的更加明確一些,把椅子的飽和度和色相進(jìn)行紫色調(diào)和低飽和度的一個(gè)調(diào)整,用對(duì)比色來拉開兩個(gè)物體的區(qū)別,加深熊的整個(gè)暗部,交代熊在床上清晰的投影。
?

?
?
2、加強(qiáng)背景和前景的明暗對(duì)比
?
優(yōu)化以后發(fā)現(xiàn)背景的植物和星星比較跳 我們?nèi)ミM(jìn)一步加深背景讓背景往后退,同時(shí)把地毯的顏色提亮一些讓整個(gè)后景有一個(gè)區(qū)分。
?

?
然后我們?nèi)ノ⒄{(diào)一下椅子的顏色讓椅子的顏色不要那么臟,把地毯顏色也調(diào)的明亮一些,形成對(duì)比,就到了咱們的第二版畫面:
?

?
第二版畫面再往后優(yōu)化就是細(xì)節(jié)的調(diào)整和進(jìn)一步加強(qiáng)明暗的區(qū)分。
我們從以下幾個(gè)方面再去進(jìn)一步區(qū)分畫面:
一、明暗的進(jìn)一步區(qū)分
1.背景區(qū)分
2.椅子自身的明暗區(qū)分
3.椅子和地毯的區(qū)分
二、添加正確的投影
三、添加環(huán)境光
?
?
?
一、明暗的進(jìn)一步區(qū)分
?
1、背景區(qū)分
?
背景明暗的區(qū)分需要把植物部分去壓暗,同時(shí)把比較跳的星星稍微壓下去一些,做一個(gè)顏色上的過渡,加地毯的反光,讓星星的顏色退到后面去,然后給植物加上床的部分投影,空間關(guān)系更加明確一些。
?

?
?
2、椅子自身的明暗區(qū)分
?
下一步我們要對(duì)椅子進(jìn)行優(yōu)化,目前的椅子沒有區(qū)分開明暗面,反而暗部的反光太強(qiáng),亮部的顏色飽和度又很低,導(dǎo)致立體度出現(xiàn)了反向效果。
我們要做的是把椅子面向光的面亮起來,背陰面暗下去,而不是亮部暗,暗部亮。
?

?
然后我們又發(fā)現(xiàn),現(xiàn)在椅子的顏色對(duì)比度不夠,并且椅子腿上透視有一些問題。
我們繼續(xù)去把椅子的顏色調(diào)暗,同時(shí)要在亮部去加入椅子受光的顏色變化,我們可以加入一些偏亮的純色,暗部做一些小的反光的變化,讓椅子更加有光澤度。
?

?
注意這里椅子腿也是有前后關(guān)系所以靠后的椅子腿要更加的暗一些,受光也少一些,同時(shí)給椅子腿上加入床的一個(gè)陰影。
但這還不夠我們要進(jìn)一步去加強(qiáng)整個(gè)畫面的對(duì)比。
?
3、椅子和地毯的區(qū)分
?
我們接著去把地毯的顏色提亮,同時(shí)把亮部光照的地方做一個(gè)暖色光照的處理,加深床的投影把投影交代的更加清晰一些,讓有顏色對(duì)比的同時(shí)也要有上下關(guān)系的對(duì)比。
?

?
二、添加明確的投影
?
在整個(gè)過程中投影的進(jìn)一步明確是增強(qiáng)一個(gè)立體和層級(jí)關(guān)系的關(guān)鍵,我們以鴨子、床、以及熊在床上的投影做一個(gè)前后的對(duì)比。
?
我們要注意的有三點(diǎn):
?
1、統(tǒng)一投影的方向
?
每個(gè)物體上都要有明暗的一個(gè)對(duì)比,如鴨子之前幾乎看不到暗面和投影,我們要去分析事物和鴨子的一個(gè)前后關(guān)系,再去添加植物后面的投影,讓鴨子看起來更加立體。
?

?
?
2、投影落地的形態(tài)
?
注意落地點(diǎn),不要讓影子浮在半空中,就像之前床的影子和星星的影子過于飄,整個(gè)物體看起來都沒有落地。
?

?
?
?
三、添加環(huán)境光
?
1、減掉整體的內(nèi)發(fā)光
?
雖然在這種輕擬物畫風(fēng)上有很多的物體有一些輪廓光和反光,但并不是統(tǒng)一直接去加一個(gè)內(nèi)發(fā)光,我們要重點(diǎn)做的是通過環(huán)境光來加強(qiáng)對(duì)比,整個(gè)的內(nèi)發(fā)光會(huì)讓物體失去明暗。
拿鴨子舉例子,過強(qiáng)的光源會(huì)讓鴨子顯得很平。
?

?
我們可以加強(qiáng)暗部,在暗部做一些微弱的反光,在亮部加入一點(diǎn)輪廓光。讓整體更加的飽滿立體。
?
2、根據(jù)不同的物體添加環(huán)境光
?
熊熊主要的環(huán)境光是床的紫色反光,我們在添加的時(shí)候注意不要把床反光的顏色過于后厚重或者沒有顏色傾向。
?

?
調(diào)整好一個(gè)環(huán)境光后我們再去整個(gè)添加熊環(huán)境光。這樣整個(gè)畫面的優(yōu)化就完成了。
?

?
我們來最后看一下第二版和第三版的對(duì)比效果
?

?
整個(gè)畫面明暗對(duì)比更強(qiáng),而且顏色上更加通透,光影和諧統(tǒng)一,也具有更好的完整度。
?
?
?
最后
?
本次文章可以吸收的知識(shí)點(diǎn)有很多,希望大家可以和我一起在總結(jié)中收獲知識(shí),取得進(jìn)步,一個(gè)小場景塑造的立體有層次涉及到的點(diǎn)方方面面都會(huì)有,我們要注意繪制時(shí)多去做比較,同時(shí)保證整體明暗的對(duì)比效果和細(xì)節(jié)的刻畫調(diào)整。
希望大家以后在繪制輕擬物場景插畫上道路不迷茫,一起去打造令人眼前一亮的畫面吧!
來源網(wǎng)絡(luò)