来源:UI设计老赵 作者:UI设计老赵
欢迎来到UI设计老赵,关注老赵,每天和你分享UI设计教程方法。
今天给大家写的教程是wifi图标教程,也是UI设计界面比较常见的一个图标。
所用软件为:AICC2018版本,还没有这个软件的同学们在下面回复哦!
1、首先我们打开AI软件,新建一个100mm*100mm的画布,在绘制一个与画布大小一致的矩形。如下图:
2、选择矩形工具,绘制一个30mm*30mm的矩形,选择圆形工具绘制4个5mm*5mm的正圆,分别对齐矩形的4个角,用路径查找器分割他们,再利用形状生成器将他们做成圆角矩形。如下图
3、选择圆角矩形右键缩放,缩小90%复制两个,选择其中一个圆角填充无色,描边黑色,如下图
4、选择圆角矩形,右键缩放98%复制,选中两个圆角矩形,路径查找器-减去顶层。填充渐变色0%:R100,G100,B100。100%:R50,G50,B50。调整合适的渐变角度,如下图:
5、选择较小的圆角矩形工具,再次复制一个,利用路径查找器减去顶层,再次复制效果,将其中一个的不透明度设置为0,利用混合工具将其混合制作阴影。
6、选择圆形工具绘制分别绘制20mm*20mm,17mm*17mm,14mm*14mm,11mm*11mm,8mm*8mm,5mm*5mm,2mm*20mm的正圆,将他们中心对齐,选中这几个圆,选择路径查找器将他们分割,取消编组,隔一层删除,绘制两条直线将其分割,在绘制1.5mm*1.5mm的正圆与三个弧形相切,将他们联集,选中个弧形右键-变换-对称,复制(细心,注意步骤)如下图
7、选中弧形图案,ctrl+c复制,ctrl+f在黏贴,将上面一个弧形图案上移一点,选中其下面一个弧形图形填充白色,绘制一个椭圆,填充黑白渐变色,调整渐变条!如下图
完成最终效果图如下