先看效果:

在下面的教程中，您將學習如何在Adobe Illustrator創建黑膠唱機圖標。首先，使用簡單的網格與網格對齊等基本的工具創建黑膠唱機的主要形態。然后將學習如何創建一個復雜的網格漸變。使用混合工具創建一個簡單的混合物；利用現有的網格進行路徑偏移的效果；您將會創建一個唱針和一個小旋鈕。最后，充分利用外觀面板，您將學習如何添加陰影，高光以及增加形狀的層次感。

 

1. 創建一個新文件并設置網格

Ctrl+N創建600px*600px的新文檔，RGB模式；屏幕（72ppi），并確保“使新建對象與像素網格對齊”沒有被勾選，點擊確定。

啟用網格（視圖>顯示網格）與網格對齊（視圖>對齊網格）。首先，設置網格線間隔為5px，次分割線數值為1（編輯>首選項>參考線和網格）；打開信息面板（窗口>信息），實時預覽形狀的大小和位置。不要忘記設置單位為像素（編輯>首選項>單位 ）。所有這些選項會大大提高你的工作效率。

2. 創建主形狀

步驟1

選擇矩形工具（M），創建一個250px的正方形，設置其顏色為R=196，G=154，B=108（對齊網格會減輕你的工作）。

接下來，打開對齊面板（窗口>對齊），設置對齊畫板（打開的彈出菜單中去顯示選項，如下圖所示）。選中創建的正方形，單擊水平居中對齊，垂直居中對齊按鈕。最后在圖層面板中對該圖層雙擊，重命名為“main”，然后鎖定該圖層，以確保你不會意外地選擇/移動它（窗口>層）。

步驟2

設置填充顏色為白色，選擇橢圓工具（L）。創建一個180px的正圓，然后在對齊面板上點擊水平居中對齊，垂直居中對齊按鈕（記得對齊畫板哦）。重命名為“vinylshadow”然后鎖定圖層。

步驟3

這一步你需要將網格線間隔設置為1px（編輯>首選項>參考線和網格）。在褐色正方形的左下角，使用橢圓工具（L）創建直徑為24px的正圓，如下圖所示。在圖層面板上雙擊新建圖形，命名為“knobshadow”，然后鎖定。

繼續在正方形的右上角，創建第二個直徑為24px的正圓，位置如圖2所示。將其重命名為“armshadow”，然后鎖定。

3. 創建的黑膠

步驟1

再次設置網格線間隔為5px（編輯>首選項>參考線和網格）。用橢圓工具（L）創建一個160px的正圓，然后在對齊面板上點擊水平居中對齊，垂直居中對齊按鈕。

選中新圖形，打開漸變面板（窗口>漸變），應用默認的漸變數值，選擇徑向漸變，右側滑塊設置為黑色（R=0， G=0，B=0），左側滑塊設置在白（R=255，G=255，B=255）。確保選中該圖形，設置對象>擴展，點擊確定。

移動到圖層面板，你會發現一個新的組。選擇它，取消編組（Shift+Ctrl+G），Alt+Ctrl+7（對象>剪貼蒙版>釋放）釋放現有蒙版。

步驟2

圖層面板中，你會發現一個沒有填充也沒有設置任何效果的160px正圓，選擇它，刪除（鍵盤Delete）；然后你會找到一個簡單的網格，選中網格并打開變換面板（窗口>變換），點擊“約束寬度和高度的比例”按鈕，在寬（或高）中輸入160px，繼續選中網格，將其填充色設置為黃（R=255，G=221，B=23）。

步驟3

使用鋼筆工具（P），創建長為170px的直線，并在對齊面板上選中水平居中對齊，垂直居中對齊按鈕。確保這個簡單的路徑在外觀面板上被選中（窗口>外觀）。

刪除填充色，選擇描邊，設置顏色為黑色，不透明度降低到15%，然后在效果>扭曲和變換>變換中，輸入以下數值（如圖所示），點擊確定。在圖層面板中將其鎖定。你只需將它作為一個輔助線。

步驟4

禁用對齊網格（視圖>對齊網格）。選擇黃色網格，用網格工具（U）僅添加十二個網格點，如下圖所示，使用上一步驟作為輔助。網格點設置完成之后，你可以刪掉上一步產生的輔助線。

步驟5

直接選擇工具（A），選擇網格點，將其顏色與下圖所示相對應。完成之后，在圖層面板中雙擊網格將其重命名為“vinyl”。

步驟6

選中“黑膠”網格（vinyl），復制副本（Ctrl+C > Ctrl+F）。在圖層面板中，雙擊網格副本，重命名為“vinylsupport”；鎖定“黑膠”網格；回到畫板中，用直接選擇工具（A）選擇“vinylsupport”的網格點并替換為相對應的顏色（如圖所示）。

步驟7

選中“vinylsupport”網格，在變換面板中輸入170px的寬（或高）。移動到圖層面板，將“vinylsupport”網格拖動到“vinyl”網格的下方（Ctrl+[）。

步驟8

啟用網格對齊（視圖>對齊網格）。使用橢圓工具（L），創建一個160px的正圓，并在對齊面板上選中水平居中對齊，垂直居中對齊按鈕。填充設置為無，添加1px的白色描邊，描邊內側對齊。繼續選中圖形，對象>路徑>路徑偏移，輸入-45px偏移，點擊確定。

步驟9

雙擊混合工具（或去對象>混合>混合選項）。從下拉菜單選擇“指定的步驟”，輸入“15”。

在圖層面板上選中兩個白色描邊（上一個步驟中的），Alt+Ctrl+B（或去對象>混合>建立）來創建一個簡單的混合（如第二張圖所示）。選中新產生的混合，降低其不透明度為40%，圖層模式為疊加。

步驟10

使用橢圓工具（L），創建一個160px的正圓，設置填充顏色為在R=255，G=222，B=23，并在對齊面板上選中水平居中對齊，垂直居中對齊按鈕。選中這個黃色的圓，對象>路徑>路徑偏移，偏移數值設置為2px，點擊確定，然后回到圖層面板。

選擇新產生的形狀，把它拖動到“vinyl”網格的下方。選中這個黃色的圓，首先，將其填充為R=20，G=15，B=15；添加四個陰影效果（效果>風格化>投影），數值設置如下圖所示；然后添加1px的黑色描邊，使描邊外側對齊，降低不透明度為30%，并將混合模式改為柔光。