UI设计教程,教大家用illustrator绘制应用图标

欢迎来到UI设计老赵,关注老赵,每天和你分享UI设计教程方法。

今天给大家写的教程是应用图标教程。

所用软件为:AICC2018版本,还没有这个软件的亲们在下面回复哦!

1、打开ai软件,文件-新建,100mm*100mm的画布,选择矩形工具绘制一个与画布同等大小的矩形,填充如下颜色,然后ctrl+2锁定,如图下

UI设计教程,教大家用illustrator绘制应用图标_第1张图片

2、选择矩形工具,绘制一个20mm*20mm的矩形,选择椭圆工具绘制一个5mm*5mm的正圆,复制三个,分别正切矩形的四个角,如图下

UI设计教程,教大家用illustrator绘制应用图标_第2张图片

3、选中这五个对象,用路径查找器-分割-右键-取消编组,删除四个角,选中四个正圆和矩形剩余部分,路径查找器-联集,将他们联集起来,如图下

UI设计教程,教大家用illustrator绘制应用图标_第3张图片

4、选中圆角矩形,复制四个,如图下排列

UI设计教程,教大家用illustrator绘制应用图标_第4张图片

5、选中这五个对象,路径查找器-分割-右键-取消编组,删除不要的部分,如图下

UI设计教程,教大家用illustrator绘制应用图标_第5张图片

6、重复第2步的做法,绘制一个30mm*30mm的矩形和6mm*6mm的正圆,制作一个圆角矩形,填充rgb:139,255,158,将其置于底层,再复制出两个右下角的图形,填充黑色,选中两个黑色图形,选中混合工具-制定步数60,将两个图形混合,不透明度为30%,如图下

UI设计教程,教大家用illustrator绘制应用图标_第6张图片

7、将做好的阴影和对象重合,领用减去顶层工具制作高光,然后复制圆角矩形,置于顶层,将所有对象选中,右键-创建剪贴蒙版,如图下

UI设计教程,教大家用illustrator绘制应用图标_第7张图片

8、最终效果如图下

UI设计教程,教大家用illustrator绘制应用图标_第8张图片

你可能感兴趣的:(UI设计教程,教大家用illustrator绘制应用图标)