好難啊,一遇到場景插畫,我就廢了!

2022-10-28    seo達(dá)人

輕立體的插畫小場景在平時設(shè)計中應(yīng)用到的地方有很多,我們來分享一下在這次項目繪制的過程中走過的彎路和流下的淚。先來看一下優(yōu)化的整個過程吧!

圖片

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

圖片

通過第一版我們可以看出可以通過一下幾個方面去做層次方面的優(yōu)化:

一、增加主體細(xì)節(jié)

1.刻畫熊熊主體

2.優(yōu)化鴨子的造型

二、加強(qiáng)明暗對比

1.加強(qiáng)主體和椅子的明暗對比

2.加強(qiáng)背景和前景的明暗對比

 

一.增加主體細(xì)節(jié)

1、刻畫熊熊主體

之前的熊熊作為主體本身刻畫的細(xì)節(jié)層次和背景的刻畫程度近似,我們要把主體變得有看點才能分清前后的關(guān)系,可以在熊的五官和服裝上進(jìn)一步添加一些細(xì)節(jié)。

例如給熊的五官添加表情,把墨鏡添加一些裝飾元素,讓視覺可以集中在熊的五官上。

圖片

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

圖片

同時要注意熊的姿勢是頭部在前,胳膊在后,可以在刻畫的時候加入一些投影,加深胳膊的暗部,區(qū)分一下頭部和胳膊的層級關(guān)系。

 

2、優(yōu)化鴨子的造型

鴨子的造型我們把游泳圈直接改成了小黃鴨漂浮物,游泳圈中間的鏤空讓視覺看起來不夠緊湊,同時我們也優(yōu)化了鴨子的眼睛和嘴巴,讓鴨子看起來更精致一些。

圖片

然后去加強(qiáng)頭部和鴨子身體的前后區(qū)分,加入投影,讓它更加立體。

 

 

二.加強(qiáng)明暗對比

我們可以把整個小場景的明暗做一個區(qū)分,最亮的是熊,然后是鴨子,然后是地毯,最后是椅子,椅子作為地毯和熊之間的一個暗部,可以讓畫面有一個明暗的節(jié)奏,同時和熊的主體形成對比。

圖片

接下來要做的就是加強(qiáng)暗部和亮部之間的一個對比,體現(xiàn)整個空間的前后關(guān)系。

 

1、加強(qiáng)主體和椅子的明暗對比

我們把熊和椅子的明暗區(qū)分的更加明確一些,把椅子的飽和度和色相進(jìn)行紫色調(diào)和低飽和度的一個調(diào)整,用對比色來拉開兩個物體的區(qū)別,加深熊的整個暗部,交代熊在床上清晰的投影。

圖片

 

2.加強(qiáng)背景和前景的明暗對比

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

圖片

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

圖片

第二版畫面再往后優(yōu)化就是細(xì)節(jié)的調(diào)整和進(jìn)一步加強(qiáng)明暗的區(qū)分。

我們從以下幾個方面再去進(jìn)一步區(qū)分畫面:

一、明暗的進(jìn)一步區(qū)分

1.背景區(qū)分

2.椅子自身的明暗區(qū)分

3.椅子和地毯的區(qū)分

二、添加正確的投影

三、添加環(huán)境光

 

 

一.明暗的進(jìn)一步區(qū)分

1、背景區(qū)分

背景明暗的區(qū)分需要把植物部分去壓暗,同時把比較跳的星星稍微壓下去一些,做一個顏色上的過渡,加地毯的反光,讓星星的顏色退到后面去,然后給植物加上床的部分投影,空間關(guān)系更加明確一些。

圖片

 

2、椅子自身的明暗區(qū)分

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

我們要做的是把椅子面向光的面亮起來,背陰面暗下去,而不是亮部暗,暗部亮。

圖片

然后我們又發(fā)現(xiàn),現(xiàn)在椅子的顏色對比度不夠,并且椅子腿上透視有一些問題。

我們繼續(xù)去把椅子的顏色調(diào)暗,同時要在亮部去加入椅子受光的顏色變化,我們可以加入一些偏亮的純色,暗部做一些小的反光的變化,讓椅子更加有光澤度。

圖片

注意這里椅子腿也是有前后關(guān)系所以靠后的椅子腿要更加的暗一些,受光也少一些,同時給椅子腿上加入床的一個陰影。

但這還不夠我們要進(jìn)一步去加強(qiáng)整個畫面的對比。

 

3、椅子和地毯的區(qū)分

我們接著去把地毯的顏色提亮,同時把亮部光照的地方做一個暖色光照的處理,加深床的投影把投影交代的更加清晰一些,讓有顏色對比的同時也要有上下關(guān)系的對比。

圖片

 

 

二、添加明確的投影

在整個過程中投影的進(jìn)一步明確是增強(qiáng)一個立體和層級關(guān)系的關(guān)鍵,我們以鴨子、床、以及熊在床上的投影做一個前后的對比。我們要注意的有三點:

 

1、統(tǒng)一投影的方向

每個物體上都要有明暗的一個對比,如鴨子之前幾乎看不到暗面和投影,我們要去分析事物和鴨子的一個前后關(guān)系,再去添加植物后面的投影,讓鴨子看起來更加立體。

圖片

 

2、投影落地的形態(tài)

注意落地點,不要讓影子浮在半空中,就像之前床的影子和星星的影子過于飄,整個物體看起來都沒有落地。

圖片

 

 

三、添加環(huán)境光

1、減掉整體的內(nèi)發(fā)光

雖然在這種輕擬物畫風(fēng)上有很多的物體有一些輪廓光和反光,但并不是統(tǒng)一直接去加一個內(nèi)發(fā)光,我們要重點做的是通過環(huán)境光來加強(qiáng)對比,整個的內(nèi)發(fā)光會讓物體失去明暗。

拿鴨子舉例子,過強(qiáng)的光源會讓鴨子顯得很平。

圖片

我們可以加強(qiáng)暗部,在暗部做一些微弱的反光,在亮部加入一點輪廓光。讓整體更加的飽滿立體。

 

2、根據(jù)不同的物體添加環(huán)境光

熊熊主要的環(huán)境光是床的紫色反光,我們在添加的時候注意不要把床反光的顏色過于后厚重或者沒有顏色傾向。

圖片

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

圖片

我們來最后看一下第二版和第三版的對比效果

圖片

整個畫面明暗對比更強(qiáng),而且顏色上更加通透,光影和諧統(tǒng)一,也具有更好的完整度。

本次文章可以吸收的知識點有很多,希望大家可以和我一起在總結(jié)中收獲知識,取得進(jìn)步,一個小場景塑造的立體有層次涉及到的點方方面面都會有,我們要注意繪制時多去做比較,同時保證整體明暗的對比效果和細(xì)節(jié)的刻畫調(diào)整。

希望大家以后在繪制輕擬物場景插畫上道路不迷茫,一起去打造令人眼前一亮的畫面吧!

 

作者:牙牙

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》好難啊,一遇到場景插畫,我就廢了!

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


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


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



分享本文至:

日歷

鏈接

個人資料

存檔