雖然筆者是用Photoshop CS3來介紹,但是基本任何版本都可行唷!!
因?yàn)檫@是向量圖形教學(xué),先說說向量的好處。
向量圖形和點(diǎn)陣圖不同,向量圖形就算放大縮小,它的畫面都不會因此而失真。但是點(diǎn)陣圖則相反,縮小則沒感覺,但是一放大就會模糊掉並且顆粒會變大,這就是向量的好處。
此為著色教學(xué),所以線稿的部份就使用官方給的著色圖。下載
因?yàn)闄n案是PDF檔,因此要用Adobe Reader開啟它,然後按鍵盤上的Print Screen鍵拷貝這張圖,在Photoshop的新檔案上貼上,在裁切成你要的大小。
畫面如下:
要開始上色以前,將這張圖白色的部份清除掉。清除的方式很簡單,利用[選取]>[顏色範(fàn)圍]選取白色的部份,然後再用[編輯]>[清除]將白色的部份全部清空,這樣就只會留下線稿。
因?yàn)楸尘耙彩前咨模钥床怀鲂Ч强梢钥从疫叺膱D層工具欄就可以看出效果。
在開始上色前先介紹這個(gè)超好用工具,叫做[筆型工具]。是個(gè)可以製作選取範(fàn)圍的工具,也是可以繪製向量圖形的工具。
因?yàn)榇舜问且援媹D為主,所以就介紹向量圖形的繪製方式,以下是使用[筆型工具]時(shí)會出現(xiàn)的選單:

這時(shí),我們要用[筆型工具]順著SONIC的輪廓繪製向量圖形。調(diào)整的方式,則是要按住ALT鍵配合滑鼠左鍵來調(diào)整你所要的曲線的彎度。如果放置的點(diǎn)不滿意,可以按住CTRL鍵還有滑鼠左鍵,將曲線上的點(diǎn)移位。
當(dāng)你將輪廓都圈起來後,圖案裡面需要鏤空,因此在[筆型工具]選單中選擇[從形狀區(qū)域中減去]的選項(xiàng),然後在你繪製好的圖形中在製作鏤空的線條。
我們可以用不同顏色去製作不同顏色的單一圖層的向量圖形。如果要再同一個(gè)圖層內(nèi)繪製兩個(gè)相同顏色的向量圖形,請?jiān)谕瓿傻谝粋€(gè)向量圖形後點(diǎn)選[增加至形狀區(qū)域],這樣就可以了。
完成後結(jié)果如下:

上完底色後,接下來就是要繪製藍(lán)色區(qū)塊的反光面。
筆者的反光面都是以白色作為辨識,因此還是要用[筆型工具]來繪製。
結(jié)果如下:
※為了方便使用圖層樣式,每塊作為反光面的白色區(qū)塊都是獨(dú)立的圖層,所以在此別製作在同一圖層上。
接下來,要使用[圖層樣式]工具。
以下為操作步驟:

我們要使用的[圖層樣式]為漸層覆蓋,而最常用的漸層樣式則是線性以及反射性。至於其他角度和顏色的分配,可依自己的喜好去做。

所有的白色區(qū)塊都爐法泡製,以下為成果圖:

接著,我們來繪製深色的漸層吧!
但是它的繪製方式都和反光面有些不同,這次要採取的是用畫的方式來製作漸層。
首先,先用深藍(lán)色畫出和白色區(qū)塊一樣的單一圖層的區(qū)塊。結(jié)果如下:

接下來,要使用[圖層遮色片]工具。
以下為操作步驟:

因?yàn)閳D層遮色片未使用前都是一片空白,如果要遮住不必要的區(qū)塊,必須使用黑色去遮蔽。
當(dāng)然,既然我們是要製作漸層的效果,我們得用以下的工具:

此為[筆刷]工具,一般只能用來畫點(diǎn)陣圖,向量圖形是無法用它來畫。但是,在圖層遮色片的情況下就另當(dāng)別論了。
以下是使用[筆刷]工具時(shí)會出現(xiàn)的選單:

為了讓色塊呈現(xiàn)漸層效果,筆刷的不透明請依自己的喜好去做調(diào)整。

此為[模糊]工具。在此是用來修飾筆刷畫出不均勻的漸層時(shí),可利用[模糊]將不均勻的漸層看起來更將均勻。
效果如下:

藍(lán)色的部分完成後,請繪製膚色的反光面。
結(jié)果如下:

膚色的反光面,如法泡製藍(lán)色部份,套用[圖層樣式]。
結(jié)果如下:

膚色的深色漸層,如法泡製藍(lán)色部份,套用[圖層遮色片]。
結(jié)果如下:

膚色的部分完成後,請繪製紅色的反光面。
結(jié)果如下:

紅色的反光面,如法泡製膚色部份,套用[圖層樣式]。
結(jié)果如下:

紅色的深色漸層,如法泡製膚色部份,套用[圖層遮色片]。
結(jié)果如下:

紅色的部分完成後,因?yàn)榘咨呀?jīng)夠白了,所以就不用製作反光面,因此請直接繪製深灰色色塊。
結(jié)果如下:

如法泡製之前的方式,即能達(dá)到以下成果:

黃色的部份就不用製作反光面,因此請直接繪製橘紅色色塊。
結(jié)果如下:

如法泡製之前的方式,即能達(dá)到以下成果:

以深灰色色塊來繪製SONIC的鞋底。
結(jié)果如下:

接著再以[圖層樣式]來呈現(xiàn)漸層的效果,成果如下:

接著是眼睛反光面的製作:


深色的漸層製作,和反光面相同,但只要用線性漸層來製作即可。

成果如下:

製做鼻子的反光面:


接下來是用黑色色塊來繪製SONIC身上的陰影,請製作在同一圖層上,成果如下:

因?yàn)楹谏^深,因此我們要將此黑色區(qū)塊便成透明圖層,以下為使用步驟:

改變它的透明度後,成果如下:

這樣就大功告成啦!!
自己動手做,你也能畫出官方的質(zhì)感唷!
BY 憂鬱の深藍(lán)色