注：此教程为英翻教程，软件操作不娴熟的小伙伴儿，谨慎尝试哦。翻译不足之处或者有错别字，自行脑补一下哦。有看过的小伙伴儿，温故而知新哦。
1.建立新文档 文件 新建（或使用Ctrl-N键盘快捷键）如图设置
2.设置图层 完成文档设置后，我们需要花一些时间并使用几层结构来构建项目，以便可以将图标与参考网格分开。为此，只需打开“ 图层”面板，然后使用“ 创建新图层”按钮创建两个图层，命名如下：
底层：参考网格
顶层：图标
展开全文
3.创建参考网格 一旦完成文档的分层，我们就可以专注于构建参考网格，这将帮助我们定义图标的实际大小，同时允许我们在完成的设计中添加一个小的保护性填充。
第1步
选择底层，然后使用64 x 64 px的正方形创建参考表面（基本尺寸），我们将使用该颜色进行着色#F15A24，然后使用“ 对齐”面板的“ 水平和垂直对齐中心”选项将其放置在基础Artboard 的中心。
第2步
使用较小的56 x 56 px正方形添加活动绘图区域，我们将使用白色（#FFFFFF）进行着色，然后将其居中对齐至较大的下一个，这将导致4 px的填充。
第3步
将两个形状都放置好后，请使用Ctrl-G键盘快捷键选择它们并将它们分组在一起，并确保在继续下一步之前锁定当前层。
4.创建信息图标 现在我们已经完成了项目文件的设置，我们可以开始处理实际的图标了，我们将逐步逐步构建一个形状。
第1步
抓住椭圆工具（L），并使用56 x 56 px的圆圈创建背景，我们将使用该圆圈进行着色#FF8A3B，然后将其与下一个Artboard居中对齐。
第2步
使用28 x 20 px的圆角矩形和4 px的圆角半径为聊天符号添加主要形状，我们将使用白色（#FFFFFF）对其进行着色，然后将其与活动绘图区域的左边缘相距12 px且距其16 px从头开始。
第3步
创建一个较小的8 x 8 px的正方形（#FFFFFF），我们将其放置在圆角矩形的下方，以使它们的路径重叠，如参考图像所示。
第4步
通过选择“ 删除锚点工具”（-）来调整我们刚刚创建的形状，然后只需单击其右下角的锚点即可将其删除。
第5步
首先将聊天符号的两个组成形状都选中，然后使用路径查找器的 “ 连接模式 ” ，将它们组合成一个较大的形状。
第6步
首先使用Shift-X 键盘快捷键翻转“ 填充有描边 ” ，然后将“ 描边” 面板打开，并将其“权重”设置为4 px，将“ 角”设置为“ 圆角连接 ”，将生成的形状变成轮廓。
第7步
接下来，我们将通过使用40 x 20 px矩形创建切口来开始使用铅笔。使用为其着色#FF8A3B，然后使用添加锚点工具（+）将新的锚点添加到其底部边缘的中心。
第8步
使用直接选择工具（A）选择形状的底部锚点，然后使用方向箭头键或“ 移动” 工具将它们按顶部5 px推入顶部（右键单击>“变换”>“移动”>“垂直”> -5 px）。
第9步
使用45°角顺时针旋转生成的形状（右键单击>“变换”>“旋转” --45°），然后将其放置在聊天符号的右上角，如参考图像所示。
第10步
通过使用“ 描边”方法为轮廓指定轮廓来调整切口的大小。为此，只需创建一个副本（Ctrl-C> Ctrl-F），然后我们将其笔触的权重 从4 px增加到10 px进行调整。完成后，请确保使用Ctrl-G 键盘快捷键选择两个形状并将它们分组在一起。
第11步
通过使用刚刚分组的形状的副本（Ctrl-C）添加铅笔，完成图标和项目本身，我们将其粘贴在前面（Ctrl-F），然后通过设置进行调整它们的颜色变为白色（#FFFFFF）。完成后，请确保在最终点击该保存按钮之前，选择并分组（Ctrl-G）所有图标的组成形状。推荐：AI从入门到精通(视频教程)
至此就完成啦！
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权【久伴学 9banxue.com】发表，未经许可，不得转载。