AI教程/設計師專屬郵票
圖/文 Andrei Stefan
註：此教程為英翻教程，軟體操作不嫻熟的小夥伴兒，謹慎嘗試哦。翻譯不足之處，自行腦補哦。
1.建立文檔
創建一個新文檔 如圖設置
2.分層文檔
即使我們的插圖非常簡單，我們仍將對其進行分層，以便我們可以繼續前進，而不必擔心意外移動零件。
因此，轉到「圖層」面板並創建三個圖層，並將它們命名如下：
背景
郵票
介面
3.創建調色板
第1步
首先，請確保您位於背景圖層上，然後使用矩形工具（M）創建一個小方塊，然後使用為其著色#E8E3E3。通過選擇表格來複製表格，然後在按住Alt的同時向右拖動。使用上色重複項#474040。
第2步
一旦出現「混合選項」彈出窗口，請確保將間距更改為「指定步驟」，並將右側的值修改為7。
第3步
因為我們將使用吸管工具（I）將顏色直接應用於對象（而不是輸入十六進位值），所以我們需要從左到右對正方形進行編號，以便我們知道要使用的值。
#F7F2F2
#E1DCDC
#CBC5C5
#B5AFAF
#9F9999
#898383
#736D6D
#5D5656
#474040
4. 創建圖章形狀
第1步
現在我們有了顏色，是時候開始使用它們了。我們需要創建的第一件事是保持我們的設計的背景。使用矩形工具（M）?，?創建一個800×600像素使用從平方數5的值的形狀和顏色的。
為此，只需抓住吸管工具（I）單擊顏色，然後按住Alt 並單擊背景以對其應用色相即可。
接下來，我們需要確保背景與Artboard垂直和水平對齊。這是「對齊」面板?提供幫助的地方。選中對象後，使用「水平對齊中心」和「垂直對齊中心」功能將其定位在中間。
第2步
就像我一開始所說的那樣，整個藝術品將使用基本形狀來構建。要創建圖章，我們將需要一個矩形，幾個圓，並且就是這樣。
首先，抓住矩形工具（M）並創建230 x 280 px的形狀，我們將使用第二個正方形進行著色。與背景一樣，使用「對齊」面板將其垂直和水平居中。
第3步
接下來，我們需要選擇橢圓工具（L）並創建30 x 30像素的形狀。因為我們在圖章的每一側都有多個切口（頂部和底部分別有四個切口，左側和右側分別有五個切口），所以我們必須複製初始圓並以20 px的距離將對象彼此隔開，確保每一側郵票的基本形狀正好穿過圓心。
您現在應該有這樣的內容。
第4步
接下來，我們需要添加較粗的輪廓，以使插圖具有一定的權重。只需複製先前創建的形狀（Ctrl-C> Ctrl-F），然後使用「偏移路徑」功能（「效果」>「路徑」>「偏移路徑」）。
第5步
出現彈出框後，請如下更改值：
偏移：8像素
加入：?斜接
斜接限制：4像素
第6步
產生偏移後，立即展開表格（「對象」>「展開」），將其顏色更改為第九個正方形的值，然後確保使用「排列」功能將其放置在較淺的形狀下（「排列」>「發送至」） 。
此時，我們的插圖應如下所示。
第7步
接下來，讓我們在圖章的頂部添加一些柔和的高光。複製灰色對象（Ctrl-C），並將其粘貼到位（Ctrl-F）。因為我們需要從其副本中減去一個對象，所以我們需要確保創建兩個副本。有了它們後，只需將頂部的像素向下移動約4像素，將其和下方的像素都選中，然後使用探路者的減負前端功能。
第8步
使用第一個平方的值為所得的對象組著色。
5. 添加條和按鈕
第1步
布置好郵票的基本形狀後，我們現在將重點放在創建中心件即界面上。確保已鎖定前兩層，然後使用矩形工具（M）創建一個160 x 210 px的對象，並使用「對齊」面板將其垂直和水平對齊到Artboard。使用第3個平方的值更改其顏色。
第2步
接下來，複製先前創建的對象，將其顏色更改為第9號正方形的值，然後以其筆觸（Shift-X）翻轉其填充。將「筆劃?粗細」調整為8 px的較粗值，然後確保擴大形狀（「對象」>「擴大」）。
第3步
現在我們有了界面的背景和輪廓，可以從圖章的其餘部分開始將其框起來，我們需要創建頂部欄和左側邊欄。
使用我們現在最受歡迎的矩形工具（M），創建一個152 x 22 px的對象，並將其放置在框架頂部的正下方。
第4步
對於側邊欄，首先創建一個18 x 180 px的矩形，然後將其與先前創建的形狀左對齊，確保兩個都指向頂部。然後，創建另一個較小的18 x 92 px矩形，使用第5個正方形的值對其進行著色，然後將其底部和左側與較大的形狀對齊。
第5步
現在，我們需要在界面的兩個部分添加一些分隔符。為此，我們將首先創建一個152 x 4 px的形狀，使用第九個正方形對其進行著色，然後將其放置在頂部欄的底部下方。
第6步
對於側邊欄，我們需要使用與以前相同的顏色創建一個4 x 177px的對象，並確保將其放置在左側界面面板的右下角。
第7步
如您所見，我們僅需要一個水平分隔符，因此使用矩形工具（M）創建一個較小的18 x 4 px的段，我們需要將其放置在左側邊欄較暗的底部上方。
第8步
分離了界面的兩個部分後，我們需要添加右上角的按鈕。使用橢圓工具創建一個10 x 10像素的圓圈，用筆觸翻轉其填充，然後將粗細更改為4像素。
第9步
展開，然後複製按鈕，以便最後得到三個。接下來，將它們彼此水平對齊2像素，確保將它們放置在頂部欄上，距右側約6像素。
快速提示：您可以使用「像素預覽」（「視圖」>「像素預覽」或「 Alt-Ctrl-Y」）以更好地查看像素網格。請注意，我使用的是自定義網格，?網格線每1 px有一個細分。您可以通過轉到「編輯」>「首選項」>「參考線和網格」將Illustrator的版本調整為這些值。
第10步
現在，讓我們在邊欄中添加一些按鈕。使用圓角矩形工具繪製10 x 10像素的形狀，角半徑為1像素。使用相同的過程（以4像素的筆觸翻轉填充），展開形狀，使用第九個正方形對其進行著色，然後將其放置在側邊欄（離其頂部大約16像素）處。創建一個副本並將其放置在距原始形狀約8像素的位置。
第11步
一旦有了按鈕，就該添加另一組柔和的高光和微妙的陰影了。
對於高光，創建兩個152 x 2 px的矩形，使用第二個正方形為它們著色，並按如下所示放置它們。
第12步
通過右鍵單擊對象並使用「排列」>「發送回」功能，確保第二個突出顯示位於側邊欄定界符下方。
第13步
在包含介面本身的框架下，我們只需要添加一個重點。與我們創建的前兩個相比，該對象將稍厚一點，其寬度為168像素，高度為4像素，並且由於使用第一個正方形的顏色，因此陰影也更亮。
第14步
對於陰影，（M）創建一個18 x 2 px的矩形，並使用第六個正方形對其進行著色，然後將其精確定位在側邊欄水平定界符的底部。
如您所見，我們的插圖幾乎完成了，現在我們需要添加的只是帶有四個錨點的中心圓。
6. 添加圓
第1步
使用橢圓工具（L）創建一個100 x 100像素的圓，將其放置在界面右下角的空白矩形的中心，並確保使用9號正方形對其進行著色。
第2步
同樣，我們必須重複相同的過程，以筆劃（Shift-X）反轉填充，並將最後一個的權重更改為8 px。
第3步
現在，為了創建圓的圖示方形錨點，我們需要繪製一個14 x 14 px的形狀，使用第三個方形著色其填充，但#474040為其筆觸輸入一個手動十六進位值（「第九個方形」 ）。您可能想知道為什麼我們同時需要這些元素的填充和筆觸。好吧，答案是掩蓋圓圈的某些部分，這樣我們就不必刪掉它。
第4步
創建第一個錨點後，只需對其進行複製，直到共有三個副本，然後將其他兩個副本放置在左側和右側，以使它們與圓的寬度對齊。
第5步
對於具有兩個手柄的底部錨點，我們首先需要複製剛創建的頂部對象，向下移動它，確保將填充與其筆觸交換，最後完全刪除該筆觸。
第6步
接下來，創建一個90 x 6 px的矩形，並將其垂直和水平居中對齊底部正方形。使用橢圓工具（L）?，?創建一組兩個的12×12像素的對象，並且每一個在我們剛剛創建的桿的端部進行定位。
第7步
一旦創建了帶有兩個手柄的底部錨點，我們需要添加到插圖中的唯一內容就是輕微的反射。為此，請抓住矩形工具（M）並創建一個160 x 24像素的形狀。使用第一個正方形對它進行著色，然後使用「變換」功能將其旋轉30度?（右鍵單擊>「變換」>「旋轉」）。
第8步
旋轉對象後，將其「不透明度」降低到大約50％，並將其「混合模式」更改為「柔光」。
第9步
要放置反射，請使用「變換」面板輸入以下坐標：
X：444像素
Y：286像素
第10步
如您所見，反射實際上超出了圖章，因此這意味著我們需要創建一個裁剪蒙版以僅顯示其中的特定部分。為此，只需複製界面的背景（Ctrl-C），將其粘貼在頂部（Ctrl-F）上，並同時選擇它和我們的反射，?右鍵單擊>創建剪貼蒙版。
至此就完成啦！
