今天腳本之家小編為大家介紹AI繪制一個(gè)高質(zhì)感高科技的電源按鈕方法，教程制作出來(lái)的效果非常不錯(cuò)，教材難度中等，介紹地也很詳細(xì)，推薦到腳本之家，喜歡的朋友快快來(lái)學(xué)習(xí)吧！

效果圖：

 具體的制作步驟如下：

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

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

3.現(xiàn)在我們選擇新的錨點(diǎn)，用直接選擇工具，將錨移動(dòng)，直到你的形狀如下圖所示。

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

5.現(xiàn)在我們要得到另外兩個(gè)我們所創(chuàng)建的對(duì)象，要把三個(gè)對(duì)象集中在一個(gè)點(diǎn)。

選擇旋轉(zhuǎn)工具，然后單擊底部的一部分。然后，我們會(huì)看到光標(biāo)變成一個(gè)黑色的小箭頭。

6.按住ALT，復(fù)制對(duì)象（出現(xiàn)黑色箭頭和白色箭頭），

打開屬性窗口，使用窗口中的角度大?。?20,248°。

考慮到這三個(gè)點(diǎn)的對(duì)象，要把360°分成三份，我們必須旋轉(zhuǎn)120°，效果如下圖所示。

7.Ctrl+D，會(huì)自動(dòng)重復(fù)之前的步驟（也就是會(huì)旋轉(zhuǎn)120°）。

8.我們將這些對(duì)象整合成一個(gè)。在路徑查找工具里，點(diǎn)擊"聯(lián)集"也就是第一個(gè)，然后點(diǎn)擊擴(kuò)展，將它們轉(zhuǎn)變?yōu)橐粋€(gè)整體。

9.現(xiàn)在我們要使三者的交接處圓一些。效果>風(fēng)格化>圓角。

10.設(shè)置10px半徑。

11.現(xiàn)在讓我們將圓角化的對(duì)象從原有的對(duì)象分離開來(lái)。對(duì)象>擴(kuò)展外觀，得到最后的圖像。

12.效果如下圖所示。

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

14.重復(fù)1-12的步驟。我們將會(huì)建立這樣的一個(gè)新對(duì)象。

15.我們先只創(chuàng)建這樣一個(gè)新的對(duì)象，它只是一半。

16.使用鏡像工具，（在旋轉(zhuǎn)工具里面），按住Shift+Alt，復(fù)制，翻轉(zhuǎn)。得到一個(gè)對(duì)稱圖像。

17.現(xiàn)在我們使用路徑選擇工具，合并兩個(gè)圖像，你也可以用 刪除錨點(diǎn)工具，將兩個(gè)圖像結(jié)合。

18.與之前復(fù)制第一個(gè)對(duì)象的步驟相同，第一個(gè)旋轉(zhuǎn)120°，第二個(gè)Ctrl+D。如果遺忘怎么做，回到6-7步驟看一下。

19.最后我們建立一個(gè)圓形，這將用作指示燈，將點(diǎn)亮在其懸停狀態(tài)的按鈕。

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

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

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

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

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

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

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

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

復(fù)制四個(gè)，減去不必要的形狀，留下組成的部分。

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

27.主按鍵（也就是1-12步驟里做出來(lái)的圖形）。打開圖層樣式，在"混合選項(xiàng)：默認(rèn)"，

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

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

徑向漸變，范圍120%。

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

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

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

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

在這種情況下，最亮的地方應(yīng)該在邊緣的上部。

32.現(xiàn)在我們通過(guò)添加高光和陰影來(lái)體現(xiàn)更復(fù)雜的鍍鉻金屬效果。

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

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

33.我們添加內(nèi)發(fā)光從而可以顯示出按鈕的3D立體效果。

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

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

34.現(xiàn)在，我們需要對(duì)按鈕手動(dòng)繪制一些細(xì)節(jié)。

第一步是選擇按鈕的形狀層，轉(zhuǎn)到路徑窗口，選擇按鈕層以創(chuàng)建具有相同形狀的路徑。

35.現(xiàn)在，我們通過(guò)去選擇>修改>收縮 收縮該選區(qū)的大小。比原來(lái)的大小減少10個(gè)像素。

36.現(xiàn)在我們?nèi)峄x區(qū)。去選擇>修改>羽化或按Alt + Ctrl + D鍵（Windows）中。

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

最新評(píng)論