，讓我們開始吧！
1. 如何打開新文檔
啟動 Illustrator 並轉到「 文件」>「新建」 以打開空白文檔。為您的文件，設置尺寸鍵入一個名稱，然後選擇像素 為 單位 和 RGB 的 色彩模式。
接下來，轉到編輯>首選項>常規並將鍵盤增量設置為 1像素， 然後轉到單位 以確保它們的設置如下圖所示。我通常使用這些設置，他們將在整個繪圖過程中為您提供幫助。
2. 如何創建等距網格
廣告
步驟1
在學習如何在等軸測視圖中繪製圖標時，該過程的一個非常重要的部分是知道如何在美工板內創建自己的網格。這是我在Illustrator中創建快速，簡單的等距網格的方法。幾分鐘後，我們將準備開始繪製食物圖標。
抓住線段工具（\）並單擊畫板上的任意位置以打開「 選項」窗口。在「 長度」欄位中鍵入400 px，在「 角度」欄位中鍵入30度，因為需要在等軸測圖中以此角度繪製所有內容。將線放置在200 x 200 px畫板左側的某處，並給它一個1磅的筆畫。
第 2步
如果仍然選擇了線條，請轉到效果>扭曲和變換>變換。在「 移動水平」欄位中鍵入18 px，然後選擇「 30份」以將其相乘。你應該有足夠的線來覆蓋畫板等等。點擊OK。
第3步
在仍然選中該行的情況下，轉到「 對象」>「展開外觀」以展開在上一步中應用的「 變換」效果。保持選定的結果組，然後在「 對齊」面板中按「 水平對齊中心」，然後按「 垂直對齊中心」，同時確保選中「 對齊到畫板」選項（1）。
在仍然選擇了一組線條的情況下，轉到「 對象」>「變換」>「反射」。選中垂直並單擊複製以獲得這些線在畫板上的反射（2）。
第4步
我不認為有必要在網格中添加垂直線，因此選擇兩組線並轉到視圖>參考線>製作參考線。而已！等距網格完成。將它保存在一個名為「 網格」 的單獨圖層上，並在其上方創建一個新圖層作為第一個食物圖標。
在繼續之前，請務必激活「 查看」 菜單下的「 智能參考線」 。此外，選中Snap to Point並取消選中Snap to Pixel。
我通常不會鎖定「 網格」圖層，因為智能參考線在圖層和對象未鎖定時效果最佳，但如果您害怕錯誤地移動它，則可以這樣做。
3. 如何創建等距方形三明治圖標
步驟1
在Illustrator中創建等距圖形時，幾乎所有東西都從基本的等距形狀開始，如正方形，矩形和圓形。我們將繪製的第一個食物圖標是方形三明治，所以讓我們首先看看如何繪製等距方形。
取鋼筆工具（P）並繪製所述第一路徑，其長度為7個方格。繼續計算其他邊的七個網格方塊，並關閉形狀以獲得等距方形。給它一個米色的填充顏色和一個2磅的深棕色中風。在「 筆觸」面板上，按「 圓頂蓋」和「 圓形連接」選項。我將這個形狀命名為「 底部麵包」。
第2步
再次使用鋼筆工具（P）繪製麵包的左側。這個形狀的高度只有一個網格方形，長度保持為7。塗上略深的米色作為填充顏色，並像以前一樣給它一個2磅的筆觸。我們將在整個教程中保持相同的筆觸設置，以使製作圖標具有相同的樣式。
以同樣的方式畫出麵包的右側。
第3步
以下是在Illustrator中製作等距圓的方法。首先，複製並 粘貼到位（Shift-Control-V）「 底部麵包 」，這樣你就有了方形的副本（1）。轉到效果>風格化>圓角， 並應用非常高的半徑值，如100 px或儘可能高。從「 對象」菜單中選擇「 展開外觀 」 以展開應用的效果，並且剛剛獲得了等軸圓（2）。容易，對嗎？
當圓圈保持選中狀態時，請轉到對象>路徑>添加錨點以在左側，右側，頂部和底部添加額外點。將圓圈與網格或設計中的其他形狀對齊時，這些點非常有用（3）。
第4步
按住Shift鍵縮小上一步中獲得的圓，以保持比例。然後將它移到麵包的右下邊緣旁邊。用指示的顏色填充並應用相同的筆劃（1）。
製作一堆較小的圓圈副本，然後將它們隨機排列在頂部。使用三種粉紅色為它們著色，這次不適用於中風。這將是三明治中的「 薩拉米香腸切片」，您可以將組成它的所有形狀分組（2）。
製作「 薩拉米香腸切片」 的副本，並將其排列在麵包左下邊緣（3）旁邊。
第5步
複製 並粘貼到位（Shift-Control-V）「 底部麵包 」，在一切面前複製它。使用Round Corners技術獲得新的等距圓，如前所述（1）。
當圓圈保持選中狀態時，請轉到效果>扭曲和變形>鋸齒形鋸齒並應用顯示的設置以獲得波浪邊緣。確保通過轉到對象>擴展外觀來擴展此效果，您將獲得生菜的形狀。用淺綠色填充並應用相同的筆觸設置（2）。
第6步
再次選擇「 底部麵包」，然後轉到對象>變換>縮放。在「 縮放均勻」欄位中鍵入90％，然後單擊「 複製」以獲取等長方塊的較小副本。通過轉到對象>排列>置於前面（Shift-Control-]）將其置於所有內容的前面。這將是三明治中的「 奶酪片 」，你可以將它染成黃色。按幾次鍵盤上的向上箭頭鍵將其向上移動一點。
第7步
選擇三明治底部的整個麵包，然後複製並 粘貼到位（Shift-Control-V）以複製它。組（Control-G）三個形狀並將它們向上移動三個網格方塊（1）。
要在頂部麵包上創建一些紋理，隨意排列一堆小等距圓圈，就像你為薩拉米香腸做的那樣。用米色對它們進行著色，將不透明度降低到35％（2）。
第8步
此時，方形三明治圖標已準備就緒，下面是圖標在沒有網格的情況下的樣子。
4. 如何創建等距矩形三明治圖標
步驟1
讓我們在文檔中為第二個圖標創建一個新的畫板。取矩形工具（M）並繪製一個新的200 x 200像素正方形;然後轉到 對象>畫板>轉換為畫板。
現在，按照本教程開頭的說明創建一個新的等距網格，或複製現有的等距網格。只需確保將第二個網格與Artboard 2對齊。
在「 圖層」面板中創建一個名為「 長三明治」的新圖層，我們就可以創建第二個食物圖標了。
第2步
我們將使用相同的技術從等距方塊開始創建等距圓，因此抓住鋼筆工具（P）並繪製一個正方形，每邊計算四個網格方塊。製作它的副本並將其排列在畫板的右上部分（1）。
選中兩個方塊後，轉到效果>風格化>圓角，並應用半徑為100像素或儘可能高的半徑。從「 對象」菜單中選擇「展開外觀」 以展開應用的效果，您將獲得兩個圓圈（2）。
第3步
使用直接選擇工具（A）僅選擇指示的點，然後按鍵盤上的Delete鍵刪除它們（1）。你會得到兩個半圓。
仍然使用直接選擇工具（A），選擇兩個相應的端點，然後按Control-J加入它們（2）。使用頂部的其他兩個端點重複相同的操作，您將獲得等距圓角矩形。用淺米色塗上麵包，塗上相同的2磅棕色 中風（3）。
第4步
複製 並粘貼在背面（Control-B）麵包形狀，並使用直接選擇工具（A）僅選擇指示的點（1）。按鍵盤上的向下箭頭鍵幾次將它們向下移動一點。我將命名為「 底部髮髻」。將填充顏色更改為略深的米色（2）。
第5步
現在您已經掌握了繪製等距圓圈，在麵包上創建並安排其中三個作為西紅柿。將它們塗成紅色（1）。
製作三個圓圈的較小副本，並用白色替換紅色填充。這將是三明治中的莫扎裡拉（2）。
第6步
選擇麵包形狀，然後複製並粘貼到位（Shift-Control-V），在所有內容前面複製它。轉到「 對象」>「變換」>「移動」，然後在「 垂直」欄位中鍵入-18 px，在「 角度」欄位中鍵入90度。點擊OK，您將獲得頂部髮髻。用深色的米色替換填充顏色。
第7步
讓我們添加一些最後的潤色。抓住線段工具（\）並使用它以120度角繪製長度為40像素的線 。製作三份並將它們排列在頂部髮髻上，如圖所示（1）。
給它們一個8磅的筆劃，然後在「 筆觸」 面板中選擇「 寬度輪廓1」 。從「 對象」菜單中選擇「 展開外觀 」 以將筆劃轉換為填充形狀，然後轉到「 對象」>「複合路徑」>「生成」（Control-8）（2）。
第8步
選擇頂部髮髻，然後複製並粘貼到位（Shift-Control-V），在所有內容前面複製它。轉到對象>路徑>偏移路徑並應用偏移的-1 PX得到一個略小的形狀（1）。
現在，選擇藍色形狀和黑色複合路徑，然後在「 路徑查找器」面板中按「 相交 」 。用較淺的米色填充生成的形狀，這些將是髮髻上的斜線（2）。
第9步
此時，完成了矩形三明治圖標，以下是沒有網格的圖標外觀。
5. 如何創建等距湯圖標
步驟1
在文檔中創建第三個200 x 200 px畫板，並像以前一樣將等距網格與其對齊。此外，在「 圖層」面板中創建一個名為「 湯」 的新圖層，我們就可以開始創建第三個食物圖標了。
第2步
如前所述，繪製一個從10 x 10平方開始的等距圓（1）。在圓圈仍處於選中狀態的情況下，轉到「 對象」>「變換」>「縮放」，並在「縮放均勻」欄位中鍵入89％。點擊複製以獲得較小的圓圈（2）。
第3步
複製較大的黑色圓圈，並在「 變換」面板中將「 高度」值更改為130像素。您將獲得紅色橢圓形狀（1）。
接下來，選擇紅色形狀以及黑色圓圈的副本，然後在「 路徑查找器」面板中按「 分割」，然後按「 取消組合」（Shift-Control-G）。因此，您將在下圖（2）中獲得三個單獨的形狀，顏色為紫色，粉紅色和綠色。
刪除頂部的紫色形狀，因為我們不需要它，現在我們有湯碗（3）。
第4步
使用淺灰色為粉紅色和綠色形狀著色，並應用2磅棕色 筆觸以保持相同的樣式（1）。接下來，選擇原始的黑色和橙色圓圈，然後轉到對象>複合路徑>製作（控制-8）。通過轉到對象>排列>置於前面（Shift-Control-]）將生成的複合路徑放在其他路徑前面，這將是碗的外邊緣。用白色著色並應用相同的筆觸設置（2）。
選擇以前是粉紅色的圓圈; 轉到「 對象」>「變換」>「縮放」，然後在「 縮放均勻」欄位中鍵入40％。點擊複製，你會得到一個較小的圓圈。將其移至碗的底部（3）。
第5步
選擇碗的白色邊緣，然後在前面複製並粘貼（Control-F）。接下來，轉到對象>複合路徑>發布以獲取單獨的圓圈。現在，抓住兩者中較小的一個因為我們需要它來製作湯（1）。
製作橙色圓圈的另一個副本並向下移動一點（紅色圓圈）。選中兩個橙色和紅色圓圈後，按「 路徑查找器」面板上的「 相交」 （2）。用淡黃色填充所形成的湯形狀並塗抹相同的2磅中風（3）。
第6步
現在，從上一步抓住兩個更大的圓圈並向下移動一點。抓住剪刀工具（C）並單擊兩個指示點以剪切路徑，然後刪除頂部片段（2）。
選擇底部區段，並給它一個2磅的紅色筆劃，在碗上創建一條裝飾線（3）。選擇「 對象」>「展開」以將筆劃轉換為填充形狀。
第7步
選擇碗的主要形狀，然後複製並粘貼到位（Shift-Control-V），在所有內容前面複製它。轉到 對象>路徑>偏移路徑並應用偏移的-1 PX得到一個略小的形狀。將此形狀設置為stroke-none和fill-none，儘管出於視覺原因我將其用綠色（1）著色。
選擇此較小的碗形狀以及紅色條紋，然後在「 路徑查找器」 面板中按「 相交」 （2）。
第8步
我們在湯裡加一些麵條。抓住線段工具（\）並使用它以30度角繪製長度為111像素的線 ， 因為在創建等距藝術時，即使是麵條也必須是等長的。製作這條線的兩份副本並將它們排列在湯的左上部分（1）。
給他們一個2磅的中風; 然後轉到效果>扭曲和變換> Zig Zag並應用顯示的設置。您將獲得麵條的波浪形外觀（2）。
第9步
選擇湯形狀，然後複製並粘貼到位（Shift-Control-V），在所有內容前面複製它。接下來，轉到對象>路徑>偏移路徑並應用-1 px的偏移量以獲得稍小的形狀。將此副本設置為stroke-none和fill-none，儘管出於視覺原因我將其用藍色（1）著色。
現在，選擇麵條和較小的湯形狀，然後轉到 對象>剪貼蒙版>製作（控制-7）（2）。
第10步
讓我們以2 pt綠色筆劃的幾個小等距圓圈的形式添加最後的觸摸。
第11步
此時，麵條湯圖標已準備就緒，這是圖標在沒有網格的情況下的外觀。
第12步
這是文檔中的三個畫板，帶有等距食物圖標。這使您可以更輕鬆地單獨保存圖標。
恭喜！你完成了
有人稱之為等距藝術，有人稱之為噩夢。你怎麼看？
等距繪圖是一項非常有用的技能，可以用於各種設計，從圖標設計到等距插圖，技術繪圖，信息圖表等等。
如果您決定學習如何繪製等距矢量並重新創建這些食物圖標，請不要忘記分享您的設計圖像。我很樂意看看。