AI软件技巧，设计师专属邮票

注：此教程为英翻教程，软件操作不娴熟的小伙伴儿，谨慎尝试哦。翻译不足之处，自行脑补哦。

1.建立文档

创建一个新文档 如图设置

2.分层文档

即使我们的插图非常简单，我们仍将对其进行分层，以便我们可以继续前进，而不必担心意外移动零件。

因此，转到“图层”面板并创建三个图层，并将它们命名如下：

3.创建调色板

第1步

首先，请确保您位于背景图层上，然后使用矩形工具（M）创建一个小方块，然后使用为其着色#E8E3E3。通过选择表格来复制表格，然后在按住Alt的同时向右拖动。使用上色重复项#474040。

第2步

一旦出现“混合选项”弹出窗口，请确保将间距更改为“指定步骤”，并将右侧的值修改为7。

第3步

因为我们将使用吸管工具（I）将颜色直接应用于对象（而不是输入十六进制值），所以我们需要从左到右对正方形进行编号，以便我们知道要使用的值。

4. 创建图章形状

第1步

现在我们有了颜色，是时候开始使用它们了。我们需要创建的第一件事是保持我们的设计的背景。使用矩形工具（M） ， 创建一个800×600像素使用从平方数5的值的形状和颜色的。

为此，只需抓住吸管工具（I）单击颜色，然后按住Alt 并单击背景以对其应用色相即可。

接下来，我们需要确保背景与Artboard垂直和水平对齐。这是“对齐”面板 提供帮助的地方。选中对象后，使用“水平对齐中心”和“垂直对齐中心”功能将其定位在中间。

第2步

就像我一开始所说的那样，整个艺术品将使用基本形状来构建。要创建图章，我们将需要一个矩形，几个圆，并且就是这样。

首先，抓住矩形工具（M）并创建230 x 280 px的形状，我们将使用第二个正方形进行着色。与背景一样，使用“对齐”面板将其垂直和水平居中。

第3步

接下来，我们需要选择椭圆工具（L）并创建30 x 30像素的形状。因为我们在图章的每一侧都有多个切口（顶部和底部分别有四个切口，左侧和右侧分别有五个切口），所以我们必须复制初始圆并以20 px的距离将对象彼此隔开，确保每一侧邮票的基本形状正好穿过圆心。

您现在应该有这样的内容。

第4步

接下来，我们需要添加较粗的轮廓，以使插图具有一定的权重。只需复制先前创建的形状（Ctrl-C> Ctrl-F），然后使用“偏移路径”功能（“效果”>“路径”>“偏移路径”）。

第5步

出现弹出框后，请如下更改值：

第6步

产生偏移后，立即展开表格（“对象”>“展开”），将其颜色更改为第九个正方形的值，然后确保使用“排列”功能将其放置在较浅的形状下（“排列”>“发送至”） 。

此时，我们的插图应如下所示。

第7步

接下来，让我们在图章的顶部添加一些柔和的高光。复制灰色对象（Ctrl-C），并将其粘贴到位（Ctrl-F）。因为我们需要从其副本中减去一个对象，所以我们需要确保创建两个副本。有了它们后，只需将顶部的像素向下移动约4像素，将其和下方的像素都选中，然后使用探路者的减负前端功能。

第8步

使用第一个平方的值为所得的对象组着色。

5. 添加条和按钮

第1步

布置好邮票的基本形状后，我们现在将重点放在创建中心件即界面上。确保已锁定前两层，然后使用矩形工具（M）创建一个160 x 210 px的对象，并使用“对齐”面板将其垂直和水平对齐到Artboard。使用第3个平方的值更改其颜色。

第2步

接下来，复制先前创建的对象，将其颜色更改为第9号正方形的值，然后以其笔触（Shift-X）翻转其填充。将“笔划 粗细”调整为8 px的较粗值，然后确保扩大形状（“对象”>“扩大”）。

第3步

现在我们有了界面的背景和轮廓，可以从图章的其余部分开始将其框起来，我们需要创建顶部栏和左侧边栏。

使用我们现在最受欢迎的矩形工具（M），创建一个152 x 22 px的对象，并将其放置在框架顶部的正下方。

第4步

对于侧边栏，首先创建一个18 x 180 px的矩形，然后将其与先前创建的形状左对齐，确保两个都指向顶部。然后，创建另一个较小的18 x 92 px矩形，使用第5个正方形的值对其进行着色，然后将其底部和左侧与较大的形状对齐。

第5步

