创建一个新文件
首先创建一个新文档（文件>新建或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键盘快捷键选择所有组合形状并将其分组
万圣节主题图标就完成啦，大家也可以根据自己的喜好来设计万圣节图标！
