注:此教程为英翻教程,软件操作不娴熟的小伙伴儿,谨慎尝试哦。翻译不足之处或者有错别字,自行脑补一下哦。有看过的小伙伴儿,温故而知新哦。

1.新建文档

文件>新建,打开空白文档,如图设置。

2. 设置参考网格

步骤1

去编辑>首选项>指南和电网,并键入10像素的 网格线间隔场和10中的细分领域。这将在文档中的每个像素处创建一条网格线。

第2步

在“ 查看”菜单下,确保选中“ 显示网格”以使其可见,并确保“ 对齐网格”和“ 对齐点 ”处于选中状态。

第3步

抓住矩形工具(M),绘制一个200 x 182像素的矩形。将其角与网格对齐;然后转到对象>画板>转换为画板。这将在您的文档中定义一个新的小画板,它是我们图标的大小。

3. 创建“钱币符号”购买图标

步骤1

抓住“ 线段工具”(\),在画板上单击,然后 以0度的角度绘制26 px的路径。给它一个14磅的行程,并在“行程”面板中按“ Round Cap”选项以获取圆角。

在路径保持选定状态的同时,转到“ 对齐”面板,并确保 已选择“ 与画板对齐”。现在,按“ 水平左对齐”, 然后按“ 垂直上对齐”。该路径将跳到画板的左上角。

第2步

要将第一条路径放置在画板中需要的位置,请转到“ 对象”>“变换”>“移动”,然后在“ 水平”和“ 垂直”字段中键入7 px。点击确定。

第3步

再次抓住线段工具(\),在画板上单击,然后以108度的角度绘制 134像素的路径。给它一个14磅的行程,然后在“ 行程”面板中选择“ Round Cap”选项。使用直接选择工具(A)抓取它,并将其最高点与第一条路径的终点对齐。

第4步

使用直线段工具(\)来 绘制一条新路 35像素的长度。应用与前两个路径相同的外观。在“ 对齐”面板中,按“垂直对齐顶部”,然后按“水平对齐右”,将其放置在画板的右上角。

当路径保持选定状态时,转到“ 对象”>“变换”>“移动”,然后在“ 水平”字段中键入-7像素,在“ 垂直”字段中键入34像素。点击确定。

第5步

取线段工具(\)再次绘制一个80像素在路径72度角。对其应用相同的外观;然后使用直接选择工具(A)抓取它,并将其最高点与上一条路径的终点对齐。

第6步

用100像素 长绘制下一条路径, 并应用相同的外观。将其右点与上一条路径的终点对齐。

步骤7

现在,选择下面显示的路径,然后选择“ 复制并粘贴在前面”(Ctrl-F) 进行复制。使用键盘上的向左箭头键,将其沿网格线向左移动。

步骤8

是时候创建购物车的轮子了。抓住椭圆工具(L)并绘制一个52 x 52 px的圆圈,然后按“ 对齐”面板中的“ 垂直对齐底部 ” 以确保其停留在画板的底部。对准它上面的路径(可以使用的终点圆心指南线,使这项工作更容易)。

复制 并粘贴在前面(Ctrl-F)这个圆并将其向左移动以获得第二个轮子。

步骤9

保持选择第一个轮子,然后转到“ 对象”>“变换”>“缩放”。键入45%的统一比例场。这将在内部创建一个较小的圆圈。对另一个车轮重复相同的操作。

现在,再次选择第一个轮子及其顶部的小圆圈,然后在“ 路径查找器”面板中按减。这将在车轮内部产生一个孔。对第二个车轮重复相同的操作。

第10步

使用线段工具(\)绘制90像素的路径并应用相同的外观。使用网格将其布置在车轮之间。

步骤11

接下来,使用椭圆工具(L)并绘制一个 84 x 84像素的圆圈。按“ 水平对齐右”,然后按“ 垂直对齐上”,以将此形状放置在画板的右上角。使用网格将其向左移动一格(10个细分)。

步骤12

让我们继续使用美元符号进行图标设计。抓住字体工具(T),并使用72磅大小的Poppins Thin字体在圆圈内写下字母“ S ” 。填充颜色并不重要。另外,给它一个6磅的笔触,并使用相同的颜色在“ 笔触”面板中按“Round Cap”和“ Round Join ” 。这将使字母更粗且末端变圆。

接下来,绘制一条长度约54 px的垂直路径,并将其放置在字母“ S ” 的中心以获得美元符号。给它一个6磅的行程,然后在“ 行程” 面板中按“ Round Cap”选项。

步骤13

使用“ 线段工具(\)”以0度Angle绘制长度为120 px的新路径 。给它一个12磅的行程,将其移动到购物车的中央,然后将其发送到圆圈后面。

步骤14

选择美元符号,然后转到“ 对象”>“展开”两次,以展开文本和应用的笔触。在“ 路径查找器”面板中按Unite将它们合并为一个形状(1)。

现在,选择与圆一起的美元形状,然后 在“ 路径查找器”面板中按减负,将其从圆中减去(2)。

在继续之前和展开路径之前,请制作整个图标的两个副本以备后用。

步骤15

选择组成购物车的所有描边路径,然后转到“ 对象”>“展开”以将其变成填充的形状。在这一点上,我们需要进行一些小的调整。使用直接选择工具(A)仅选择指示的三个点(1),然后通过按键盘上的向右箭头键将它们向右移动,直到看不到美元符号内的蓝色形状(2)。

