37.Ctrl+H隱藏選區(qū)（螞蟻線）。使用畫筆工具，使用一個(gè)35px的畫筆和10％的流量，新建圖層，

使用白色畫筆在新圖層里畫一些光線，是按鈕對(duì)光線的反射光。

因?yàn)楣馐莵?lái)自上方的，要給按鈕的上部區(qū)域添加更亮的光，所以我們將在對(duì)象的暗部增加一點(diǎn)高光。

38.再次 Ctrl+H，顯現(xiàn)出選區(qū)（螞蟻線），我們將再減少一些像素，然后再配合畫筆增加一些更復(fù)雜的效果。

這次我們減少3px，羽化1px。

39.再次隱藏選區(qū)。然后 Delete刪去在上一步多畫出的一些，也就是超出這步所選區(qū)域里的。

40.現(xiàn)在我們制作按鈕的中間部分，降低"button bevel"的透明度至0%。

41.圖層樣式-內(nèi)陰影：正片疊底，-90°，透明度

詳細(xì)參數(shù)如下圖所示：

42.描邊。詳細(xì)參數(shù)如下圖所示：,1，外部，正常，顏色。

43.投影，濾色，透明度13%。

詳細(xì)參數(shù)如下圖所示：

44.內(nèi)發(fā)光，濾色，透明度45%，#4A4A4A，柔和，邊緣

詳細(xì)參數(shù)如下圖所示：

45.下圖是我們做好的主按鈕。

46.現(xiàn)在我們制作按鈕icon，字體下載：http://pan.baidu.com/s/1HlSgY，輸入"Q"，字體大小：48pt

47.圖層樣式，3px，外部，黑色

48.斜面浮雕，描邊浮雕，平滑，100。

濾色30%，正片疊底60%。

詳細(xì)參數(shù)如下圖所示：

49.漸變疊加，

詳細(xì)參數(shù)如下圖所示：.

對(duì)稱，90°，70%

50.現(xiàn)在我們?cè)诎粹o背后創(chuàng)建3個(gè)LED發(fā)光按鈕，第一步是給形狀圖層添加顏色＃06B9FB，雙擊它來(lái)編輯顏色。

（原教程步驟不清楚，小編建議是新建圖層，然后用橢圓工具畫 一個(gè)圓，放置在主按鍵背后，圖片格式化。

或者橢圓選區(qū)工具，填充R6，G185，B251）

51.現(xiàn)在在路徑處選擇主要按鈕，出現(xiàn)選區(qū)。

52.將選區(qū)范圍擴(kuò)大，選擇>修改>展開(kāi)

53.輸入8px，ok。

54.選擇>反選，或者Ctrl+Shift+I。

55.給其添加蒙版，獲得最后LED光的形狀。

56.給LED光的周圍增減一些小的光，也就是個(gè)LED光添加 圖層 樣式，描邊，顏色選取如主按鍵表面的顏色

57.斜面浮雕，外描邊。

詳細(xì)參數(shù)如下圖所示：

58.內(nèi)發(fā)光，正片疊底。

詳細(xì)參數(shù)如下圖所示：.

59.投影，正片疊底。

詳細(xì)參數(shù)如下圖所示：

60.效果如圖所示

61.復(fù)制LED圖層，然后在LED副本上，填充其為白色 。

外發(fā)光，線性減淡（添加）

詳細(xì)參數(shù)如下圖所示：

62.投影，濾色

詳細(xì)參數(shù)如下圖所示：.

63.新建圖層，橢圓工具，畫一個(gè)如下大小的圓，羽化20PX。

64.在羽化后填充白色。

65.圖層樣式里的混合選項(xiàng)，填充不透明度0%。

66.漸變疊加：疊加，透明度60%，線性，

詳細(xì)參數(shù)如下圖所示：

67.現(xiàn)在我們完成了按鈕的所有的細(xì)節(jié)，我們需要給背景添加一些細(xì)節(jié)，用我們之前在 AI里創(chuàng)建的圖形"backgr bevels "。

68.填充0%

69.圖層樣式，描邊，1px，35%透明度，正片疊底。

70.投影，濾色。

詳細(xì)參數(shù)如下圖所示：

71.最后我們需要隱藏該圖形的一部分，橢圓工具，畫一個(gè)如下圖大小的圓，羽化20px，然后添加蒙版。完成！

大功告成，最終效果：

以上就是AI繪制一個(gè)高質(zhì)感高科技的電源按鈕教程，雖然教程有點(diǎn)長(zhǎng)，但介紹地很詳細(xì)，推薦過(guò)來(lái)，希望能對(duì)大家有所幫助！

最新評(píng)論