制作按鈕之前需要把構(gòu)造分析透徹；然后由底層開(kāi)始用形狀工具畫(huà)出想要的圖形，稍微復(fù)雜一點(diǎn)的可以用通過(guò)多個(gè)形狀合并或減去得到；然后用圖層樣式給圖形添加顏色和質(zhì)感等即可。
最終效果




1、新建一個(gè)1000*1000，72分辨率的新畫(huà)布。



2、新建一層，填充34%的灰色。


 3、在當(dāng)前這個(gè)層上右鍵選擇“轉(zhuǎn)換為智能對(duì)象”，你也可以在“圖層”菜單里選擇這個(gè)命令。



4、添加雜色。



5、再高斯模糊一點(diǎn)。



6、現(xiàn)在看上去跟原圖的背景差不多了。這里我插一句，之所以我把這個(gè)背景層轉(zhuǎn)成智能對(duì)象后再添加濾鏡的好處是，萬(wàn)一你覺(jué)得哪里不合適的話可以很方便的修改，比如你認(rèn)為雜色不夠的話可以直接雙擊圖層下面的雜色欄修改數(shù)值，不需要重新來(lái)過(guò)。


 7、布置兩條居中的參考線，以參考線的交叉點(diǎn)為中心畫(huà)一個(gè)直徑為723像素的橢圓形狀。



8、在圓形的下面用“合并形狀”模式添加一個(gè)小圓形。



9、把填充透明度調(diào)至0，雙擊這個(gè)層進(jìn)入圖層樣式，添加純黑白的漸變。有同學(xué)做出來(lái)不是這個(gè)效果，可以試試取消勾選反向。








 10、重新畫(huà)一個(gè)直徑為468像素的圓形。



11、從“橢圓1”層里選中小的圓形路徑，直接CTRL+C復(fù)制小圓形。



12、粘貼到“橢圓2”，把路徑操作模式改為“減去”。 有同學(xué)反映復(fù)制過(guò)去后交叉部分是黑色的，這是因?yàn)樵诓襟E上出了一點(diǎn)問(wèn)題，粘貼小圓形之前先要激活路徑，就是按A點(diǎn)擊大圓形。



 13、同樣把填充透明度調(diào)為0，在圖層樣式里添加黑白漸變。為了這個(gè)漸變能更好的模仿原圖，你可以左鍵移動(dòng)漸變的黑白分布。









14、繼續(xù)把“橢圓3”復(fù)制一層，在圖層上右鍵清除圖層樣式，Ctrl+T把直徑改為173像素。


 15、填充透明度調(diào)為0，添加漸變，灰色選擇42%。







16、畫(huà)一個(gè)直徑400像素的圓形，你也可以把“橢圓2”復(fù)制一層編輯一下，但是為了能直接明了地讓大家看清楚，我重新畫(huà)了一個(gè)。



17、填充透明度調(diào)為0 ，添加黑白漸變。



18、接著制作中間帶有細(xì)齒的旋鈕，畫(huà)一個(gè)矩形，旋轉(zhuǎn)45度，壓扁。


 19、Ctrl+Alt+T，旋轉(zhuǎn)2度后狂Shift+Ctrl+Alt+T完成循環(huán)，一個(gè)齒輪出生了。



20、添加漸變。







21、再畫(huà)一個(gè)圓形，在屬性里羽化兩個(gè)像素，讓邊緣虛一點(diǎn)，同時(shí)把填充透明度調(diào)為0。



22、添加一個(gè)大家喜聞樂(lè)見(jiàn)的模擬金屬的角度漸變，相比以前這個(gè)漸變有點(diǎn)復(fù)雜。


 23、還有模擬旋鈕高度的斜面浮雕，其實(shí)你用投影效果也差不多。



24、接著是比較繁瑣的刻度的制作，畫(huà)一個(gè)稍小于外圓的圓形，復(fù)制一個(gè)路徑后減去，一個(gè)圓環(huán)出來(lái)了，為了能更好的目測(cè)它的大小，我暫時(shí)減低它的透明度。



25、用鋼筆裁去不需要的部分，為了使兩邊能更對(duì)稱，我添加了一個(gè)參考線。



26、復(fù)制一層，隱藏備用。進(jìn)入圖層樣式添加斜面浮雕。



27、點(diǎn)開(kāi)隱藏的備用層，用“減去”模式添加一條居中的兩個(gè)像素寬直條。



28、Ctrl+Alt+T，旋轉(zhuǎn)3度。


 29、之后是我最喜歡的一步，狂按Shift+Strl+Alt+T。



30、在圖層樣式里把顏色更改為比較深的灰色后添加斜面浮雕。





31、編輯路徑，把不完整的個(gè)體去掉，底下那層凹槽也要做相應(yīng)的修改。



32、把橢圓8復(fù)制一層，右鍵清除圖層樣式，名稱改為橢圓9。



33、在圖層樣式里把顏色更改為比較靚麗的淺藍(lán)色后，添加一個(gè)奇怪的斜面浮雕，因?yàn)樗鼪](méi)有暗面。


 34、再次編輯路徑，裁去一部分，科幻感十足的刻度完成了。



35、用前面同樣的辦法制作一個(gè)小按鈕上的指示燈，過(guò)程不再重復(fù)了。



36、加了內(nèi)陰影和白色投影的文字，非常簡(jiǎn)單。



最終效果：

最新評(píng)論