创建一个新文件
首先创建一个新文档(文件>新建或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