創(chuàng)建新文檔
啟動(dòng)并運(yùn)行Illustrator，創(chuàng)建一個(gè)新文檔（文件> 新建或Control-N）：
畫板數(shù)量：1
寬度：?800像素
高度：?600像素
單位：?像素
進(jìn)入“高級(jí)”選項(xiàng)：
色彩模式：RGB
柵格效果：屏幕（72ppi）
預(yù)覽模式：默認(rèn)
創(chuàng)建自定義網(wǎng)格
第1步
轉(zhuǎn)到編輯>首選項(xiàng)>參考和網(wǎng)格子菜單，然后進(jìn)行以下設(shè)置：
網(wǎng)格線：1 px
細(xì)分：1
第2步
完成了自定義網(wǎng)格后，為了確保在繪制過(guò)程中更方便的觀察細(xì)節(jié)，我們可以在“視圖”菜單下找到“對(duì)齊網(wǎng)格”選項(xiàng)，這樣我們每次進(jìn)入“像素預(yù)覽”時(shí)都會(huì)轉(zhuǎn)換為“捕捉到像素”模式
創(chuàng)建圖層
打開(kāi)“圖層”面板，創(chuàng)建四個(gè)圖層，將它們分別重命名如下：
第1層：參考網(wǎng)格
第2層：試管架
第3層：顯微鏡
第4層：燈檢查器
創(chuàng)建參考網(wǎng)格
第1步
首先鎖定除“參考網(wǎng)格”圖層以外的所有圖層，選擇矩形工具（M）創(chuàng)建一個(gè)128 x 128像素的橙色（#F15A24）方塊
第2步
創(chuàng)建另一個(gè)120 x 120 px的方形（#FFFFFF），放置到橙色方形中心位置留出4 px的描邊，完成有效繪圖區(qū)域
第3步
使用Control-G鍵對(duì)兩個(gè)正方形進(jìn)行分組，在彼此相距40 px的位置創(chuàng)建兩個(gè)副本
完成后，鎖定當(dāng)前圖層并轉(zhuǎn)到下一個(gè)圖層，開(kāi)始繪制第一個(gè)圖標(biāo)
創(chuàng)建試管架圖標(biāo)
完成創(chuàng)建參考網(wǎng)格之后我們轉(zhuǎn)移到下一層（第二層），放大第一個(gè)參考網(wǎng)格開(kāi)始工作
第1步
創(chuàng)建一個(gè)12 x 88 px矩形制作第一個(gè)試管#56C1AD，將其放置在距活動(dòng)繪圖區(qū)域頂部邊緣2 px，距離左側(cè)30 px的位置
第2步
在變形面板的矩形屬性中將矩形底角的半徑設(shè)置為6 px
第3步
使用描邊為結(jié)果形狀賦予輪廓，創(chuàng)建它的副本（Control-C），將其粘貼（Control-F）在圖形前面然后將其顏色更改為#5B4032?，將其粗細(xì)設(shè)置為4px
第4步
使用20 x 4 px矩形（#5B4032）添加試管口，將其定位在試管主體的上部，與先前創(chuàng)建的形狀中心對(duì)齊
第5步
使用12 x 6 px矩形（#5B4032）創(chuàng)建試管的陰影，將它對(duì)齊到試管口的頂部邊緣，完成后，使用Control-G鍵選擇四個(gè)形狀并組合在一起
第6步
選擇我們剛剛完成的試管，創(chuàng)建兩個(gè)副本（Control-C> Control-F兩次），然后將它們分布在試管右側(cè)，將彼此距離設(shè)置為4 px，完成后，使用Control-G鍵選擇并將所有形狀組合在一起
第7步
創(chuàng)建4 px輪廓（#5B4032）104 x 16 px大小的矩形（#C48755）作為基座，將對(duì)齊到活動(dòng)繪圖區(qū)域的底部邊緣
第8步
使用20 x 8 px矩形（#5B4032）添加試管架標(biāo)簽，然后在它的左右添加兩個(gè)較小8 x 4 px（#5B4032）的矩形，選擇并將三個(gè)形狀組合（Control-G）在一起，將它們居中對(duì)齊到木制基座，完成之后將創(chuàng)建的形狀進(jìn)行分組
第9步
使用兩個(gè)4 px輪廓（#5B4032）10 x 64 px矩形（#AF7245）創(chuàng)建試管架的側(cè)面部分，將圖形分別進(jìn)行分組（Control-G），然后將其放置在基座的上方，距離繪圖區(qū)域兩邊10px的位置
第10步
使用4 px輪廓（#5B4032）104 x 12 px大小的矩形（#C48755）添加試管架的上部，將其進(jìn)行分組（Control-G），然后定位在先前創(chuàng)建形狀的頂部
第11步
使用兩個(gè)4 x 4 px圓圈（#5B4032）制作小螺釘，將它們放在木條的兩端，與木條中心對(duì)齊，選擇并將它們分組（Control-G）
第12步
添加兩個(gè)10×6像素的矩形（#5B4032）為木架的側(cè)面陰影部分，接著創(chuàng)建三個(gè)12×6像素矩形（#5B4032）用做玻璃試管的陰影
第13步
創(chuàng)建108×4px的水平線（#5B4032）創(chuàng)建木架的支撐部分，將線條中心對(duì)齊到木架，將其定位在距其上部20 px的位置，并將其發(fā)送到木架背面（右鍵單擊>排列>后移一層）
第14步
木架完成后，使用4 px線條繪制試管架支架，顏色設(shè)置為#5B4032，完成之后，選擇并將所有組成部分組合（Control-G）在一起
創(chuàng)建顯微鏡圖標(biāo)
完成了第一個(gè)圖標(biāo)后，鎖定它的圖層，繼續(xù)進(jìn)入到下一個(gè)圖層（這將是第三個(gè)圖層），開(kāi)始顯微鏡圖標(biāo)的繪制
第1步
使用具有4 px輪廓的80 x 12 px矩形（#6B5B51）創(chuàng)建顯微鏡的基座，對(duì)其進(jìn)行分組（Control-G），然后居中對(duì)齊到活動(dòng)繪圖區(qū)域下邊緣
第2步
使用具有4 px輪廓（#5B4032）的96 x 12 px矩形（#C48755）添加基座的上部，將其分組（Control-G），然后定位在先前創(chuàng)建的形狀的頂部
第3步
創(chuàng)建兩個(gè)108×4 px寬的線條（#5B4032），將它們分別定位在基座輪廓的頂部和底部邊緣上，然后再向填充形狀的中心添加一條直線，完成后，使用Control-G鍵選擇并將所有形狀組合在一起
第4步
使用80 x 6 px的矩形（#5B4032）將陰影投射到基座的底部，對(duì)齊它的上邊緣。完成后，將陰影進(jìn)行分組（Control-G），然后對(duì)整個(gè)基座執(zhí)行相同的操作
第5步
創(chuàng)建一個(gè)12 x 72 px矩形開(kāi)始繪制顯微鏡的手柄，使用#82756C為矩形著色 ，然后將其定位在基座左邊緣30 px的位置上
第6步
創(chuàng)建一個(gè)12 x 14 px矩形（#82756C）將其放置在上一步中較高矩形的左側(cè)，使用路徑查找器的聯(lián)集將兩者組合成一個(gè)更大的形狀
第7步
使用直接選擇工具（A）選擇形狀下部的左上錨點(diǎn)?，利用移動(dòng)工具將其下移6 px的距離（右鍵單擊>變換>移動(dòng)>垂直> 6 px）
第8步
使用描邊方法為生成的形狀提供4 px的輪廓，并將其顏色設(shè)置為#5B4032
第9步
使用4 x 4 px的圓圈（#5B4032）給手柄添加小螺釘，將螺釘定位在手柄的底部，在其周圍留出4 px間隙。完成后，選擇所有形狀并使用Control-G鍵將它們組合在一起
第10步
創(chuàng)建一個(gè)8 x 8 px矩形（#5B4032）作為手柄上的螺釘，并將其放置在顯微鏡手柄的頂部
第11步
使用4×2像素的矩形（#5B4032）（2）創(chuàng)建螺釘較窄的部分，在其頂部添加一個(gè)16×4像素的矩形（#5B4032）（3）接著是稍窄12×4像素矩形（#5B4032），將三個(gè)形狀放在方形頂部，然后選擇并將它們組合在一起（Control-G）（4）
第12步
創(chuàng)建一個(gè)16 x 8 px矩形（#5B4032），將其定位在顯微鏡臂的左側(cè)距離頂部12 px的位置
第13步
使用4 x 68 px矩形（#5B4032）添加支撐桿，將其放置在顯微鏡手柄的左側(cè)，將其發(fā)送到其他形狀的背面（右鍵單擊>排列>后移一層）
第14步
創(chuàng)建16 x 16 px大小（#C48755）和4 px輪廓（#5B4032）的圓添加調(diào)整轉(zhuǎn)輪，在其上面添加一個(gè)較小的4 x 4 px圓（#5B4032），將三個(gè)形狀組合（Control-G）到一起，然后將它們放置在顯微鏡手柄的中心，距離基座22px的位置
第15步
創(chuàng)建一個(gè)14 x 14像素的正方形（#5B4032）給輪子添加一個(gè)陰影，通過(guò)在變換面板的矩形屬性中將其右下角的半徑設(shè)置為14像素，并將生成的形狀放在轉(zhuǎn)輪的下半部分，確保將陰影對(duì)齊到右側(cè)
第16步
使用顯微鏡手柄填充形狀的副本（Control-C）作為剪切蒙版遮罩陰影，將它粘貼（Control-F）在顯微鏡手柄前，然后右鍵單擊>制作剪貼蒙版。完成后，使用排列>后移一層將陰影發(fā)送到圓盤后面，選擇并將所有手柄組成部分進(jìn)行組合（Control-G）
第17步
開(kāi)始繪制顯微鏡的主體部分，創(chuàng)建一個(gè)18 x 40像素矩形（#6B5B51），并添加4 px的輪廓（#5B4032），將圖形進(jìn)行分組（Control-G），然后定位距離顯微鏡手柄16 px距離基座36 px的位置
第18步
使用10 x 10 px方形（#5B4032）創(chuàng)建目鏡，在其上方添加一個(gè)6 x 4 px矩形（#5B4032），然后創(chuàng)建稍寬的14 x 4 px矩形（#5B4032），將三種形狀組合在一起（Control-G），將它們定位在管子的上方
第19步
創(chuàng)建一個(gè)6 x 6 px方形（#5B4032），放置在管子的底部邊緣
第20步
使用10 x 10 px（#D8A466）和4 px輪廓（#5B4032）的矩形創(chuàng)建物鏡的上半部分，在其底部添加稍寬的18 x 4 px矩形（#5B4032），然后是10 x 6 px的頂部陰影（#5B4032），將所有形狀組合在一起（Control-G），并將它們放置在顯微鏡較大矩形的底部
第21步
使用10 x 2 px矩形（#5B4032）添加物鏡的底部部分，在其下方添加更寬的22 x 4 px矩形（#5B4032），并將顯微鏡物鏡部分進(jìn)行分組（Control-G）
第22步
使用10 x 8 px（#56C1AD）和4 px?輪廓（#5B4032）的橢圓創(chuàng)建鏡頭，并進(jìn)行分組（Control-G）后將它定位到物鏡上，使其上半部分與物鏡邊緣重疊，調(diào)整好位置之后，通過(guò)右鍵單擊>排列>后移一層，將顯微鏡的下部分進(jìn)行分組（Control-G）
第23步
使用4 x 4 px矩形（#5B4032）添加一個(gè)調(diào)整輪，在其旁邊我們添加一個(gè)4 x 8 px矩形（#5B4032），選擇并旋鈕進(jìn)行分組（Control-G）
第24步
創(chuàng)建一個(gè)32 x 12 px矩形（#C48755）處理顯微鏡的右側(cè)部分，通過(guò)在變形面板的矩形屬性中將其右角的半徑設(shè)置為6 px，完成后，將生成的形狀放置在離顯微鏡底座52像素的位置
第25步
創(chuàng)建一個(gè)較小的14 x 12 px矩形（#C48755）并其放置在先前創(chuàng)建形狀的下方，使用路徑查找器的聯(lián)集選項(xiàng)將兩者組成一個(gè)更大的形狀
第26步
首先使用直接選擇工具（A）選擇形狀右下角的錨點(diǎn)，按Delete鍵將其刪除，調(diào)整生成的形狀，按Control-J關(guān)閉生成的路徑，然后給它創(chuàng)建一個(gè)4 px的輪廓（#5B4032），選擇并將兩者組合在一起（Control-G）
第27步
使用4 x 4 px圓（#5B4032）添加小螺釘完成延伸臂，然后使用8 x 4 px矩形制作旋鈕（#5B4032）。完成后，選擇并將所有組成形狀組合（Control-G）在一起
第28步
使用14 x 12 px矩形（#5B4032）創(chuàng)建投射到顯微鏡上的陰影，通過(guò)在變換面板的矩形屬性中將其右下角的半徑設(shè)置為12 px，并將生成的形狀放在延伸臂的下半部分上，通過(guò)選擇它和較大的顯微鏡將其發(fā)送到背面，然后右鍵單擊>排列>后移一層
第29步
完成顯微鏡，使用48 x 4 px矩形（#5B4032）制作載物臺(tái)，將它定位在顯微鏡物鏡的下方，距離基座4 px的位置，完成后，選擇并分組（Control-G）圖標(biāo)的組成部分，然后再繼續(xù)下一步
創(chuàng)建燈檢查器圖標(biāo)
完成顯微鏡圖標(biāo)之后將圖層鎖定，然后放大最后一個(gè)圖層進(jìn)行最后一個(gè)圖標(biāo)的繪制
第1步
使用88 x 12 px大小（#AF7245）4 px輪廓（#5B4032）的矩形創(chuàng)建設(shè)備底部部分，將它居中對(duì)齊到活動(dòng)繪圖區(qū)域的下邊緣
第2步
創(chuàng)建兩個(gè)6 x 4 px矩形（#5B4032）添加基座的側(cè)面裝飾，并將它們底部對(duì)齊到填充形狀的可視部分，完成后，使用Control-G鍵選擇四個(gè)形狀并將它們組合在一起
第3步
創(chuàng)建104 x 28 px（#C48755）和4 px輪廓（#5B4032）矩形作為基座的上部，將它們進(jìn)行分組（Control-G），然后定位在先前形狀的頂部
第4步
創(chuàng)建四個(gè)4 x 4 px圓圈（#5B4032）添加小螺釘，將它們定位在距離較大部分的每個(gè)角落4 px的位置
第5步
使用28 x 16 px矩形（#5B4032）添加標(biāo)簽，在其兩邊添加兩個(gè)較小的8 x 8 px正方形（#5B4032），將所有三個(gè)形狀組合在一起（Control-G），并將它們居中對(duì)齊到較大的部分，選擇和分組（Control-G）所有組成形狀
第6步
使用88 x 6 px矩形（#5B4032）創(chuàng)建基座的陰影，將其對(duì)齊到基座的頂部邊緣，完成后，使用Control-G鍵選擇并分組目前為止我們創(chuàng)建的所有形狀
第7步
創(chuàng)建一個(gè)具有4 px輪廓的72 x 12 px矩形（#82756C）開(kāi)始制作設(shè)備的上半部分，將它進(jìn)行分組（Control-G）然后定位在基座的頂部(#5B4032)
第8步
使用兩條84 px寬4 px的直線（#5B4032）添加水平線條，將它們定位到該部分的頂部和中心部分。完成后，選擇并將它們和大矩形進(jìn)行分組（Control-G），然后再繼續(xù)下一步操作
第9步
使用具有4 px輪廓12 x 6 px大小的矩形（#C48755）創(chuàng)建小按鈕，在其上方我們添加另一個(gè)稍窄的8 x 6 px矩形。并將所有的三個(gè)形狀組合在一起（Control-G），然后將它們定位在基座的頂部
第10步
使用具有4 px輪廓的24 x 12 px矩形（#6B5B51）添加設(shè)備的插槽，在其底部我們添加一個(gè)較小的8 x 6 px矩形。將三個(gè)形狀組合在一起（Control-G），放置在按鈕的右側(cè)，距離按鈕12 px的位置
第11步
使用16 x 12 px（#D8A466）和4 px輪廓（#5B4032）的矩形創(chuàng)建燈泡底座，在其中心添加另一個(gè)16 x 4 px矩形（#5B4032），將三個(gè)形狀組合在一起（Control-G），放在先前創(chuàng)建形狀中心
第12步
通過(guò)創(chuàng)建一個(gè)16 x 4 px矩形（#56C1AD）開(kāi)始創(chuàng)建燈泡的玻璃部分，放置底座的頂部
第13步
接下來(lái)，創(chuàng)建一個(gè)32 x 32 px圓（#56C1AD），放置在較小矩形的上方，距離頂邊4 px的位置
第14步
使用直接選擇工具（A）選擇其底部錨點(diǎn)，然后按Delete，打開(kāi)圓的路徑。通過(guò)在添加錨點(diǎn)工具（+）將新錨點(diǎn)添加到上邊緣的中心，然后按Delete刪除它，對(duì)矩形執(zhí)行相同操作
第15步
選擇兩個(gè)路徑將兩個(gè)路徑合并為一個(gè)更大的形狀，然后按Control-J兩次
第16步
在像素預(yù)覽模式（Alt-Control-Y）中，通過(guò)其錨點(diǎn)的手柄調(diào)整其曲率，使得到的形狀的過(guò)渡平滑?。完成后，繼續(xù)下一步操作
第17步
使用描邊為生成的形狀提供4 px的輪廓（#5B4032），然后選擇并將它和底座進(jìn)行分組（Control-G）
第18步
創(chuàng)建8×8像素大小4 px的圓圈作為燈絲?（#5B4032）?彼此距離2像素，將它們放在燈泡的中心位置，距離上邊緣10像素的位置
第19步
使用添加錨點(diǎn)工具（+）添加新錨點(diǎn)，然后選擇并按Delete刪除它打開(kāi)每個(gè)圓的路徑
第20步
使用Control-J鍵選擇并組合底部錨點(diǎn)，使用鋼筆工具（P）繪制垂線，完成燈絲。完成后，選擇并分組所有燈泡的組成形狀，然后對(duì)整個(gè)圖標(biāo)執(zhí)行相同操作
完成啦
