Illustrator制作简约风格的时尚图标包(2)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

步骤10

在眼镜的左边添加一个10x74px的矩形,然后把描边设置为2px(记住在这个图标里面很多的地方描边都是居中对齐的哈)然后矩形的位置是里外面2px,距离下面是16px。

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

步骤11

这个时候我们将矩形的底部做圆角处理,然后我们复制一个放到右边。

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

步骤12

这时我们到了最后一步了,我们画一个12px的线条,描边宽2px。放到鼻子的位置,然后我们在画一个4x10px的矩形(#f27e51)2px的描边(#3d2f2c)然后我们在画一个2x4px的矩形。放到如图的地方。

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

2.绘制皮包图标

现在我们开始第二个图标的绘制吧!

步骤1

包包的上面部分我们使用一个88x28px的矩形(#b27886)然后4px的描边(#3d2f2c)然后距离活动区顶部的距离为16px 。

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

步骤2

添加一些装饰的东西,创建一个4x2px的矩形,然后水平方向距离为4px。距离顶部的描边为2px。然后我们复制出来一排。

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

步骤3

在创建一个16x6px的矩形作为小口袋,描边为4px去掉填充。然后放到中间位置。

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

步骤4

添加一个6x6px的矩形,放到口袋的左边,然后复制一个放到右边。然后选择这3个对象并垂直居中对齐。然后在添加一个8x3px的矩形,什么是UI设计,放到口袋里面,边缘对齐。

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

步骤5

我们来创建包包的底部,使用一个88x56px的矩形,描边宽度为4px。描边要与之前的顶部对齐重叠。

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

步骤6

我们为包包的底部也添加一些装饰,与之前顶部的一样,我想偷懒就不描述啦。你可以选择直接复制。

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

步骤7

我们在底部的左边也要添加同样的装饰,同理右边也需要,所以做法是一样的我就不过多重复啦,毕竟好热,我想去快点译完去吃西瓜!

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

步骤8

我们添加一个12x18px的矩形,然后描边设置为2px。将他放到底部的中心位置并对其边缘,然后在画一个12x12px的圆,4px的描边,去掉填充。圆的中心点与底部的中心点重叠。然后我们在画2个2x2px的圆放到去掉填充的圆内。

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

步骤9

画一个6x12px的矩形,描边设置为4px,然后调整矩形的位置。在用钢笔画一条包包的绳子。具体操作如图。画好后我们复制一份放到右边在进行翻转就OK了。

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

步骤10

我们将复制好的绳子底部的处进行圆角处理,然后我们的包包就画好了

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

3.绘制鞋子(颜色值大家吸取就好)

步骤1

我们先绘制鞋子最前面的部分,绘制一个32x10px的矩形,我们将描边设置为4px。然后将前面的2个点圆角。然后调整到距离活动区域底部有32px的距离。

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

步骤2

现在我们添加一个64x10px的矩形作为鞋子的后面,设置描边为4px,将其与前面的描边重叠。

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

步骤3

画一条长64px的水平线,宽度为2px。设置居中鞋子后面的这个矩形。然后在画一个4x4px的矩形作为鞋子的标签。放到后面的矩形与其边缘居中对齐。

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

Illustrator制作简约风格的时尚图标包,PS教程,思缘教程网

 收藏