創建一個新文件
首先創建一個新文檔（文件>新建或Control-N），我們將使用以下設置進行調整：
畫板數量：1
寬度：800像素
高度：600像素
單位：像素
在“高級”標籤中：
色彩模式：RGB
柵格效果：屏幕（72 ppi）
將新對象與像素網格對齊：已選中
使用Pixel Perfect Workflow創建圖標，不熟悉的話可以花一點時間閱讀此教程
溫馨提示：可以通過將“配置文件”設置爲“Web”來自動觸發其中的大多數設置，唯一的設置不是文檔畫板的“寬度”和“高度”
對於每個新項目，我喜歡將自己的資產劃分到不同的層，因爲通過這種方式，我可以一次專注於一個項目來簡化工作流程，從而使我可以隨時跟蹤每個形狀
因此，打開“圖層”面板，然後創建四個圖層，我們將其命名如下
第1層>參考網格
第2層>南瓜頭
第3層>墓碑
第4層>頭骨
創建我們的參考網格
進行分層後，就可以開始創建參考網格，可以幫助我們創建圖標
第1步
抓住矩形工具（M），創建一個128×128像素的正方形，使用**＃F15A24**對其進行着色，然後使用“對齊”面板的“水平和垂直對齊中心”選項將其朝着Artboard的中心放置
第2步
創建另一個較小的120×120像素正方形，它將用作活動繪圖區域，從而爲我們提供了一個4像素的全邊框，使用白色
（#FFFFFF）爲形狀上色，然後將正方形分組（Control-G），並再創建兩個副本，一個副本在左側，另一個副本在右側，使它們與原始像素相距40px
創建和定位參考網格後，您可以鎖定它們的圖層，然後繼續前進到下一個網格，在此我們將開始處理第一個圖標
創建南瓜頭圖標
假設您已經選擇了第二層，並鎖定了所有其他層，請放大其參考網格，以便可以更好地查看要創建的內容
第1步
抓住圓角矩形工具，使用112×94 px形狀和44 px角半徑創建南瓜的身體，使用**＃EF874D**對其進行着色，然後將其與活動繪圖區域的頂部邊緣精確地定位22px
第2步
通過選擇輪廓，然後轉到“對象”>“路徑”>“偏移路徑”，爲該輪廓指定輪廓，在“偏移值”字段中輸入4px，單
擊“確定”後，Illustrator將創建所選形狀的較大副本，我們需要通過將其顏色更改爲＃443937進行調整
第3步
放置好輪廓後，通過創建橙色形狀的副本（控件+ C>控件+ F），爲形狀提供全方位的環形突出顯示，從中減去108×90px的圓角矩形（以白色突出顯示） 使用探路者的負前形狀模式，具有42px的角半徑
第4步
使用白色（#FFFFFF）爲所得形狀着色，然後通過將其混合模式設置爲柔光來調整其透明度，同時將其不透明度降低到60％
第5步
創建92×110像素的橢圓（＃443937）作爲第一組彎曲的脊，我們將其定位於南瓜身體的中心，然後從中切出一個較小的
84×102像素來進行調整
第6步
按照完全相同的過程創建較小的山脊，僅這次使用稍窄的56×110 px橢圓（＃443937），從中我們將切出較小的48×102px
第7步
首先將它們分組（Ctrl + G），然後右鍵單擊然後選擇“製作剪貼蒙版”，將底層橙色形狀的副本用作“剪貼蒙版”，以對剛剛創建的山脊進行蒙版
第8步
通過創建一個84×102像素的橢圓（#FFFFFF），開始將亮光添加到第一組脊線，從中我們將切出一個較小的80×98px的橢圓，通過創建48×102像素的橢圓（#FFFFFF），爲第二組脊添加高光，從中我們將切出44×98像素的橢圓
通過將其混合模式設置爲柔光，將其不透明度降低到**60％**來調整結果形狀，確保掩蓋並將它們放置在山脊自身下面（右鍵單擊>排列>向後發送）
第9步
通過創建96×114px的橢圓來添加第一組陰影，從中我們將切出較小的92×110px的橢圓，並使用黑色（＃000000）爲所得形狀着色，將其不透明度降低到20％。通過創建60×114 px的橢圓並切出較小的56×110 px的橢圓，添加第二組陰影，並使用完全相同的設置來調整生成的形狀
完成後，只需選擇並遮罩它們，以使它們最終不會重疊南瓜的較大亮點
第10步
從左眼開始工作，方法是創建一個16×6 px的矩形，我們將使用＃B75C2E對其進行着色，然後將其放置在距活動繪圖區域的上邊緣46 px其左邊緣起32 px處
第11步
調整我們剛剛創建的形狀，方法是使用“添加錨點工具”（+）在距其上邊緣2 px處添加兩個新的側面錨點，然後使用分別選擇並向內推其底部的4 px方向箭頭鍵或移動工具（選擇錨點>右鍵單擊>變換>移動>，然後在“水平值”字段中輸入+4或-4）
完成調整後，請使用“偏移路徑”方法爲生成的形狀提供4像素的輪廓（＃443937）
第12步
在眼睛的填充形狀（橙色）的頂部邊緣添加一個16×2 px矩形（＃000000），然後通過將其不透明度降低到20％選擇並分組（Control + G），將其變成微妙的陰影 其組成形狀之後
第13步
抓住南瓜的右眼，方法是抓取剛剛創建的南瓜的副本（Control + C> Control + F），然後將其放置在右側，與左側相距16像素
第14步
兩隻眼睛都在適當的位置，通過創建一個8×4 px矩形（＃B75C2E）開始在鼻子上工作，我們將通過將其頂部錨點向內推2 px進行調整，形成一個4像素的輪廓（＃443937）和一個朝向頂部的細微陰影（顏色：黑色；不透明度：20％），分組（Control + G）並將其放置在眼睛之間
第15步
通過繪製一個64×22像素的矩形（＃B75C2E），創建南瓜嘴的主要形狀，我們將其放置在鼻子下方，與鼻子之間的距離爲8像素
第16步
使用添加錨點工具（+）在距形狀頂部邊緣4px處添加兩個新的側面錨點，並在8px處添加另外兩個錨點，調整形狀，方法是將頂部錨點向內推2px，然後將底部錨點推8px，以使最終形狀的輪廓線厚4px（＃443937）
第17步
在嘴的上邊緣添加一個72×4 px的矩形（＃000000），然後將其不透明度降低到20％，然後使用下面的橙色形狀對其進行遮蓋，從而將其變成微妙的陰影（兩個形狀均已選擇>右鍵單擊）>製作剪貼蒙版）
第18步
通過創建四個高度稍有不同的8像素寬的矩形（＃EF874D），開始爲“牙齒”工作，爲它們提供相同的4像素輪廓（＃
443937），我們將通過縮短其高度來進行調整，以使它們不會與嘴巴的大輪廓
第19步
花一些時間，在口腔和牙齒上添加一些高光（顏色：白色；混合模式：柔光；不透明度：60％）和陰影（顏色：黑色；不透明度：20％），然後選擇並分組（Control-G） ），然後將所有形狀放在一起
第20步
通過在眼睛和鼻子上添加一些細微的高光（顏色：白色；混合模式：柔和的光線；不透明度：60％），完成雕刻南瓜的前部，然後使用Control 選擇並組合所有圖標的組成形狀 G鍵盤快捷鍵
第21步
完成了南瓜臉雕刻後，可以繼續前進至其頂部，並添加小尾巴，首先創建一個10×14像素的矩形（＃7A6663），我們可以通過將其頂部錨點向內推2像素來進行調整，給結果形狀一個4像素的輪廓（＃443937），然後將兩個形狀都放置到活動繪圖區域的頂部邊緣，以使輪廓最終重疊
第22步
使用鋼筆工具（P）繪製一些對角線形狀，使尾部具有一定深度，我們將使用＃605453對其進行着色，設置4 px輪廓線（＃443937），然後使用其下方的形狀對其進行遮罩
第23步
雙擊我們剛剛遮蓋的形狀以隔離它們，然後選擇輪廓並從中創建一個2像素的偏移量（對象>路徑>偏移路徑>在“偏移值”字
段中輸入2像素），我們將其顏色更改爲白色（#FFFFFF），然後將其混合模式設置爲柔光，將其不透明度降低到60％，來突出顯示高光
第24步
在其尾部的右側添加一個2×6 px的垂直矩形（＃443937），然後將所有組成的形狀選擇並分組（按Control + G鍵）
創建墓碑圖標
假設您已經鎖定了上一層，請繼續前進到第三層，然後開始處理第二個圖標
第1步
創建92×8 px矩形並將使用＃7A6663對其進行着色，爲其指定4 px輪廓（＃443937），然後將兩個形狀都放置在基礎活動圖形區域的底部邊緣
第2步
在底座的填充形狀的上邊緣添加一個92×2像素的矩形（#FFFFFF），然後將其“混合模式”設置爲“柔光”，將其不透明度降低到60％，將其變成高光
第3步
創建一個2×6像素矩形（#FFFFFF），然後再創建一個4×6像素（#FFFFFF），一個矩形位於其右側2 px處，然後通過將其“混合模式”設置爲“柔和”將其變爲一對垂直高光，將不透明度降低到60％，分組（按Control + G鍵），然後將兩者放置在底座上，與其輪廓的右邊緣相距20像素
第4步
通過添加兩個8×4 px的圓角矩形（＃443937），在其側面上具有2 px的圓角半徑，使它們與輪廓的外邊緣對齊，以及另一個更寬的76×4 px的矩形與2 px矩形，完成基礎工作 將Radius對準其中心，然後將所有形狀選擇並分組（Ctrl + G）
第5步
通過創建一個帶有4 px粗輪廓（＃443937）的84×4 px矩形（＃685553），添加底座的上部，我們將其放置在底座的頂部，使兩者垂直對齊，使用白色（#FFFFFF）作爲填充顏色，使用柔光作爲混合模式，將其不透明度降低到60％，然後對其所有組成的形狀進行選擇和分組（按Control + G鍵），以使其具有微妙的高光
第6步
通過創建72×80 px的矩形作爲墓碑，使用＃AD9D9C對其進行着色，然後將其放置在剛創建的基礎之上
第7步
使用探路者的減負前形狀模式從其角上刪除兩個16×16像素的圓圈（以紅色突出顯示），以調整形狀
第8步
在結果形狀的頂部添加一個44×24像素的橢圓（＃AD9D9C），確保對其進行放置，使其下半部分完全重疊
第9步
選中兩個形狀後，轉到“對象”>“路徑”>“偏移路徑”，然後在“偏移值”字段中輸入4 px，以使它們具有漂亮的粗輪廓，並使用＃443937爲偏移着色
第10步
使用幾個負偏移添加2像素厚的高光（顏色：白色；混合模式：柔光；不透明度：60％），您需要在石材的主要填充形狀之後切出一組副本
第11步
接下來添加墓碑上的十字，創建一個20×8像素的垂直矩形（＃443937），並在其上添加一個8×36像素的垂直矩形（＃443937），進行分組（Control + G），然後將兩個像素放置在28 px的距離處 從活動圖形區域的上邊緣開始
第12步
創建一個20×6像素的矩形（＃D8A641）和一個4像素的輪廓線（＃443937），添加一點金色銘牌，我們將其定位在底座上方，間距爲4像素，給平板加亮一些（顏色：白色；混合模式：柔光；不透明度：80％），兩個彼此相距2像素的矩形（＃443937），然後使用 Control-G鍵盤快捷鍵
第13步
使用兩個2 px高的矩形（＃443937）添加兩個小裂縫（使用參考圖像來定位它們），確保將它們組合在一起（Ctrl + G），完成後，使用Control + G鍵盤快捷鍵選擇並分組所有圖標的組成形狀
創建頭骨圖標
現在，我們進入第三個圖標，移至第四層，放大其參考網格，進行接下來的圖標設計
第1步
通過在活動繪圖區域的底部添加一個帶有4 px輪廓（＃443937）的72×4 px矩形（＃D8A641），創建支架的下部，並確保將其垂直居中對齊
第2步
使用白色（#FFFFFF）作爲填充顏色，使用柔光作爲混合模式，爲基礎提供一些高光，確保將其不透明度降低到80％
第3步
抓住矩形工具（M），創建一個18×2像素的矩形（＃443937），然後再創建另一個較小的8×2像素的矩形（＃443937），然後將兩者彼此隔開2像素，進行分組（Control + G） 並將它們定位在底座的中央，然後，選擇到目前爲止我們創建的所有形狀，並將其分組（按Control + G）
第4步
向右側添加另一個56×2 px矩形（＃C48E30），爲其賦予相同的4 px粗輪廓（＃443937），並向右側設置一組垂直高光（顏色：白色；混合模式：柔光；不透明度：60％）， 然後對（Control-G）進行分組，並將形狀放置在剛完成添加細節的基礎之上
第5步
通過繪製一個帶有4 px輪廓的4×8 px矩形（＃443937）分組（按Control + G），然後將它們放置在支架上方，來創建保留頭骨的小擴展名
第6步
通過創建一個92×76 px矩形（＃EFD9CE），該矩形將與活動圖形區域的上邊緣相距4 px的距離，並通過設置其頂角的Corner Radius進行調整到“變形面板”中的像素爲42像素，底部像素爲8像素
第7步
通過繪製72×12 px的矩形（＃EFD9CE）並按參考圖像中所示進行調整（通過創建側面切口）來創建頭骨的下部，完成後，同時選擇它和頭骨的上部，並給它們一個漂亮的4 px粗輪廓（＃443937）
第8步
創建幾個寬度不同的4 px高的矩形（＃EFD9CE）來添加牙齒，將其放置在頭骨的下部
第9步
使用白色（#FFFFFF）作爲填充顏色，柔和光線作爲混合模式，不透明度爲90％，爲頭骨提供2 px厚的漂亮環形環狀高光
第10步
向上頜骨的側面添加兩個14×4 px的圓角矩形，其上角半徑爲2 px，並使用＃443937爲其着色
第11步
爲圖標創建副本（Control + C），然後將其粘貼（Control + V）到我們的小頭骨上，從而將它們的鼻子和鼻子定位下半部分
第12步
通過繪製46×42 px矩形（＃AD9D9C）創建金屬板的主要形狀，將其左下角的Corner Radius設置爲24 px進行調整，並將所得形狀朝向頭骨的右上角進行調整角落，使其與輪廓對齊
第13步
選擇我們剛剛創建的形狀，添加一個4像素的輪廓（＃443937），兩個4 x 4像素的圓圈（＃443937）和一個微妙的高光，使用頭骨的一個副本進行分組（按Control + G），然後使用基礎對象作爲剪貼蒙版遮罩形狀（選擇形狀>右鍵單擊>創建剪貼蒙版）
第14步
通過在支架的延伸臂上頭骨下方添加一個細微的4×2 px陰影（顏色：黑色；不透明度：20％）來結束圖標
完成後，使用Control + G鍵盤快捷鍵選擇所有組合形狀並將其分組
萬聖節主題圖標就完成啦，大家也可以根據自己的喜好來設計萬聖節圖標！
