Illustrator绘制扁平化风格的夏季主题图标(3)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词


手提箱的制作

第1步:创建一个200px*130px,色值为#ea7aad的矩形,并将圆角设置为10px。再添加一个175px*110px的矩形,并把它放在最上面。


Illustrator绘制扁平化风格的夏季主题图标,PS教程,思缘教程网

第2步:创建一个20px*35px的矩形,色值为#df2754。将圆角设置为3px,然后再创建一个10px*20px的矩形,也是将圆角设置为3px,那这个放到之前那个矩形的上面。再创建一个7px*4px的圆角矩形,色值为#9076e2。把这个继续放在深紫色的上面。


Illustrator绘制扁平化风格的夏季主题图标,PS教程,思缘教程网

第3步:我们的一个锁已经完成,现在把它放在箱子的左边,你也可以对它进行分组,选择所有三层,并control+g,复制这个组并将它拖动到右边对称的位置。


Illustrator绘制扁平化风格的夏季主题图标,PS教程,思缘教程网

第4步:画一个10px*30px,色值为#df2754的矩形,然后按住alt拷贝一个。同时再做一个70px*10px,色值为#df2754的矩形,并把它放到两个矩形中间,用路径查找器里面的合并形状,把3个矩形都合并,左和右外边缘到3px。


Illustrator绘制扁平化风格的夏季主题图标,PS教程,思缘教程网

第5步:创建一个50px*20px的,色值为#d6c7f9的矩形,圆角设置为3px,将其放置在手柄的水平部分,添加两个高亮点,分别是一个小圆和一个圆角矩形,把它们放置在浅紫色的形状上,然后给它们填充上颜色。


Illustrator绘制扁平化风格的夏季主题图标,PS教程,思缘教程网

第6步:为了让我们的行李箱变得更有趣,添加三个简约的旅行贴纸。创建一个三角形,色值为#f47a2a的三角形,和一个淡粉色的笔触,色值为#f9d1aa。绕过它的角,把它放在手提箱底座的中间。


Illustrator绘制扁平化风格的夏季主题图标,PS教程,思缘教程网

第7步:对于第二个标签,选择星形工具,在画板上点击一次,然后选择半径为20,色值为#ea6a8e。复制这个粉红色的形状,用洋红色,色值为#df2754,把它放大一点,把它放在粉红色后面,然后把贴纸放在手提箱的左边,删除任何多余的部分。


Illustrator绘制扁平化风格的夏季主题图标,PS教程,思缘教程网

第8步:我们来创建第三个标签,让三个圆圈比前一个大一些,最小的色值为#d6c7f9,中间圈的色值为#9076e2,外圈为#4a288c。然后,将它们放在行李箱的右边,并删除掉多余的部分,另外,为行李箱左一个半透明的阴影。


Illustrator绘制扁平化风格的夏季主题图标,PS教程,思缘教程网

我们已经做完了所有的图标,接下来让我们做引人注目的背景。

第1步:把所有的对象都安排成一个假想的长方形。你也可以做一个真实的,如果对你而言更方便的话,删除它。


Illustrator绘制扁平化风格的夏季主题图标,PS教程,思缘教程网

第2步:让我们用漂亮的细节来填充空白区域。在线段工具(/)的帮助下,创建一个垂直的线条,它的高度为20px,#9076e2,同时进行拷贝,然后水平放置,来形成一个加号。并在路径查找器面板,合并这两个形状。然后把加号的所有角都转到最大值。


Illustrator绘制扁平化风格的夏季主题图标,PS教程,思缘教程网

 收藏