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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词


第3步:复制一个粉红色矩形,然后把色值改为#4a288c。然后将紫色的矩形放置于每一个粉色矩形下面。


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

第4步:制作一个10px*20px的,色值为#4a288c的矩形,并将此矩形的两个直角变为圆角,并放置在毛巾的最上端的左右两边,如下图所示。


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

第5步:选择混合工具(w),然后点击两个深紫色的图形,在混合工具的缩略图上点击两次。将间隔设置为指定的步骤,如下图所示。然后复制整个边缘组,垂直的反射,然后移动到毛巾底部。


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

第6步:当然,还有阴影,就像我们做冲浪板阴影一样的做法。


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

游泳短裤的制作:

第1步:创建一个矩形,95px*15px,色值为#4a288c,将其圆角设置为3,然后使用描点工具,将底部拖下来。


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

第2步:创建一个70px*90px,色值为#df2754的矩形。把它的上角围度设置为最大值,底部设置为3,把它旋转一下,把它放到深紫色的形状下面,并这个形状复制,粘贴,然后水平的反射出来,如下图所示。


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

第3步:现在我们要做口袋了。创建一个40px*40px的粉色圆,色值为#f294b6,将它放置在左腿上,删除多余的部分,然后将其复制粘贴到相同的位置,水平的反射,并将其移动到右腿上。


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

第4步:制作一个8px*8px的正方形,色值为#df2754,并把圆角设置为2,并把它放在深紫色的中间。用钢笔工具来做半弓,色值设置为#d6f7fc,并将笔触设置为5,然后展开弓,做一个复制,水平的反射,现在学UI,然后移动到右边。把它的下弯角转到最大。做一个随机矩形,色值为#df2754,把它放在右边,用眼睛滴管工具(l),从冲浪板的阴影中复制图层样式。删除多余的部分。


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

洋伞的制作:

第1步:创建一个10px*220px,色值为#df2754的矩形,并把四个角都设置为最大的圆角。


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

第2步:用椭圆工具(L)创建一个240px*240px,色值为#f9a03f的圆,把它放在前面的形状上。使用线段工具(/),制作一条没有填充和颜色的水平线,并将其放置在圆上,见图。选择圆和线,然后单击路径查找器面板上的分隔,删除任何不必要的部分,如下图所示。


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

第3步:在洋伞下添加一个320px*320px,色值为#ef5500的长方形,然后再做一个320px*320px,色值为#f9d1aa的三角形,把它放置在基本形状上,最好的ui网站,形成我们洋伞的中间部分,并删除多余的部分。在这两条细线的帮助下,没有填充和颜色,将洋伞下的亮橙色矩形垂直分为3部分。用橙色#f9a03f,把中间部分涂上颜色。


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

第4步:选择3个橙色矩形的左部分,效果>变形>弧度,将其设置为垂直和弯曲:30%,将第3个形状做同样的选择,但是选择弯度为-30%,扩展形状,并把两个矩形的底角和3个px展开,把底边向上拉。


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

 收藏