實操案例!游戲界面主形象繪制完整思路和過程復盤

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

實操案例!游戲界面主形象繪制完整思路和過程復盤

這是主體的飛碟部分:

實操案例!游戲界面主形象繪制完整思路和過程復盤

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

一、用圖形繪制矢量輪廓

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

實操案例!游戲界面主形象繪制完整思路和過程復盤

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

實操案例!游戲界面主形象繪制完整思路和過程復盤

二、鋪設基礎顏色

把每一個部件上色,注意上色的時候要注意顏色不宜超過 3 種,并且要注意配色節奏有呼應不要顯得雜亂:

實操案例!游戲界面主形象繪制完整思路和過程復盤

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

實操案例!游戲界面主形象繪制完整思路和過程復盤

其中的形象采用亮藍色,以在飛碟中凸顯出來,底部的燈光也選用相通的藍色,以求和中間的人物顏色形成呼應:

實操案例!游戲界面主形象繪制完整思路和過程復盤

三、飛碟光影質感

基礎的顏色鋪設好勒,下一步就是改給它加上光影質感了,現在它顯得很平,不立體!所以我們要有一個統一的光源方向,比如頂光源,以 UFO 的身體為例,上半部分整體增加一圈白色,身體就立體起來了:

實操案例!游戲界面主形象繪制完整思路和過程復盤

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

實操案例!游戲界面主形象繪制完整思路和過程復盤

實操案例!游戲界面主形象繪制完整思路和過程復盤

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

①使用內陰影效果繪制玻璃罩的輪廓光,讓它立體一些:

實操案例!游戲界面主形象繪制完整思路和過程復盤

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

實操案例!游戲界面主形象繪制完整思路和過程復盤

③強化玻璃輪廓:復制一層玻璃罩,填充調到0%,縮小10%,給玻璃罩繪制一層內邊緣,這樣我們的玻璃就是有厚度的,不會顯得很單薄。

實操案例!游戲界面主形象繪制完整思路和過程復盤

外輪廓也可以強調一下,多復制一層讓它明顯一些:

實操案例!游戲界面主形象繪制完整思路和過程復盤

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

實操案例!游戲界面主形象繪制完整思路和過程復盤

現在左邊的反光呈現紫色,右邊的呈現藍色,我們可以再繪制一個白色的強調它,不同的是我們可以給白色的發光增加一個外發光效果:

實操案例!游戲界面主形象繪制完整思路和過程復盤

這樣我們的飛碟的身體就差不多了,質感和光影都滿滿的細節!

四、IP 形象的質感細節

實操案例!游戲界面主形象繪制完整思路和過程復盤

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

實操案例!游戲界面主形象繪制完整思路和過程復盤

使用內發光的效果,但是模式選的是正面疊底,藍色。這樣在輪廓邊緣形成一圈暗色漸變:

實操案例!游戲界面主形象繪制完整思路和過程復盤

仔細觀察,雖然不是特別明顯,但是很重要:

實操案例!游戲界面主形象繪制完整思路和過程復盤

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

實操案例!游戲界面主形象繪制完整思路和過程復盤

明顯變得立體了很多,但是別急,還能更立體!把形象的輪廓復制一層,添加內發光效果,填充 0%:

實操案例!游戲界面主形象繪制完整思路和過程復盤

用來充當形象的輪廓光:

實操案例!游戲界面主形象繪制完整思路和過程復盤

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

實操案例!游戲界面主形象繪制完整思路和過程復盤

一個細節拉滿的飛碟就繪制完成啦!過程比較復雜,但是分享的都是別人不會告訴你的細節干貨。希望對大家有所幫助!

歡迎關注作者的微信公眾號:「菜心設計鋪」

實操案例!游戲界面主形象繪制完整思路和過程復盤

收藏 55
點贊 64

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。