Icon小教程之游戲桿圖標(biāo)繪制(3)

　　導(dǎo)言：

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

圖00

　　步驟1

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

圖01

　　步驟2

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

圖02

　　步驟3

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

圖03

　　步驟4

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

圖04

　　步驟5

　　為了使面板更豐富，可以繪制四顆螺絲來(lái)變現(xiàn)一些真實(shí)性。然后可以繪制一些面板內(nèi)部的邊緣結(jié)構(gòu)來(lái)表現(xiàn)玻璃的半透明效果，至此，“控制板”初步完成。

　　注：因?yàn)樗念w螺絲是一樣的，建議大家把畫好的螺絲轉(zhuǎn)換為智能圖層再?gòu)?fù)制，這樣可以很方便的編輯它的樣式，還能隨意調(diào)整尺寸，避免失真。

圖05

　　步驟6

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

圖06

　　步驟7

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

圖07

　　步驟8

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

圖08

　　步驟9

　　細(xì)節(jié)的繪制：

　　a.豐富手柄把頭的反光

　　b.刻畫底座金屬環(huán)的質(zhì)感和邊緣的結(jié)構(gòu)

　　c.豐富底座的反光及邊緣細(xì)節(jié)

圖09

　　步驟10

　　控件基本完成，現(xiàn)在可以合起來(lái)進(jìn)行一些調(diào)整，如位置、大小和玻璃面板上的反光。

　　注：繪制諸如高反光球體這類在局部區(qū)域包含豐富樣式的物體時(shí)，建議大家多用剪切蒙板，這樣可以節(jié)省對(duì)邊緣的繁瑣處理工作，又可以很方便的調(diào)整樣式層的大小及位置。

圖10

　　步驟11

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

　　步驟12

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

圖11

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

圖12

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