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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

步骤4

画一个16x8px的矩形描边设置为4px,放到前面矩形的上面,让他里活动区域的边缘有4px的距离。然后在选择右边第一个点进行圆角处理。

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

步骤5

此时的步骤进入无法描述的阶段,请看下图,使用钢笔工具画出鞋子的主题形状。

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

步骤6

给你刚刚创建好的鞋子主体设置一个4px的描边吧。

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

步骤7

此时到了画鞋子的舌头了,使用12x8p的矩形,设置描边为4px,然后设置8px的圆角。具体位置看图。

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

步骤8

使用一个4px的线条作为鞋子的鞋带,然后就是复制啦。简单的地方我选择看图带过。

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

步骤9

我们开始绘制鞋眼,使用一个6x6px的圆,描边设置为2px,让后再画一个2px的圆。人们他们中心点重叠。摆放位置我们看图,然后我们复制出另一个来。

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

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

步骤10

我们画一个16x16px的圆作为鞋子的补丁,描边设置为4px,然后摆放位置我们依旧看图。

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

步骤11

我们在圆形补丁里面画一个五角星,这样鞋子就会漂亮许多啦。此时鞋子完美的画完,你很棒棒啦。我们在选择全部的在复制一个好不好呢!记得打组哦,不然你就要麻烦啦。(表示我估计不提醒你的)

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

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

步骤12

调整鞋子得到颜色,请在下图吸取!然后我们给鞋子画一个长长的鞋带吧,宽4px的线条就好,记得用钢笔画的时候要做圆角处理哦!还要记得在末端画个小的线条。至于为什么你看你的鞋带就知道了。

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

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

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

4.绘制一个步骤复杂的图标!(如果你看到这里了说明你很棒棒!)

步骤1

画一个56x76px的圆角矩形,描边设置为4px。并居中对齐活动区域。

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

步骤2

绘制2组2x4px的矩形,垂直间距为4px,然后距离主体边缘为2px。接着就是各种复制啦。

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

步骤3

此时我们绘制一个24x22px的矩形描边设置为4px。然后和主体中心对齐,距离定位处16px。

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

步骤4

添加2组2x4px的矩形,然后在绘制一个4x4px的圆,在接着再两边画一个6x12px的矩形。请对齐哦!然后我们把刚才做好的复制一份放到底部。不过我们需要去掉里面的正方形和圆形等装饰!细节请看图!

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

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

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

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

步骤5

绘制一个24x12px的矩形,我们放到下图的位置。

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

再将其底部边缘的位置用钢笔描点,然后用直接选择工具拖动到如图位置。(图上的其他东西我们可以忽略哈)

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

 收藏