如何在AI軟體中製作金屬質感旋鈕

知識 08-24

最終形象

和往常一樣，這是我們將要創建的最終形象：

教程細節

程序：Adobe Illustrator

預計完成時間：1小時30分鐘

難度：中級

步驟1

點擊Control + N創建一個新的文檔。在寬度和高度框中輸入600，然後單擊高級按鈕。選擇RGB，屏幕（72ppi），並確保在單擊確定之前未選中「將新對象與像素網格對齊」框。現在，打開網格（視圖>網格）和對齊網格（視圖>對齊網格）。

接下來，您需要一個網格每1px。轉到編輯>首選項>指南和網格，在每個框的網格線中輸入1，在「細分」框中輸入1。您還可以打開「信息」面板（「窗口」>「信息」）進行實時預覽，其形狀大小和位置。不要忘記從「編輯」>「首選項」>「單位」>「常規」將度量單位設置為像素。設置這些選項將顯著提高您的工作速度。

第2步

選擇橢圓工具（L）並創建150 x 147像素的形狀。填充R = 30 G = 30 B = 30，並確保沒有為筆畫設置顏色。

步驟3

重新選擇上一步中創建的形狀，並在前面製作兩個副本（Control + C> Control + F> Control + F）。選擇頂部副本，並按下向下箭頭兩次將其移動到下方2px。重新選擇這兩個副本，打開Pathfinder面板（窗口> Pathfinder），然後單擊減號前按鈕。用黑色填充產生的形狀。

步驟4

選擇橢圓工具（L）並創建一個140px的圓圈。用如下所示的線性漸變填充，如下圖所示。

步驟5

重新選擇上一步中創建的形狀，並在前面製作兩個副本（Control + C> Control + F> Control + F）。選擇頂部副本並向上移動5px。重新選擇這兩個副本，然後從「探路者」面板中單擊「減號前」按鈕。用如下圖所示的線性漸變填充生成的形狀。

步驟6

重新選擇第四步創建的形狀，並在前面複製兩個（控制+ C>控制+ F>控制+ F）。選擇頂部副本並向上移動它7px。重新選擇這兩個副本，然後從「探路者」面板中單擊「減號前」按鈕。填充所得到的形狀，R = 116 G = 116 B = 116。

步驟7

重新選擇第四步中創建的形狀，然後轉到效果>樣式化>投影。輸入下面顯示的數據，然後單擊確定。

步驟8

選擇橢圓工具（L）並創建一個132px的圓圈。填充如下所示的徑向漸變，將其放置如下圖所示，然後轉到「對象」>「展開」。從展開菜單中檢查漸變網格按鈕，然後單擊確定。移動到「圖層」面板，您將找到一個具有網格和裁剪路徑的組。刪除剪切路徑並取消分組剩餘的網格（Shift + Control + G）。

步驟9

禁用對齊網格（視圖>對齊網格）。重新選擇上一步中創建的網格並打開「變換」面板（「窗口」>「變換」）。確保選中「約束寬度和高度比例」按鈕，然後在寬度框中輸入132。保持網格選擇，抓住網格工具（U）並添加四個新的網格點，如第三個圖像所示。

步驟10

重新選擇上一步中編輯的網格。選擇直接選擇工具（A），逐個選擇網格點，並添加以下圖像中顯示的顏色。

步驟11

啟用對齊網格（視圖>對齊網格）。選擇橢圓工具（L），創建一個新的132px圓圈，並將其放置在上一步中編輯的網格上方。填充R = 145 G = 145 B = 145，然後轉到效果>藝術>海綿。輸入下面顯示的數據，然後單擊確定。

步驟12

接下來，您需要屏蔽上一步中創建的形狀。首先，打開透明度面板。接下來，重新選擇上一步中製作的形狀，並在前面複製（Control + C> Control + F）。選擇此副本，然後按鍵盤上的「D」鍵。這將為您的形狀添加默認屬性（白色填充和1pt，黑色筆觸）。去除黑色行程。

