美文网首页UI设计UI设计教程
UI设计教程,教大家用illustrator绘制应用图标

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

作者: UI设计老赵 | 来源:发表于2017-12-15 23:10 被阅读18次

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

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

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

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

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

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

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

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

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

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

    8、最终效果如图下

    相关文章

      网友评论

        本文标题:UI设计教程,教大家用illustrator绘制应用图标

        本文链接:https://www.haomeiwen.com/subject/ahsjwxtx.html