使用AI绘制扁平化的线性图标.docxVIP

使用AI绘制扁平化的线性图标 翼狐网：/ 摘要：线性风格一直是很多网页和插画师的最爱，在这篇教程里，我们将教大家绘制一组造型明朗，线条干净且风格简洁的线性图标（洁面乳、指甲油、眼影、口红和香水），赶紧来练手！ 　　一、观察和草图 　　当我们要将一个物体绘制成为线条的时候，我们第一件事是需要观察物体本身。比如，在本例中会运用几个平时日常化妆品作为创作对象，就要先列出一个所绘制对象的小清单。 　　每个物品我们都要找到它的共同点，比如第一个洗面奶，其实有各种包装样式，但你需要从中提取出某一类的共性，而不能以偏概全。这是观察进入分析的第一步，接下你需要概括这个样式，去掉各种复杂细节，再保留那些能明显突出物品特征的线条细节。 　　观察物品的时候要学会化繁为简，把最本质的造型线条给表现出来。 　　二、绘制第一个图标 　　STEP 01 　　打开AI，新建文档，文档的参数可以参考下图所示 　　STEP 02 　　你可以打开网格，在网格的辅助下进行绘制，或者也可以打开智能参考线。总之如果你是初学者，最好能有一个辅助的工具对绘制的对象有所控制。 　　我的做法是做好每个图标的大小控制，因为你的图标不可能制作到刚好占据整个版面，所绘制的对象到边缘需要一个视觉缓冲。但这纯属一种心理偏好。实际操作中，也有越过参考范围的情况也有。 　　很多人很好奇，AI既然是矢量软件应该就不会有大小之别，因为它可以任意缩放的啊。的确，这是一个值得说明的问题，但比例上你还是遵守一定的秩序，否则你做出的图标在比例上的失衡会影响整体的美观。 　　STEP 05 　　第一个所绘制的对象是洁面乳。虽然我们说是用线条来表现，但是实际绘制中我们并不会直接用到直线工具，而是在绘制中突出表现线条。线条所起的是视觉上的强调作用。 　　了解这一点后，让我们开始画一个瓶身，瓶身用矩形来表现。如果你的AI不是旧版本，那应该就会知道直角的矩形可以直接可以拖动角内的圆点变为一个圆角矩形。如果是旧的版本那就需要运用圆角工具来处理。 　　矩形的描边设置为4pt，描边为黑色，填充为白色。这一步并不需要考虑色彩。 　　为了方便你随时缩放图形大小时，描边大小都保持不变，请进入【编辑首选项常规】，去掉“缩放描边和效果”这一栏的勾选。 　　STEP 06 　　接下再运用矩形画上瓶身的上部，这些矩形都要居中对齐。在瓶身的上部，由于并不是一个几何图形，因此你需要运用不同的几何图形进行相互合并或增减。比如梯形是调整了矩形下方两个锚点的位置后得到的，能得到最终的图形的方法有很多，你可以尝试出最适合自己的方式。 　　STEP 07 　　再增加一些装饰性细节，装饰性线条与原有线条保持同样粗细。这里是一个比较随意的创作步骤，你完全可以自由发挥。 　　STEP 08 　　产品的初次印象是美在包装，对包装的装饰需要增加一些丰富的细节，比如增加图案和文字。你可以先画一个圆，给这个圆增加一个瓶身的形状作为矢量剪切蒙版。剪切蒙版的含义即用上面的“形”去显示下面的“内容”，根据这个原理，你只需要复制瓶身并粘贴于最上层，再选中这个复制层与你所画的圆，进入【对象剪切蒙版建立】即可。 　　再增加花朵的装饰，先画一片花瓣，再采用旋转工具就很容易组成一朵花形。 　　文字应该选用线性无衬线字体，线条粗细都能尽量靠近图形本身的线条粗细。 　　三、其他几个图标的画法 　　STEP 09 　　按照我们上一步对瓶身的形状组合，指甲油的瓶身是很容易做到的事。关键是对包装的装饰细节上的考虑，作为一个图标，你没有办法去穷尽所有的细节，因此需要抽取更多装饰的特征。最好的方法，是把自己当作一个包装设计师，并搭配着一整套图标的风格特征进行思考。 　　STEP 10 　　眼影盒的结构比较简单，但需要注意的地方是矩形间的间隔尽量保持一致，这样从视觉上看起来效果更好。 　　矩形间的间隔也不应该太紧密，否则当图标缩小时就会“连成一片” 　　STEP 11 　　口红的画法更简单，构建基本的造型即可。但需要注意一点就是口红的涂抹的部分带着圆角，且有倾斜，当我们要处理倾斜的形状时，直角是比圆角更容易处理的。因此，即使要转为圆角，也先安排好倾斜的形状再转为圆角。 STEP 13 　　最后我们画出香水的图标，基本上绘制这类图标有种组合形状的乐趣，因此怎样将形状通过增减拼凑进行组合也是值得往下钻的问题，我的画法可供大家参考如下 　　先画好基础形状，再增添装饰细节 　　我们的基础外形绘制完成。 　　四、色彩 　　在我们对这组图标上色前，我们需要有一个总体规划，这里的意思就是说有个方向，比如我们可以给大致的色彩基调定一个方向，即以白色为主，搭配一些清新的色调。 　　我们做的线性图标中的线条是保持为黑色，因此填色的部分只是内部填充，形状里的描边并不需要改变。 　　STEP 14 　　你可以先做