選擇此白色圓圈與上一步中創建的形狀，打開透明度面板的彈出菜單，然後單擊製作不透明蒙版。您的蒙版圓圈應該看起來像第三個圖像。選擇它，將其不透明度降低到20％，並將混合模式更改為顏色刻錄。

步驟13

選擇橢圓工具（L），創建一個新的132px圓圈，並將其放置在上一步中創建的蒙版形狀之上。填寫隨機顏色並在前面複製（Control + C> Control + F）。選擇它並向下移動1px。現在，選擇副本和原始形狀，然後從「探路者」面板中單擊「減號前」按鈕。用如下圖所示的線性漸變填充生成的形狀。

步驟14

選擇矩形工具（M）並創建一個2 x 7px的形狀。用R = 220 G = 220 B = 220填充，如第一張圖所示。切換到直接選擇工具（A），選擇底部的錨點，然後轉到對象>路徑>平均值。檢查兩個按鈕，然後單擊確定。這應該將您的矩形變成三角形。確保它看起來像在第二個圖像。

步驟15

選擇矩形工具（M），創建一個形狀您的畫板的大小，並將其發送回（Shift + Control + []）。填充R = 185 G = 185 B = 185然後聚焦外觀面板（窗口>外觀）。使用添加新填充按鈕為此形狀添加第二個填充。它是「外觀」面板底部的白色方形圖標。選擇此新填充並使用下圖所示的徑向漸變。添加此形狀的第三個填充，然後從「外觀」面板中選擇它。將其變黑，將其不透明度降低到5％，將混合模式更改為「乘數」，然後轉到「效果」>「藝術」>「電影」。輸入下面顯示的數據，然後單擊確定。

第16步

重新選擇第二步中創建的形狀，然後轉到效果>樣式化>投影。輸入下面顯示的數據，然後單擊確定。

步驟17

重新選擇在第二步中創建的形狀，並轉到對象>路徑>偏移路徑。輸入10px偏移量，然後單擊確定。在「外觀」面板上選擇生成的形狀並進行對焦。從填充中刪除陰影效果和顏色，然後添加3pt黑色筆畫。從「外觀」面板中選擇它，然後打開「行程」面板（「窗口」>「行程」）。

首先，從Cap部分檢查圓帽按鈕。接下來，檢查「破折號」框，在虛線框中輸入0pt，在間隙框中輸入15pt。向右移動，並檢查「將邊框對齊，路徑結束，調整長度以適應」的按鈕。

最後，移動到「配置文件」部分，打開下拉菜單並選擇「寬度配置文件1」。最後你的中風應該像第二張圖片那樣。確保它仍然被選中，並轉到對象>路徑>輪廓行程。

步驟18

移動到「圖層」面板，選擇上一步創建的組並取消分組（Shift + Control + G）。選擇底部圓圈（箭頭指向），然後將其刪除。

步驟19

繼續關注黑眼圈。選擇右下角的圓圈，並將其重點放在「變形」面板上。確保選中「約束寬度和高度比例」按鈕，然後在寬度框中輸入3。移動到外觀面板，用R = 57 G = 181 B = 74替換黑色，然後轉到效果>樣式化>陰影。輸入下面顯示的數據，然後單擊確定。

步驟20

選擇左下角的圓圈，然後在「變形」面板上進行對焦。再次確保選中了「約束寬度和高度比例」按鈕，然後在寬度框中輸入3。移動到外觀面板，用R = 237 G = 28 B = 36替換黑色，然後轉到效果>樣式化>投影。輸入下面顯示的數據，然後單擊確定。

步驟21

選擇頂部圓圈（箭頭指向），用R = 39 G = 170 B = 225替換黑色，並將其重點放在「外觀」面板上。選擇填充，然後轉到效果>樣式化>投影。輸入下面顯示的數據，然後單擊確定。為此圓添加第二個填充，並將其顏色設置為R = 39 G = 170 B = 225。從「外觀」面板中選擇此新填充，然後轉到效果>樣式化>外發光。再次輸入下面顯示的數據，然後單擊確定。