icon小教程之圖標細節(jié)的繪制

0 評論 1902 瀏覽 3 收藏 6 分鐘

今天通過一個簡單的game圖標的繪制教程,和大家分享在繪制過程中細節(jié)的處理和一些畫圖標的心得,好的,我們開始吧!

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

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

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

Step4
添加高光,表現(xiàn)面板玻璃的質(zhì)感,對底部進行一些光線的細節(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
強化手柄把頭以及搖桿的光效,突出各個部分不同的質(zhì)感,注意一些添加投影的部分。

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

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

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

 

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

哦耶!整個圖標繪制完成。

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

  • (本文出自Tencent CDC Blog,轉(zhuǎn)載時請注明出處)
更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!