如何在Illustrator中绘制图标？简单的产品图标绘制案例

插画图标可以给你的设计作品集增色不少，尤其是特定的产品图标可以为你吸引来很多潜在客户，至少也可以增加你的插画作品数量。在这篇教程中，我们将会简单地介绍如何使用Adobe Illustrator绘制插画图标。

在教程中，我们会同时完成两组作品：一组是手机和平板，另一组是咖啡制作工具。

01.弄清楚你想展示的是什么

不论你选择了怎样的产品，首先都要先进行调查。客户会希望所有的产品都绘制正确，这是你应该做到的。即便只是个人项目，你也应该尽可能做到完美——你不能把苹果经典的菜单按钮放在诺基亚手机上。

尤其是在为客户绘制产品插图的时候，务必仔细观察，让你的插画可以反应产品真实的样子。

02.绘制草图

你可以用任何喜欢的方式完成第一步。对笔者来说，先用铅笔打一个草图是不变的习惯，而有些产品你也可以找样品照片来替代。如果你绘制的有些东西是对称的，比如说灯泡，那草图只画一半就够了。

03.标准化线条

下面你就需要用Illustrator描线了，记住尽可能保持线条和拐角的干净整洁。你绘制的图标可能需要在极低的像素下使用，不必要的边角和曲线可能会让图标不知所云。

要做到线条标准化，你可以使用两个简单的方法：

• 在使用形状工具的时候，按住Shift可以保证你绘制或正在改变的形状等比例变化，在需要绘制正方形和正圆的时候很好用。
• 在使用钢笔工具的时候，按住Shift可以绘制标准的45°或90°的线条。如果30°和60读是你更常用的，可以在首选项里改变这个角度。

04.活用对称

许多产品是完美对称的，这带来了额外的美感，也让它更简单。制作对称有两种最简单的操作：

• 如果产品本身是完美对称的，你可以先绘制一半的线条，然后使用选择工具选中。之后你只要使用镜像工具，并指定坐标轴就可以了。
• 如果产品的多个部件基于某个轴对称，你可以一次性选中他们，然后使用对其工具让他们完美地居中于某个轴。

05.保持一致性

如果你正在绘制的是一个系列的产品，请确保它们具有一致性。比如，如果按钮的样式是相同的，就用复制黏贴的方法保持一致。再比如，产品的圆角如果尺寸相同，也应让它们保持一致。

如果你想我一样在制作一系列手机图标，可以先做好一个然后复制，并调整一些大小比例。这会让你的工作效率大大增加。

06.上色

在完成线稿绘制后，你就可以开始上色了。一般来说，你会希望用尽可能贴近现实的配色，但有些情况下也不然。比如，大多金属都是中性灰色的，但这样的图标看起来就会很无趣。在我们的案例中，我使用了蓝绿色来代替灰色，图形立刻就鲜活了起来。

蓝绿类似的冷色调颜色也可以表现玻璃的感觉，而如果你希望表现温暖的感觉，建议使用橙色和黄色，比如用它们来代替木材。

07.尝试渐变

在制作插画图标时，一般不会添加太多的细节或文理，然而你可以通过渐变来使物体的表面更真实美观。然而实际上，对于插画绘制来说，使用两色间渐变的方式并不是最佳的做法（这可能会导致打印时产生条纹）。

取而代之的，应该采用覆盖法。即，创建一种颜色的填充，然后复制这个图形，在上面创建另一种颜色的填充，并让这种颜色以透明度0到100的方式渐变。

08.尝试加入高光和阴影

当不使用渐变的时候，我会在物体的棱角出将平面切割开来。可以利用钢笔工具配合Shift键来创造45°角的切割线，并用它分割多个平面。在被分割开的两个平面上，用明暗变化就可以简单地制作出高光阴影的效果。

09.增加细节

如果尺寸允许的话，你可以加入更多细节让图标生动起来。比如，对于手机图标来说，如果上面什么都没有的话肯定是不美观的，你可以加入一些示例元素或APP界面让它生动起来。

Create sets of product icons in Illustrator