现在，我们需要在界面的两个部分添加一些分隔符。为此，我们将首先创建一个152 x 4 px的形状，使用第九个正方形对其进行着色，然后将其放置在顶部栏的底部下方。

第6步

对于侧边栏，我们需要使用与以前相同的颜色创建一个4 x 177px的对象，并确保将其放置在左侧界面面板的右下角。

第7步

如您所见，我们仅需要一个水平分隔符，因此使用矩形工具（M）创建一个较小的18 x 4 px的段，我们需要将其放置在左侧边栏较暗的底部上方。

第8步

分离了界面的两个部分后，我们需要添加右上角的按钮。使用椭圆工具创建一个10 x 10像素的圆圈，用笔触翻转其填充，然后将粗细更改为4像素。

第9步

展开，然后复制按钮，以便最后得到三个。接下来，将它们彼此水平对齐2像素，确保将它们放置在顶部栏上，距右侧约6像素。

快速提示：您可以使用“像素预览”（“视图”>“像素预览”或“ Alt-Ctrl-Y”）以更好地查看像素网格。请注意，我使用的是自定义网格， 网格线每1 px有一个细分。您可以通过转到“编辑”>“首选项”>“参考线和网格”将Illustrator的版本调整为这些值。

第10步

现在，让我们在边栏中添加一些按钮。使用圆角矩形工具绘制10 x 10像素的形状，角半径为1像素。使用相同的过程（以4像素的笔触翻转填充），展开形状，使用第九个正方形对其进行着色，然后将其放置在侧边栏（离其顶部大约16像素）处。创建一个副本并将其放置在距原始形状约8像素的位置。

第11步

一旦有了按钮，就该添加另一组柔和的高光和微妙的阴影了。

对于高光，创建两个152 x 2 px的矩形，使用第二个正方形为它们着色，并按如下所示放置它们。

第12步

通过右键单击对象并使用“排列”>“发送回”功能，确保第二个突出显示位于侧边栏定界符下方。

第13步

在包含接口本身的框架下，我们只需要添加一个重点。与我们创建的前两个相比，该对象将稍厚一点，其宽度为168像素，高度为4像素，并且由于使用第一个正方形的颜色，因此阴影也更亮。

第14步

对于阴影，（M）创建一个18 x 2 px的矩形，并使用第六个正方形对其进行着色，然后将其精确定位在侧边栏水平定界符的底部。

如您所见，我们的插图几乎完成了，现在我们需要添加的只是带有四个锚点的中心圆。

6. 添加圆

第1步

使用椭圆工具（L）创建一个100 x 100像素的圆，将其放置在界面右下角的空白矩形的中心，并确保使用9号正方形对其进行着色。

第2步

同样，我们必须重复相同的过程，以笔划（Shift-X）反转填充，并将最后一个的权重更改为8 px。

第3步

现在，为了创建圆的图示方形锚点，我们需要绘制一个14 x 14 px的形状，使用第三个方形着色其填充，但#474040为其笔触输入一个手动十六进制值（“第九个方形” ）。您可能想知道为什么我们同时需要这些元素的填充和笔触。好吧，答案是掩盖圆圈的某些部分，这样我们就不必删掉它。

第4步

创建第一个锚点后，只需对其进行复制，直到共有三个副本，然后将其他两个副本放置在左侧和右侧，以使它们与圆的宽度对齐。

第5步

对于具有两个手柄的底部锚点，我们首先需要复制刚创建的顶部对象，向下移动它，确保将填充与其笔触交换，最后完全删除该笔触。

第6步

接下来，创建一个90 x 6 px的矩形，并将其垂直和水平居中对齐底部正方形。使用椭圆工具（L） ， 创建一组两个的12×12像素的对象，并且每一个在我们刚刚创建的杆的端部进行定位。

第7步

一旦创建了带有两个手柄的底部锚点，我们需要添加到插图中的唯一内容就是轻微的反射。为此，请抓住矩形工具（M）并创建一个160 x 24像素的形状。使用第一个正方形对它进行着色，然后使用“变换”功能将其旋转30度 （右键单击>“变换”>“旋转”）。

第8步

旋转对象后，将其“不透明度”降低到大约50％，并将其“混合模式”更改为“柔光”。

第9步

第10步

如您所见，反射实际上超出了图章，因此这意味着我们需要创建一个裁剪蒙版以仅显示其中的特定部分。为此，只需复制界面的背景（Ctrl-C），将其粘贴在顶部（Ctrl-F）上，并同时选择它和我们的反射， 右键单击>创建剪贴蒙版。

至此就完成啦！