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

這是主體的飛碟部分：

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

一、用圖形繪制矢量輪廓

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

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

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

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

飛碟身體其實就只有一個色，然后是點綴其上的燈光采用對比色的黃色去點綴：

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

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

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

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

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

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

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

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

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

④繪制玻璃反光玻璃之所以像玻璃就是因為它是有反光的，我們沿著內(nèi)部的輪廓繪制幾個色條，用蒙版擦除色條兩端就會得到這種效果：

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

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

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

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

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

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

然后選用更亮的藍色，把額頭中心的位置打亮！

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

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

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

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

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