在美元符号的底部执行相同的操作,并使用“ 添加锚点工具”(+)添加三个额外的点来扭曲蓝色形状。借助直接选择工具(A), 向下移动中间的点,直到看不到美元符号(3)内的蓝色形状。

步骤16

此时,“ 钱币符号 ”购买图标已准备就绪。可以选择所有的形状,然后路径查找器 连接 ,随后对象>复合路径>使(控制-8)合并一切成一个单一的化合物的路径。

此步骤是可选的。您可以将形状分开并用您喜欢的不同颜色填充它们。

4. 创建“加号”购买图标

第二个图标也由一个最小的购物车图标组成,但是我们将稍微改变样式并添加一个加号符号。

步骤1

使用矩形工具(M)绘制一个新的200 x 182 px矩形,然后转到“ 对象”>“画板”>“转换为画板”,以便在文档中定义一个新的画板。现在,获取本教程前面制作的“ Dollar Sign ”购买图标的副本,并将所有形状分组(Control-G)。在“ 对齐”面板中按“ 水平对齐中心”和“ 垂直对齐中心”,以确保图标停留在新的画板中(1)。

使用直接选择工具(A)仅选择指示的点,然后将其向右移动以删除直到圆(2)的空白。接下来,使用钢笔工具(P)并绘制如下图所示的形状以覆盖购物车的底部(3)。

第2步

选择组成图标的所有描边路径,然后转到“ 对象”>“展开”以将其变为填充的形状(1)。现在,选择所有蓝色形状组成图标(不圆),然后 路径查找器 连接,随后对象>复合路径>使(控制-8)将它们合并成一个单一的复合路径(2)。

第3步

现在,专注于圆圈。保持选中状态,然后按“ 水平向右对齐”,然后按“ 垂直对齐顶部”,将圆放置在画板的右上角(1)。除了粉红色填充以外,还应应用8磅笔触,然后按“ 笔触”面板中的“ 将笔触与外部对齐”选项。在顶部添加一个新笔触,然后选择12磅笔触,这一次,在“ 笔触”面板中选择“ 将笔触与内部对齐”选项 。目前,颜色并不重要(2)。

在仍选择圆形的情况下,转到“ 对象”>“扩展外观”, 然后单击“取消分组”(Shift-Ctrl-G),以获取各个环形形状(3)。

第4步

删除粉色圆圈,因为您不需要它。选择较大的环形形状(绿色),转到“ 对象”>“复合路径”>“释放”,您将得到两个绿色圆圈。删除较小的一个,并保留较大的一个(2)。

现在,选择购物车的复合路径以及绿色圆圈,然后在“ 路径查找器”面板中按 减 将其从购物车中减去(3)。

第5步

让我们用加号符号完成图标设计。使用线段工具(\)创建长度为34像素的垂直路径(1)和水平路径(2)的水平路径 。给他们两个12磅的行程,并在“ 行程”面板中选择“ Round Cap”选项 以获取圆角。

当两个路径都保持选中状态时,转到“ 对象”>“展开”以将它们变成填充的形状,然后在“ 路径查找器”面板中按Unite(3)。

第6步

至此,“ 加号 ”购买图标已准备就绪。你可以选择所有构成它并路径查找器 链接,随后对象>复合路径>使(控制-8)以获得单个化合物的路径。

此步骤是可选的。您可以将形状分开并用您喜欢的不同颜色填充它们。

5. 如何创建“箭头符号”购买图标

最后一个图标由相同的最小购物车图标组成,但是我们将制作一个箭头符号以完成设计。

步骤1

使用矩形工具(M)绘制一个新的200 x 182 px矩形,然后转到“ 对象”>“画板”>“转换为画板”,以在文档中定义第三个画板。现在,像以前一样,获取本教程前面制作的第一个购买图标的副本,并将其在新的画板中对齐。

使用直接选择工具(A)仅选择指示的点(1),并将其向右移动,直到与购物车的另一端相遇(2)。现在,您可以像前面两个图标(3)一样展开并创建购物车复合路径。

第2步

使用线段工具(\)以 90度角绘制箭头长度为66 px的路径 。将其排列在画板的顶部,给它12磅的笔触,然后选择“ 圆帽”选项以获取圆角。

使用钢笔工具(P)作为箭头的头部绘制V型形状。给它一个12磅的行程,并在“ 行程”面板(2)中选择“ Round Cap”和“ Round Join”选项。

第3步

将尾部和头部的路径复制 并粘贴回(Ctrl-B),并将“ 笔划宽度”增加到28 pt。出于视觉原因,我更改了笔触颜色(1)。

现在,选择黑色描边的路径,然后转到“ 对象”>“展开”以将其变成填充的形状。在“ 路径查找器”面板中按Unite将它们合并为单个形状(黑色箭头形状)。接下来,展开两个绿色路径并将其合并以获得绿色箭头形状(2)。

选择用绿色箭头形状,然后按沿着图表化合物路径 路径查找器 减 从购物车(3)中减去它。

第4步

至此,“ Arrow Sign ”购买图标已准备就绪。选择所有构成 路径查找器 连接 ,随后对象>复合路径>使(控制-8)以获得单个化合物的路径。

此步骤是可选的。您可以将形状分开并用所需的不同颜色填充它们。

第5步

这是文档中的三个画板 以及我们制作的三个版本。

加个背景就完成啦!

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注