可以看出來(lái)第一版和最終版的效果對(duì)比是非常大的，第一版給人感覺如同一個(gè)半成品，場(chǎng)景輕飄飄的，顏色上幾乎沒有什么明暗對(duì)比，太過(guò)統(tǒng)一沒有分清處層次，而且細(xì)節(jié)不夠豐富。
通過(guò)第一版我們可以看出可以通過(guò)一下幾個(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è)熊熊的主體看起來(lái)更加細(xì)致。
同時(shí)要注意熊的姿勢(shì)是頭部在前，胳膊在后，可以在刻畫的時(shí)候加入一些投影，加深胳膊的暗部，區(qū)分一下頭部和胳膊的層級(jí)關(guān)系。
2、優(yōu)化鴨子的造型
鴨子的造型我們把游泳圈直接改成了小黃鴨漂浮物，游泳圈中間的鏤空讓視覺看起來(lái)不夠緊湊，同時(shí)我們也優(yōu)化了鴨子的眼睛和嘴巴，讓鴨子看起來(lái)更精致一些。
然后去加強(qiáng)頭部和鴨子身體的前后區(qū)分，加入投影，讓它更加立體。
二.加強(qiáng)明暗對(duì)比
我們可以把整個(gè)小場(chǎng)景的明暗做一個(gè)區(qū)分，最亮的是熊，然后是鴨子，然后是地毯，最后是椅子，椅子作為地毯和熊之間的一個(gè)暗部，可以讓畫面有一個(gè)明暗的節(jié)奏，同時(shí)和熊的主體形成對(duì)比。
接下來(lái)要做的就是加強(qiáng)暗部和亮部之間的一個(gè)對(duì)比，體現(xiàn)整個(gè)空間的前后關(guān)系。
1、加強(qiáng)主體和椅子的明暗對(duì)比
我們把熊和椅子的明暗區(qū)分的更加明確一些，把椅子的飽和度和色相進(jìn)行紫色調(diào)和低飽和度的一個(gè)調(diào)整，用對(duì)比色來(lái)拉開兩個(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ò)渡，加地毯的反光，讓星星的顏色退到后面去，然后給植物加上床的部分投影，空間關(guān)系更加明確一些。
2、椅子自身的明暗區(qū)分
下一步我們要對(duì)椅子進(jìn)行優(yōu)化，目前的椅子沒有區(qū)分開明暗面，反而暗部的反光太強(qiáng)，亮部的顏色飽和度又很低，導(dǎo)致立體度出現(xiàn)了反向效果。
我們要做的是把椅子面向光的面亮起來(lái)，背陰面暗下去，而不是亮部暗，暗部亮。
然后我們又發(fā)現(xiàn)，現(xiàn)在椅子的顏色對(duì)比度不夠，并且椅子腿上透視有一些問(wèn)題。
我們繼續(xù)去把椅子的顏色調(diào)暗，同時(shí)要在亮部去加入椅子受光的顏色變化，我們可以加入一些偏亮的純色，暗部做一些小的反光的變化，讓椅子更加有光澤度。
注意這里椅子腿也是有前后關(guān)系所以靠后的椅子腿要更加的暗一些，受光也少一些，同時(shí)給椅子腿上加入床的一個(gè)陰影。
但這還不夠我們要進(jìn)一步去加強(qiáng)整個(gè)畫面的對(duì)比。
3、椅子和地毯的區(qū)分
我們接著去把地毯的顏色提亮，同時(shí)把亮部光照的地方做一個(gè)暖色光照的處理，加深床的投影把投影交代的更加清晰一些，讓有顏色對(duì)比的同時(shí)也要有上下關(guān)系的對(duì)比。
二、添加明確的投影
在整個(gè)過(guò)程中投影的進(jìn)一步明確是增強(qiáng)一個(gè)立體和層級(jí)關(guān)系的關(guān)鍵，我們以鴨子、床、以及熊在床上的投影做一個(gè)前后的對(duì)比。我們要注意的有三點(diǎn)：
1、統(tǒng)一投影的方向
每個(gè)物體上都要有明暗的一個(gè)對(duì)比，如鴨子之前幾乎看不到暗面和投影，我們要去分析事物和鴨子的一個(gè)前后關(guān)系，再去添加植物后面的投影，讓鴨子看起來(lái)更加立體。
2、投影落地的形態(tài)
注意落地點(diǎn)，不要讓影子浮在半空中，就像之前床的影子和星星的影子過(guò)于飄，整個(gè)物體看起來(lái)都沒有落地。
三、添加環(huán)境光
1、減掉整體的內(nèi)發(fā)光
雖然在這種輕擬物畫風(fēng)上有很多的物體有一些輪廓光和反光，但并不是統(tǒng)一直接去加一個(gè)內(nèi)發(fā)光，我們要重點(diǎn)做的是通過(guò)環(huán)境光來(lái)加強(qiáng)對(duì)比，整個(gè)的內(nèi)發(fā)光會(huì)讓物體失去明暗。
拿鴨子舉例子，過(guò)強(qiáng)的光源會(huì)讓鴨子顯得很平。
我們可以加強(qiáng)暗部，在暗部做一些微弱的反光，在亮部加入一點(diǎn)輪廓光。讓整體更加的飽滿立體。
2、根據(jù)不同的物體添加環(huán)境光
熊熊主要的環(huán)境光是床的紫色反光，我們?cè)谔砑拥臅r(shí)候注意不要把床反光的顏色過(guò)于后厚重或者沒有顏色傾向。
調(diào)整好一個(gè)環(huán)境光后我們?cè)偃フ麄€(gè)添加熊環(huán)境光。這樣整個(gè)畫面的優(yōu)化就完成了。
我們來(lái)最后看一下第二版和第三版的對(duì)比效果
整個(gè)畫面明暗對(duì)比更強(qiáng)，而且顏色上更加通透，光影和諧統(tǒng)一，也具有更好的完整度。
本次文章可以吸收的知識(shí)點(diǎn)有很多，希望大家可以和我一起在總結(jié)中收獲知識(shí)，取得進(jìn)步，一個(gè)小場(chǎng)景塑造的立體有層次涉及到的點(diǎn)方方面面都會(huì)有，我們要注意繪制時(shí)多去做比較，同時(shí)保證整體明暗的對(duì)比效果和細(xì)節(jié)的刻畫調(diào)整。
希望大家以后在繪制輕擬物場(chǎng)景插畫上道路不迷茫，一起去打造令人眼前一亮的畫面吧！
作者：牙牙
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》好難啊，一遇到場(chǎng)景插畫，我就廢了！
藍(lán)藍(lán)設(shè)計(jì)( www.ocunn.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ì)公司