今天武林網小編為大家介紹AI繪制一個高質感高科技的電源按鈕方法，教程制作出來的效果非常不錯，教材難度中等，介紹地也很詳細，推薦到武林網，喜歡的朋友快快來學習吧！

效果圖：

 具體的制作步驟如下：

1.打開Adobe Illustrator，矩形工具，繪制一個矩形，寬：100px 高：120px

2.建立一條垂直參考線， 用鋼筆工具中的添加錨點工具在矩形的中間增加一個錨點。

3.現在我們選擇新的錨點，用直接選擇工具，將錨移動，直到你的形狀如下圖所示。

4.操控頂端的錨點 ，使其形狀彎曲，如下圖所示。

5.現在我們要得到另外兩個我們所創建的對象，要把三個對象集中在一個點。

選擇旋轉工具，然后單擊底部的一部分。然后，我們會看到光標變成一個黑色的小箭頭。

6.按住ALT，復制對象（出現黑色箭頭和白色箭頭），

打開屬性窗口，使用窗口中的角度大小：120,248°。

考慮到這三個點的對象，要把360°分成三份，我們必須旋轉120°，效果如下圖所示。

7.Ctrl+D，會自動重復之前的步驟（也就是會旋轉120°）。

8.我們將這些對象整合成一個。在路徑查找工具里，點擊"聯集"也就是第一個，然后點擊擴展，將它們轉變為一個整體。

9.現在我們要使三者的交接處圓一些。效果>風格化>圓角。

10.設置10px半徑。

11.現在讓我們將圓角化的對象從原有的對象分離開來。對象>擴展外觀，得到最后的圖像。

12.效果如下圖所示。

13.中間的圖像，如外面的形狀制作過程相同。

14.重復1-12的步驟。我們將會建立這樣的一個新對象。

15.我們先只創建這樣一個新的對象，它只是一半。

16.使用鏡像工具，（在旋轉工具里面），按住Shift+Alt，復制，翻轉。得到一個對稱圖像。

17.現在我們使用路徑選擇工具，合并兩個圖像，你也可以用 刪除錨點工具，將兩個圖像結合。

18.與之前復制第一個對象的步驟相同，第一個旋轉120°，第二個Ctrl+D。如果遺忘怎么做，回到6-7步驟看一下。

19.最后我們建立一個圓形，這將用作指示燈，將點亮在其懸停狀態的按鈕。

我們將完成在Photoshop中添加蒙版進行下一步的處理。

20.現在選擇所有的矢量圖形，Ctrl+C，將它們復制到剪貼板里。

21.打開Photoshop。建立一個1024x768px大小的圖層。

22.將背景設置為黑色，然后選擇背景圖層，在圖層混合模式里，漸變疊加。

23.漸變疊加參數設置如下：#333333、#000000，徑向漸變，范圍在130-150%之間。

你可以拖動漸變的中心，直到最后效果是你想要的。

24.Ctrl+V或者編輯>粘貼 將圖形粘貼到ps里。

25.我們現在只有一個形狀圖層在ps里，我們必須要將它分成不同的圖層。

復制四個，減去不必要的形狀，留下組成的部分。

26.效果和圖層排序如下圖所示 。別忘了給每個圖層命名。之后我們將在Photoshop里添加圖層樣式。

27.主按鍵（也就是1-12步驟里做出來的圖形）。打開圖層樣式，在"混合選項：默認"，

為了看到我們的圖層效果，降低透明度為零。

首先，漸變疊加，顏色＃333333（暗灰色）和＃000000（黑色。

徑向漸變，范圍120%。

28.內陰影，取消全局光。正片疊底，-90°。參數設置如下圖所示：

29.我們已結束按鈕編輯過程的第一部分，現在，我們要做它的正面部分，這一個不透明的表面，我們將在之后添加的光澤度和3D凸出效果。

30.現在我們制作按鈕的邊緣。圖層混合模式-描邊-3px 外描邊。顏色參數如下圖所示：

31.通過改變漸變的角度，我們把較亮的區域放在我們希望放在的位置。

在這種情況下，最亮的地方應該在邊緣的上部。

32.現在我們通過添加高光和陰影來體現更復雜的鍍鉻金屬效果。

斜面和浮雕：描邊浮雕、平滑、100 。大小：5，軟化：2.

詳細的參數設置如下圖所示：

33.我們添加內發光從而可以顯示出按鈕的3D立體效果。

正片疊底，透明度20%，黑色。陰塞：60  大小：10

詳細的參數設置如下圖所示：

34.現在，我們需要對按鈕手動繪制一些細節。

第一步是選擇按鈕的形狀層，轉到路徑窗口，選擇按鈕層以創建具有相同形狀的路徑。

35.現在，我們通過去選擇>修改>收縮 收縮該選區的大小。比原來的大小減少10個像素。

36.現在我們柔化選區。去選擇>修改>羽化或按Alt + Ctrl + D鍵（Windows）中。

我們采用1個像素的羽化，然后按確定。