今天通過(guò)一個(gè)簡(jiǎn)單的game圖標(biāo)的繪制教程，和大家分享在繪制過(guò)程中細(xì)節(jié)的處理和一些畫(huà)圖標(biāo)的心得，好的，我們開(kāi)始吧！

Step1

首先要定好圖標(biāo)的透視，這是非常重要的，這關(guān)系到圖標(biāo)的整體美感，透視本身也可以很好的表現(xiàn)圖標(biāo)的細(xì)節(jié)，為了透視的真實(shí)，可以通過(guò)3D軟件或者平面軟件中的一些的透視功能來(lái)實(shí)現(xiàn)。整體框架搭好，開(kāi)始接下來(lái)的繪制。

Step2
先大致的鋪上一層“控制板”的顏色，這里需要注意一些基本的光影漸變，以及邊緣的處理。

Step3
這一步我們將通過(guò)一些光影效果來(lái)刻畫(huà)“控制板”的結(jié)構(gòu)，主要是強(qiáng)化一些重點(diǎn)區(qū)域的光線效果，比如面板玻璃的光澤和外框的金屬質(zhì)感，當(dāng)然還有邊緣細(xì)節(jié)的處理，硬朗的邊框也是質(zhì)感表現(xiàn)的重要部分。

Step4
添加高光，表現(xiàn)面板玻璃的質(zhì)感，對(duì)底部進(jìn)行一些光線的細(xì)節(jié)繪制。

Step5
為了使面板更豐富，可以繪制四顆螺絲來(lái)變現(xiàn)一些真實(shí)性。然后可以繪制一些面板內(nèi)部的邊緣結(jié)構(gòu)來(lái)表現(xiàn)玻璃的半透明效果，至此，“控制板”初步完成。
注：因?yàn)樗念w螺絲是一樣的，建議大家把畫(huà)好的螺絲轉(zhuǎn)換為智能圖層再?gòu)?fù)制，這樣可以很方便的編輯它的樣式，還能隨意調(diào)整尺寸，避免失真。

Step6
接下來(lái)畫(huà)搖桿和按鈕，還是和Step1一樣，構(gòu)建好透視，繪制出結(jié)構(gòu)。

Step7
上色，完成基本結(jié)構(gòu)光線和顏色的區(qū)域劃分。

Step8
強(qiáng)化手柄把頭以及搖桿的光效，突出各個(gè)部分不同的質(zhì)感，注意一些添加投影的部分。

Step9
細(xì)節(jié)的繪制：
a.豐富手柄把頭的反光
b.刻畫(huà)底座金屬環(huán)的質(zhì)感和邊緣的結(jié)構(gòu)
c.豐富底座的反光及邊緣細(xì)節(jié)

Step10
控件基本完成，現(xiàn)在可以合起來(lái)進(jìn)行一些調(diào)整，如位置、大小和玻璃面板上的反光。
注：繪制諸如高反光球體這類在局部區(qū)域包含豐富樣式的物體時(shí)，建議大家多用剪切蒙板，這樣可以節(jié)省對(duì)邊緣的繁瑣處理工作，又可以很方便的調(diào)整樣式層的大小及位置。

Step11
面板看上去還有點(diǎn)空，我們可以豐富一些細(xì)節(jié)，例如控制板內(nèi)部可以添加一些結(jié)構(gòu)，同時(shí)還增加了玻璃通透的質(zhì)感；添加一個(gè)logo，使圖標(biāo)更具真實(shí)性。至此，整個(gè)圖標(biāo)基本繪制完成。

Step12
最后一步可以從整體對(duì)圖標(biāo)進(jìn)行調(diào)整，完善一些細(xì)節(jié)的地方，例如手柄把頭的反光和在面板上的投影。

哦耶！整個(gè)圖標(biāo)繪制完成。

到這里差不多介紹完了，主要是自己畫(huà)圖標(biāo)時(shí)常常會(huì)注意到的一些細(xì)節(jié)地方，寫(xiě)的有些草率，但希望能對(duì)大家有些小幫助。

來(lái)源：http://cdc.tencent.com/?p=4120