Photoshop制作逼真的古典留聲機(jī)
作者寄語：首先很感謝很多朋友一直以來對竹子的支持，看到很多朋友很感興趣圖標(biāo)的制作過程，
很想動(dòng)手繪制一些漂亮的圖標(biāo)卻又苦于無從下手，所以竹子以留聲機(jī)為例，花了一些時(shí)間做這個(gè)教程希望對大家有所幫助。
最終效果
1、新建一個(gè)256 * 256像素的文檔，參數(shù)設(shè)置如下圖。
2、把背景填充顏色：#726f8e。
3、由于畫圖標(biāo)為了方便隨時(shí)調(diào)整，所以圖層會(huì)分的很多，所以層組管理很重要，如果隨意放置圖層，日后上百個(gè)圖層找起來非常麻煩。
所以從開始就養(yǎng)成良好的層組命名習(xí)慣。要做到看到圖形心里基本有數(shù)在哪個(gè)組里。新建一個(gè)組命名為“Main”，并在這個(gè)組內(nèi)新建一個(gè)圖層，開始勾勒留聲機(jī)的基本形狀。鼠標(biāo)點(diǎn)擊工筆工具。
4、用鋼筆工具勾勒如下圖路徑，在圖層面板下點(diǎn)擊如圖所示圖標(biāo)，選擇出色，顏色可以隨意選，我一般選擇黑色，填充一個(gè)圖層蒙版。
5、得到一下一個(gè)圖層蒙版的形狀，然后分別用以上方法勾勒出其他2個(gè)面的圖層蒙版形狀。為了大家看的清楚我將其他2個(gè)面分別使用了不同的顏色。
為了得到準(zhǔn)確的透視，可以適當(dāng)了解一下下圖的透視原理圖。
6、新建一個(gè)組命名為“喇叭”并新建圖層，用同樣的手法勾勒出喇叭的形狀，注意每塊形狀相隔一像素。
7、調(diào)選其中一個(gè)圖層蒙版，雙擊當(dāng)前圖層，調(diào)出圖層樣式對話框，選中漸變疊加，顏色設(shè)置如下圖。
8、然后分別給每個(gè)喇叭圖層蒙版加上同樣的漸變效果。注意根據(jù)光源分別調(diào)節(jié)漸變的角度，效果如下圖。
9、根據(jù)喇叭的輪廓給喇叭下面填充一圈黑色。
10、新建一個(gè)圖層，畫出一個(gè)橢圓，并調(diào)節(jié)如下圖的角度，高斯模糊4個(gè)像素。然后分別選中一下選區(qū)刪除黑色圖形。
11、然后開始繪制喇叭上質(zhì)感，我先分解一下幾個(gè)圖層的構(gòu)成，如下圖。
12、畫完了喇叭后開始畫喇叭管，還是同樣先分解圖層，如下圖。
13、現(xiàn)在開始畫留聲機(jī)底座部分，先用鋼筆工具勾出如下圖路徑。然后按住“Ctrl + Alt”鍵，鼠標(biāo)指針變成帶“+”號白色箭頭時(shí)候向上拖動(dòng)這個(gè)路徑，連續(xù)復(fù)制2調(diào)路徑出來。
然后對三條路徑進(jìn)行畫筆描邊，描邊畫筆為1像素黑色，復(fù)制這個(gè)描邊層，給這個(gè)層加個(gè)圖層樣式，顏色疊加為：#c07740，然后向上移動(dòng)1像素。把2個(gè)層合并，分別用減淡工具對近處加亮，用加深工具對2邊加深，用以上相同的方法畫出底座上半部分。
14、開始畫底座上的柱子，在這個(gè)視角我們可以看到4根柱子，我們以1個(gè)柱子為例，同樣分析它的光影構(gòu)成。然后用之前我介紹的圖層蒙版法分別勾勒出4個(gè)柱子的路徑。加上圖層樣式。
15、根據(jù)光源分別調(diào)節(jié)4根柱子漸變色漫反射區(qū)域的位置，效果如下圖。
16、給留聲機(jī)底座上質(zhì)感，這個(gè)底座是木質(zhì)的，沒有金屬那么強(qiáng)的反射，所以我們可以添加一些比木頭本色稍亮的顏色，同時(shí)對這些顏色層稍微左些模糊。
17、為了讓這個(gè)底座看起來更真實(shí)，給他添加點(diǎn)紋理，可以自己制作木紋，也可以找一些木紋素材。
18、用路徑勾出下圖的形狀，柵格化。然后執(zhí)行：濾鏡 > 雜色 > 添加雜色，確定后再加上下圖所示的圖層樣式。
19、現(xiàn)在開始畫底座上的面板。同樣的方法，先勾一個(gè)路徑，然后圖層蒙版，顏色為#8f7f53。然后設(shè)置一下圖層樣式加陰影。
20、現(xiàn)在我們開始畫黑膠碟部分。用橢圓工具畫一個(gè)橢圓的路徑，然后自由變換只下面形狀。然后復(fù)制當(dāng)前圖層，自由變化縮小至相應(yīng)大小，并顏色疊加：#905f30。再復(fù)制黑色的圖層蒙版，向下移動(dòng)一個(gè)像素，并做一個(gè)漸變疊加，放置在黑色蒙版下。
21、留聲機(jī)的機(jī)械部分制作如下圖。
22、給黑膠碟做質(zhì)感。由于黑膠表面非常光滑，周圍物體對他的反射也非常強(qiáng)，所以我們這時(shí)候就觀察一下黑膠碟附近存在哪些物體反射。
23、最后根據(jù)需要再調(diào)節(jié)色階，曲線等，完成最終效果。
學(xué)習(xí) · 提示
相關(guān)教程
