今天分享的是個(gè)游戲界面的主形象繪制，落地效果如下：

這是主體的飛碟部分：

主體形象是一個(gè)飛碟加 IP 形象結(jié)合的造型，會(huì)不會(huì)有很多同學(xué)好奇這是怎么制作出來(lái)的呢？今天就給大家分享下繪制步驟和一些實(shí)操技法，希望大家有所收獲！

一、用圖形繪制矢量輪廓

這種形象呢，為滿足后期制作的要求，放大縮小都不會(huì)影響到它的清晰度，所以一般都是采用矢量的方法來(lái)制作，所以我們要用矢量的圖形堆疊出造型的輪廓：

其實(shí)很簡(jiǎn)單，我們只要采用部件拆解的方式，把主體拆成幾個(gè)幾何圖形，然后再去銜接組成就可以得到這個(gè)效果：

二、鋪設(shè)基礎(chǔ)顏色

把每一個(gè)部件上色，注意上色的時(shí)候要注意顏色不宜超過(guò) 3 種，并且要注意配色節(jié)奏有呼應(yīng)不要顯得雜亂：

飛碟身體其實(shí)就只有一個(gè)色，然后是點(diǎn)綴其上的燈光采用對(duì)比色的黃色去點(diǎn)綴：

其中的形象采用亮藍(lán)色，以在飛碟中凸顯出來(lái)，底部的燈光也選用相通的藍(lán)色，以求和中間的人物顏色形成呼應(yīng)：

三、飛碟光影質(zhì)感

基礎(chǔ)的顏色鋪設(shè)好勒，下一步就是改給它加上光影質(zhì)感了，現(xiàn)在它顯得很平，不立體！所以我們要有一個(gè)統(tǒng)一的光源方向，比如頂光源，以 UFO 的身體為例，上半部分整體增加一圈白色，身體就立體起來(lái)了：

然后單一顏色是不是顯得很單調(diào)呢？我們可以增加一些顏色，讓它顯得豐富一些，這里可以套用一個(gè)簡(jiǎn)單的設(shè)計(jì)邏輯方法，我們可以挑選兩個(gè)對(duì)比色，一個(gè)粉色，一個(gè)藍(lán)色，左邊給他染上紅色，右邊給他染上藍(lán)色：

是不是就豐富多了？接下來(lái)我們繪制中間的玻璃罩

①使用內(nèi)陰影效果繪制玻璃罩的輪廓光，讓它立體一些：

②用同樣的染色邏輯給玻璃罩豐富一下顏色：

③強(qiáng)化玻璃輪廓：復(fù)制一層玻璃罩，填充調(diào)到0%，縮小10%，給玻璃罩繪制一層內(nèi)邊緣，這樣我們的玻璃就是有厚度的，不會(huì)顯得很單薄。

外輪廓也可以強(qiáng)調(diào)一下，多復(fù)制一層讓它明顯一些：

④繪制玻璃反光玻璃之所以像玻璃就是因?yàn)樗怯蟹垂獾?，我們沿著?nèi)部的輪廓繪制幾個(gè)色條，用蒙版擦除色條兩端就會(huì)得到這種效果：

現(xiàn)在左邊的反光呈現(xiàn)紫色，右邊的呈現(xiàn)藍(lán)色，我們可以再繪制一個(gè)白色的強(qiáng)調(diào)它，不同的是我們可以給白色的發(fā)光增加一個(gè)外發(fā)光效果：

這樣我們的飛碟的身體就差不多了，質(zhì)感和光影都滿滿的細(xì)節(jié)！

四、IP 形象的質(zhì)感細(xì)節(jié)

畫完了飛碟， 把目光挪到咱們的 IP 形象上，可以發(fā)現(xiàn)質(zhì)感明顯跟不上了，整個(gè)顯得很平淡，一點(diǎn)都不立體對(duì)吧。我們來(lái)看看怎么處理！先用漸變的方式，選用深藍(lán)色從下到上來(lái)一個(gè)漸變：

使用內(nèi)發(fā)光的效果，但是模式選的是正面疊底，藍(lán)色。這樣在輪廓邊緣形成一圈暗色漸變：

仔細(xì)觀察，雖然不是特別明顯，但是很重要：

然后選用更亮的藍(lán)色，把額頭中心的位置打亮！

明顯變得立體了很多，但是別急，還能更立體！把形象的輪廓復(fù)制一層，添加內(nèi)發(fā)光效果，填充 0%：

用來(lái)充當(dāng)形象的輪廓光：

一個(gè)立體且豐富的造型就完成啦！把他放到我們的飛碟中去：

一個(gè)細(xì)節(jié)拉滿的飛碟就繪制完成啦！過(guò)程比較復(fù)雜，但是分享的都是別人不會(huì)告訴你的細(xì)節(jié)干貨。希望對(duì)大家有所幫助！

作者：菜心設(shè)計(jì)鋪