在下面的教程中，您將學習如何在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%，并將混合模式改為柔光。

步驟11

選擇另一個黃色圓圈，填充為徑向漸變取代現有的顏色(如下圖所示)，降低其不透明度為15%，改變混合模式;然后選擇“對象>路徑>路徑偏移”，設置為-1px的偏移數值，點擊確定;然后選擇“效果>藝術效果>膠片顆粒”，輸入下圖顯示數值，點擊確定。

回到外觀面板，為這個圓添加2pt的描邊，使描邊外側對齊，設置顏色在R=20，G=15，B15。

步驟12

使用橢圓工具(L)，創建一個70px的圓，設置填充顏色為在R=255，G=222，B=23，并在對齊面板上選中水平居中對齊，垂直居中對齊按鈕。

選中這個黃色的形狀，將現有填充色替換為R=15，G=10，B=10，降低其不透明度為70%，改變混合模式為柔光，選擇“效果>路徑& gt;偏移路徑”輸入-1的偏移數值，點擊確定。

回到外觀面板為新建的圓添加第二新的填充(下圖中藍色箭頭)。選擇新的填充，顏色設置為R= 180，G=20，B=35，選擇“效果>路徑>偏移路徑”輸入5px的偏移并單擊“確定”。

步驟13

選中紅色的圓圈，添加第三個新的填充，選擇這個新的填充，顏色設置為R=190，G=30，B=45，選擇“效果>路徑>偏移路徑”，輸入- 8的偏移數值，點擊確定。

回到外觀面板，添加第四個新的填充，選中它，添加線性漸變(如下圖所示);然后選擇“效果>路徑>偏移路徑“，輸入- 23px的偏移數值，點擊確定。

步驟14

繼續選中紅色圓圈，添加第五個新的填充。選擇這個填充，設置顏色為R=25，G=20，B 20，然0后選擇”影響>路徑>偏移路徑“，輸入-28的偏移數值，點擊確定;

然后選擇“效果> 風格化>投影”輸入下圖所示數值，單擊“確定”;返回到外觀面板，選中紅色圓圈，添加第六個填充，顏色設置為黑色，降低其不透明度為3%，改變混合模式為疊加;

然后選擇“效果>路徑>偏移路徑",設置偏移數值為5px，點擊確定;選擇“效果>藝術>膠片顆粒”，輸入下圖所示數值，點擊確定。

步驟15

繼續選擇紅圈，添加第七個新的填充，選擇它，設置顏色為R=185，G=185，B=185，選擇“效果>路徑>偏移路徑”設置偏移數值為-32px，點擊確定;

返回到外觀面板，添加第八個新的填充，選擇它，設置顏色為R=115，G=115，B=115，選擇“效果>路徑& gt;偏移路徑”設置偏移數值為-33px，點擊確定;

回到外觀面板，添加最后的填充，選擇它，設置顏色為白色，繼續選擇“效果>路徑>偏移路徑”。設置偏移數值為-34px，點擊確定。