AI教程/MEB食物圖標
圖/文 Aueer
1.新建項目文件
（文件>新建或控制-N）：
畫板數量：1
寬度：1000像素
身高：600 px
單位：像素
然後從高級選項卡：
顏色模式：RGB
柵格效果：屏幕（72ppi）
預覽模式：默認
2.自定義網格
由於我們將使用像素完美的工作流程來創建圖標，因此我們需要設置一個漂亮的小網格，以便我們可以完全控制圖形。
步驟1
轉到編輯>首選項>指南和網格子菜單，然後調整以下設置：
網格線：1 px
細分：1
第2步
一旦我們建立了我們的定製網格，為了確保我們的形狀看起來很清晰，我們所需要做的就是啟用「查看」菜單下的「對齊網格」和「對齊到像素」選項，每次都將轉換為「對齊到像素」您進入像素預覽模式（如果您使用的是舊版本的軟體）。
3.設置圖層
在創建新文檔的情況下，使用幾個圖層來構建項目將是一個不錯的主意，因為通過這種方式，我們可以一次關注一個圖標，從而保持穩定的工作流程。
這就是說，調出圖層面板，並共創建六層，我們將重新命名如下：
第1層：參考網格
第2層：水果
第3層：奶製品
第4層：蔬菜
第5層：穀物
第6層：肉和蛋
4.創建參考網格
該基準網格（或基礎網格）是一組精確的界定參考面，這讓我們專註於規模性和一致性，以建立我們的圖標。
通常，網格的大小決定了實際圖標的大小，並且它們應該始終是您開始新項目時作出的第一個決定，因為您始終希望從最小的可能大小開始並在此基礎上進行構建。
現在，在我們的例子中，我們將只使用一個尺寸創建圖標包，更確切地說是128 x 128像素，這是一個相當大的尺寸。
步驟1
首先鎖定除「參考網格」圖層以外的所有圖層，然後抓住矩形工具（M）並創建一個128 x 128像素的橙色（）方形，這將有助於定義圖標的整體大小。
第2步
添加一個更小的120 x 120 pxone（），我們將放置在上一個形狀的頂部，因為它將作為我們的活動繪圖區域，從而為我們提供全面的4 px填充。
第3步
使用Control-G鍵盤快捷鍵選擇並將這兩個方塊分組在一起，之後將它們對準底層的Artboard。使用四個副本（Control-C> Control-F）創建剩餘的網格，每個副本之間有40 px的間隔，然後在移到下一節之前鎖定當前層。
5.水果圖標
假設你已經成功地創建了小參考網格，繼續下一層（這將是第二層），並且讓我們通過創建第一個食物組來開始項目。
步驟1
通過創建一個120 x 112像素橢圓，開始在瓜的側面部分上工作，我們將使用該顏色，然後使用直接選擇工具（A）選擇其左側錨點進行調整，然後通過按刪除將其刪除。中心將生成的形狀與底層的有效繪圖區域對齊，將其定位在與其右邊緣相距12 px的位置。
第2步
使用一個120 x 22 px橢圓和一個4 px厚的Stroke（）來添加內部水平條紋對，我們將中心對齊到之前創建的形狀的右邊緣。
第3步
用一個稍微高一些的120 x 54 px橢圓和一個4 px厚的Stroke（）創建中間條紋，我們將像前一個那樣對準甜瓜的側面部分。
步驟4
使用一個120 x 82像素的橢圓和一個4像素厚的Stroke（），添加面朝外的條紋，確保使用Control-G鍵盤快捷鍵選擇和分組所有瓜子的條紋。
第5步
由於我們希望條紋保留在瓜的側面部分的表面，我們必須使用綠色形狀的副本（Control-C）來掩蓋它們，我們將在前面粘貼（Control-F）然後選中副本和省略號，右鍵單擊>製作剪貼蒙版。
第6步
給側部使用的輪廓筆劃的方法，通過創建它（拷貝控制-C），我們將在前面（粘貼控制-F），然後通過第一改變其顏色來調節，然後翻轉其填充其筆畫（Shift-X）。將生成的輪廓的「重量」設置為8像素，並將其「角」設置為「圓整聯接」，然後使用Control-G鍵盤快捷鍵選擇並將所有當前部分的組合形狀組合在一起。
第7步
使用一個72 x 112 px橢圓（）和一個8 px粗的輪廓（）創建其外部主體，然後將其組合（Control-G），然後將其定位到活動繪圖區域上，中心與側面部分的左邊緣重疊。
第8步
添加甜瓜的內部身體，使用48 x 88像素橢圓（）和8像素厚的輪廓（），我們將組（Control-G），然後居中對齊到以前創建的形狀。
第9步
花點時間，使用一些4 x 6 px橢圓（）添加水果的種子 ，我們將按照您在參考圖像中看到的方式定位。一旦你擁有了所有的種子，選擇並將它們分組（Control-G）在一起，對甜瓜的前部進行同樣的處理。
第10步
使用10 x 10像素圈加一個4 px厚的筆畫（）和一個圓形筆帽（我們將通過刪除其上半部分來調整）來完成甜瓜的添加 。將生成的形狀定位到活動繪圖區域的右邊緣，距離其底部58px處，確保選擇並分組（Control-G）所有水果的構圖形狀。
第11步
通過使用32 x 32像素圓（）和8像素粗輪廓（）創建其主體，我們將對其進行分組（Control-G），然後將其放置在活動繪圖區域的左下角。
第12步
通過添加我們將使用20 x 20 px正方形（）創建的小葉子，將其左上角和右下角的半徑設置為20 px從「變換」面板的「矩形屬性」中。使用圓形連接將最終的形狀繪製為8 px厚的輪廓（），將組合（Control-G）並將兩個形狀放置在橙色頂部，距離活動繪製區域的左邊緣16 px。完成後，選擇並分組（Control-G）所有圖標的組成部分合在一起，然後再轉到下一個部分。
6.乳製品圖標
假設你已經完成了第一個圖標的工作，鎖定它的圖層，然後繼續下一個圖標（這將是第三個圖標），我們將開始研究第二個食物組。
步驟1
通過使用44 x 80 px長方形創建下部主體的前部，然後將其用於距離活動繪圖區域的左邊緣40 px處，然後放置在距離活動繪圖區域左邊緣4 px處它的底部。
第2步
使用24 x 80 px矩形（）添加紙箱的側面部分，我們將在前面創建的形狀的右側進行定位。
第3步
花一些時間，使用筆工具（P）繪製紙盒的漩渦，將填充顏色設置為，完成後繼續下一步。
步驟4
使用Stroke方法 為漩渦提供8 px厚的輪廓（），選擇並將它們分組（Control-G）。確保創建它們的副本（Control-C），我們將在前面粘貼（Control-F）。
第5步
選擇並屏蔽各使用底層部分的副本兩個漩渦的剪切蒙版（右鍵單擊>製作剪貼蒙版），確保改變側部分的填充形狀的顏色。
第6步
使用圓形連接為兩部分分配8像素厚的輪廓（），使用Control-G鍵盤快捷鍵分別選擇每個組合形狀並將它們分組在一起。
第7步
使用一個16 x 16像素的圓（）創建前面部分的下拉菜單，我們將居中對齊到較大的矩形，並將其放置在與底部邊緣相距26 px的位置。
第8步
首先使用定位點工具（Shift-C）選擇並捏住其頂部定位點，然後使用移動工具（右擊>變換>移動>垂直> 8像素）將其頂部按8像素頂部，以 調整圓形的形狀。。完成後，在繼續下一步之前，選擇並分組（Control-G）前部分的所有組成形狀。
第9步
通過創建兩個12 x 2 px矩形（），將垂直堆疊2 px的矩形添加到紙箱的一側，從而將其放置在與漩渦底部邊緣相距8像素的位置。
第10步
使用12 x 12 px正方形（）添加較大的形狀，我們將 在底部條的下方放置2 px。選擇並將（Control-G）所有三個矩形組合在一起，然後對邊部分的構圖形狀進行相同操作。
第11步
通過使用24 x 20 px矩形（）創建其側面部分的主要形狀，開始處理紙箱的上部主體，我們將在剛剛分組的形狀上定位它。
第12步
通過使用添加錨點工具（+）在其頂部邊緣的中心添加新錨點，然後使用刪除錨點工具（ - ）刪除其邊緣點，調整剛剛創建的形狀。
步驟13
使用圓形連接為生成的形狀提供8像素厚的輪廓（），使用Control-G鍵盤快捷鍵將它們選擇並組合在一起。
第14步
使用44 x 20 px矩形（）添加上半身的前部，我們將在參考圖像中看到它的位置。
第15步
通過使用直接選擇工具（A）選擇其頂部錨點，然後使用移動工具（右擊>變換>移動>水平> 12像素）將它們向右推動12 px，調整剛創建的形狀。。
步驟16
給出生成的形狀為8 px厚的輪廓（），在進入下一步之前選擇並將兩者分組（Control-G）。
步驟17
使用帶有8 px厚輪廓（）的44 x 12 px矩形（）創建牛奶盒的摺疊頂部部分（），我們將對其進行分組（Control-G），然後如參考圖所示進行定位。
步驟18
通過在先前創建的部分上邊緣的中心添加一個16 x 6 px（）的矩形插入物，選擇並將它們分組（Control-G）在一起，然後對整個紙箱做同樣的處理。
步驟19
通過使用一個20 x 34 px的矩形（）以及一個8 px的右角半徑和一個8 px粗的輪廓（）創建它的側面部分，我們將組合（Control-G），然後對齊到牛奶盒的左下角。
步驟20
使用一個36 x 34 px長方形（）和一個8 px右側圓角半徑添加前部，我們將在距離當前繪圖區域左邊緣12點的位置放置該矩形。
步驟21
通過創建一個12 x 12像素圓圈（用紅色突出顯示）來調整形狀，我們將在前部的左邊緣上定位，距離其底部10像素。一旦你的形狀就位，只需選擇它和較大的部分，並使用探路者的減號正面形狀模式來創建切口。
步驟22
通過給出形狀為8 px厚的輪廓（），然後是兩個圓形插入（8 x 8 px;4 x 4 px-），完成乳酪三角形並帶有圖標本身。完成後，選擇並將（Control-G）所有乳酪的組成部分組合在一起，然後對整個圖標進行相同操作。
7.蔬菜圖標
假設你已經完成了第二個圖標的鎖定，然後繼續下一個圖標（這將是第四個圖標），我們將開始第三個食物組的工作。
步驟1
由於洋蔥的形狀和大小與甜瓜非常相似，我們將快速解鎖水果圖標的圖層並創建甜瓜的副本（Control-C），我們將把它粘貼到（Control-F）上將其對齊到活動繪圖區域的右邊緣。
第2步
取消組合我們剛剛創建的副本（右鍵單擊>取消組合），然後花幾分鐘時間去除參考圖像中看到的種子和干。
第3步
通過改變側面部分的填充形狀的顏色，將其前部的外部體改為，並將其內部改為，以調整其餘形狀。
步驟4
使用一個24 x 64 px橢圓（）和一個8 px粗的輪廓（）將其他圖層添加到洋蔥的前部分，我們將組合（Control-G），然後居中對齊到較大的底層部分。
第5步
創建另一個較小的8 x 24像素橢圓，我們將使用該顏色，然後居中對齊到之前創建的部分。一旦形成適當的形狀，在進入下一步之前，選擇並分組（Control-G）所有前段的組合形狀。
第6步
使用三個8像素厚的筆畫線（）和圓形筆帽繪製其根部，然後將其放置在側面部分的右側，如參考圖所示。花點時間，一旦完成，選擇並分組（Control-G）所有蔬菜的組成部分，然後再進入下一步。
第7步
通過使用32 x 32像素圓（）創建主體，開始製作小胡蘿蔔，我們將在活動繪圖區域的左邊緣和底邊距4個像素的位置放置它。
第8步
使用直接選擇工具（A）選擇其頂部錨點，然後使用移動工具將其頂部按24像素（右鍵單擊>變換>移動>垂直> -24像素）。
第9步
使用Stroke方法 為產生的形狀提供8 px厚的輪廓，確保將其顏色設置為。
第10步
完成胡蘿蔔，並與它本身的圖標，通過添加一個4 px高圓角矩形（）與2 px圓角半徑的小水平細節線。一旦你有了線路，選擇並將它們組合（Control-G）在一起，然後對胡蘿蔔和整個圖標進行相同的操作。
8.穀物圖標
確保你已經鎖定了上一層，然後繼續下一個（這將是第五個），我們將創建第四個食物組。
步驟1
開始在穀物盒上創建前部，使用一個56 x 92像素的矩形（）和一個8像素厚的輪廓（）以及一個圓形加入，我們將對其進行分組（Control-G），然後對齊到活動繪圖區域底部邊緣，將其定位在距離其左邊28像素的位置。
第2步
使用四個12 x 12 px正方形（）添加紋理符號的底部種子，我們將在參考圖像中看到它們的位置。
第3步
通過在「變形」面板的「矩形屬性」中將左下角和右上角的半徑設置為12像素，調整左側矩形的形狀。
步驟4
對右側方塊重複相同的過程，只有這次 使用相同的12 px值調整左上角和右下角的半徑。
第5步
使用6 x 12 px橢圓（）添加頂部種子，我們將在距離底部邊緣8像素距離處放置在我們剛調整過的頂部兩個形狀之間。
第6步
通過使用錨點工具（Shift-C）捏住頂部和底部錨點來調整我們剛剛創建的橢圓的形狀，使它們變得尖銳。完成後，選擇並將（Control-G）所有種子分組在一起，對盒子的前部分做同樣的處理。
第7步
使用帶有8 px粗輪廓（）的24 x 52 px矩形（）創建箱子側面部分的下半部分，我們將對其進行分組（Control-G），然後將其放在較大前部的右側。
第8步
使用24 x 40 px長方形（）和8 px厚輪廓（）添加側面部分的上半身，我們將組合（Control-G），然後放置在先前創建的形狀的頂部。
第9步
就像我們用牛奶盒做的那樣，花幾分鐘時間，用12 x 12 px正方形（）上方的兩個12 x 2 px矩形（）垂直堆疊2 px添加小營養棒。Group（Control-G），然後將所有三種形狀中心對齊到較大的底層部分，將它們放置在離底邊8 px的距離處。完成後，在繼續下一步之前，選擇並分組（Control-G）所有邊區段的組成形狀。
第10步
使用56 x 20 px矩形（）創建框的前摺疊部分，我們將通過選擇並將其底部錨點向左推12像素（右鍵單擊>變換>水平> -12像素）進行調整。使用圓形連接為結果形狀提供8像素厚的輪廓（），將其分組（Control-G），並將兩者放置在較大的前面部分的頂部。
第11步
使用上一步中的副本（Control-C> Control-F）創建頂部摺疊部分，我們將首先水平反射（右鍵單擊>變換>反射>水平），然後將其放置在框頂部，確保將其填充顏色更改為。花點時間，一旦完成，在進入下一步之前，選擇並分組（Control-G）所有盒子的組成部分。
第12步
開始使用一個56 x 20 px矩形（）創建其下半身，使用一個20像素底角radius和一個8像素厚輪廓（），我們將組合（Control-G），然後對齊到主動繪圖區域的底邊，將它們定位在距離其左邊8像素處。
步驟13
使用帶有8 px厚輪廓（）的64 x 12 px矩形（）添加碗的上半身，我們將組合（Control-G），然後放置在先前創建的形狀的頂部。
第14步
如圖所示，通過使用對角線8 px厚的筆劃線（）（我們將位於對象的左側）繪製勺子的手柄，結束碗和圖標本身，如參考圖所示。一旦完成後，不要忘記選擇並將（Control-G）所有碗的組合形狀組合在一起，然後對整個圖標進行相同操作。
9.蛋白質圖標
我們現在到我們的第五個也是最後一個食品小組，這可能是最容易創建的食品小組，因此請確保您位於正確的層（即第六個小組），並讓我們完成這一步！
步驟1
使用第一個圖標的瓜的副本（Control-C）創建火腿，我們將粘貼（Control-F）到當前圖層上，確保將其與空的活動繪圖區的右邊緣對齊。
第2步
正如我們對洋蔥所做的那樣，取消組合我們剛剛創建的副本（右鍵單擊>取消組合），然後花幾分鐘時間去除參考圖像中看到的種子和莖幹。
第3步
通過將前部分的外部主體的顏色和其內部主體的顏色更改為，來調整剩餘的形狀。
步驟4
通過雙擊它們的組來分離側面部分的水平環，然後使用一個92 x 132 px橢圓和一個4 px厚的Stroke（）來添加一個垂直環，我們將居中對齊到活動繪圖區域的左邊緣。完成後，只需按Escape即可退出隔離模式。
第5步
移回到前面部分，使用一個12 x 20 px橢圓（）和一個8 px粗的輪廓（）（我們將組合（Control-G），然後居中對齊到其內部主體）添加小骨片。
第6步
使用一個16 x 10 px橢圓（）添加小尾巴部分來完成火腿，我們將中心對齊到活動繪圖區域的右邊緣，確保選擇和分組（Control-G）的所有組成部分繼續下一步。
第7步
使用32 x 24像素橢圓（）和8像素粗輪廓（）創建第一個雞蛋（），我們將組合（Control-G），然後放置在活動繪圖區域的左下角。
第8步
使用帶有8 px粗輪廓（）的24 x 32 px橢圓（）添加第二個雞蛋（我們將分組（Control-G）），然後將其放在以前創建的形狀，與活動繪圖區域的左邊緣距離為20 px。
慢慢來，一旦完成，在保存項目之前，選擇並組合（Control-G）所有當前圖標的組成部分。
完成！
※1800G資源之創意靈感素材第31季
※版式設計中的文字編排技巧！錯落有致
TAG:設計智造 |