今天通過一個簡單的game圖標(biāo)的繪制教程，和大家分享在繪制過程中細(xì)節(jié)的處理和一些畫圖標(biāo)的心得，好的，我們開始吧!
Step1
首先要定好圖標(biāo)的透視，這是非常重要的，這關(guān)系到圖標(biāo)的整體美感，透視本身也可以很好的表現(xiàn)圖標(biāo)的細(xì)節(jié)，為了透視的真實，可以通過3D軟件或者平面軟件中的一些的透視功能來實現(xiàn)。整體框架搭好，開始接下來的繪制。
Step2
先大致的鋪上一層“控制板”的顏色，這里需要注意一些基本的光影漸變，以及邊緣的處理。
Step3
這一步我們將通過一些光影效果來刻畫“控制板”的結(jié)構(gòu)，主要是強(qiáng)化一些重點區(qū)域的光線效果，比如面板玻璃的光澤和外框的金屬質(zhì)感，當(dāng)然還有邊緣細(xì)節(jié)的處理，硬朗的邊框也是質(zhì)感表現(xiàn)的重要部分。
Step4
添加高光，表現(xiàn)面板玻璃的質(zhì)感，對底部進(jìn)行一些光線的細(xì)節(jié)繪制。
Step5
為了使面板更豐富，可以繪制四顆螺絲來變現(xiàn)一些真實性。然后可以繪制一些面板內(nèi)部的邊緣結(jié)構(gòu)來表現(xiàn)玻璃的半透明效果，至此，“控制板”初步完成。
注：因為四顆螺絲是一樣的，建議大家把畫好的螺絲轉(zhuǎn)換為智能圖層再復(fù)制，這樣可以很方便的編輯它的樣式，還能隨意調(diào)整尺寸，避免失真。
Step6
接下來畫搖桿和按鈕，還是和Step1一樣，構(gòu)建好透視，繪制出結(jié)構(gòu)。
Step7
上色，完成基本結(jié)構(gòu)光線和顏色的區(qū)域劃分。
Step8
強(qiáng)化手柄把頭以及搖桿的光效，突出各個部分不同的質(zhì)感，注意一些添加投影的部分。
Step9
細(xì)節(jié)的繪制：
a.豐富手柄把頭的反光
b.刻畫底座金屬環(huán)的質(zhì)感和邊緣的結(jié)構(gòu)
c.豐富底座的反光及邊緣細(xì)節(jié)
Step10
控件基本完成，現(xiàn)在可以合起來進(jìn)行一些調(diào)整，如位置、大小和玻璃面板上的反光。
注：繪制諸如高反光球體這類在局部區(qū)域包含豐富樣式的物體時，建議大家多用剪切蒙板，這樣可以節(jié)省對邊緣的繁瑣處理工作，又可以很方便的調(diào)整樣式層的大小及位置。
Step11
面板看上去還有點空，我們可以豐富一些細(xì)節(jié)，例如控制板內(nèi)部可以添加一些結(jié)構(gòu)，同時還增加了玻璃通透的質(zhì)感;添加一個logo，使圖標(biāo)更具真實性。至此，整個圖標(biāo)基本繪制完成。Step12
最后一步可以從整體對圖標(biāo)進(jìn)行調(diào)整，完善一些細(xì)節(jié)的地方，例如手柄把頭的反光和在面板上的投影。
哦耶!整個圖標(biāo)繪制完成。
到這里差不多介紹完了，主要是自己畫圖標(biāo)時常常會注意到的一些細(xì)節(jié)地方，寫的有些草率，但希望能對大家有些小幫助。(本文出自Tencent CDC Blog，轉(zhuǎn)載時請注明出處)
