制作按鈕之前需要把構造分析透徹；然后由底層開始用形狀工具畫出想要的圖形，稍微復雜一點的可以用通過多個形狀合并或減去得到；然后用圖層樣式給圖形添加顏色和質感等即可。 最終效果

一、新建一個1000*1000，72分辨率的新畫布。

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

三、在當前這個層上右鍵選擇“轉換為智能對象”，你也可以在“圖層”菜單里選擇這個命令。

四、添加雜色。

五、再高斯模糊一點。

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

七、布置兩條居中的參考線，以參考線的交叉點為中心畫一個直徑為723像素的橢圓形狀。

八、在圓形的下面用“合并形狀”模式添加一個小圓形。

九、把填充透明度調至0，雙擊這個層進入圖層樣式，添加純黑白的漸變。有同學做出來不是這個效果，可以試試取消勾選反向。

十、重新畫一個直徑為468像素的圓形。

十一、從“橢圓1”層里選中小的圓形路徑，直接CTRL+C復制小圓形。

十二、粘貼到“橢圓2”，把路徑操作模式改為“減去”。 有同學反映復制過去后交叉部分是黑色的，這是因為在步驟上出了一點問題，粘貼小圓形之前先要激活路徑，就是按A點擊大圓形。

十三、同樣把填充透明度調為0，在圖層樣式里添加黑白漸變。為了這個漸變能更好的模仿原圖，你可以左鍵移動漸變的黑白分布。

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

十五、填充透明度調為0，添加漸變，灰色選擇42%。

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

十七、填充透明度調為0 ，添加黑白漸變。

十八、接著制作中間帶有細齒的旋鈕，畫一個矩形，旋轉45度，壓扁。

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

二十、添加漸變。

二十一、再畫一個圓形，在屬性里羽化兩個像素，讓邊緣虛一點，同時把填充透明度調為0。

二十二、添加一個大家喜聞樂見的模擬金屬的角度漸變，相比以前這個漸變有點復雜。

二十三、還有模擬旋鈕高度的斜面浮雕，其實你用投影效果也差不多。

二十四、接著是比較繁瑣的刻度的制作，畫一個稍小于外圓的圓形，復制一個路徑后減去，一個圓環(huán)出來了，為了能更好的目測它的大小，我暫時減低它的透明度。

二十五、用鋼筆裁去不需要的部分，為了使兩邊能更對稱，我添加了一個參考線。

二十六、復制一層，隱藏備用。進入圖層樣式添加斜面浮雕。

二十七、點開隱藏的備用層，用“減去”模式添加一條居中的兩個像素寬直條。

二十八、Ctrl+Alt+T，旋轉3度。

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

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

三十一、編輯路徑，把不完整的個體去掉，底下那層凹槽也要做相應的修改。

三十二、把橢圓8復制一層，右鍵清除圖層樣式，名稱改為橢圓9。

三十三、在圖層樣式里把顏色更改為比較靚麗的淺藍色后，添加一個奇怪的斜面浮雕，因為它沒有暗面。

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

三十五、用前面同樣的辦法制作一個小按鈕上的指示燈，過程不再重復了。

三十六、加了內陰影和白色投影的文字，非常簡單。

最終效果：

最新評論