欢迎来到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在黏贴，将上面一个弧形图案上移一点，选中其下面一个弧形图形填充白色，绘制一个椭圆，填充黑白渐变色，调整渐变条！如下图

完成最终效果图如下