AI教程！零基础也能学会的质感按键图标教程

视频地址：https://www.bilibili.com/blackboard/html5player.html?aid=972907210&as_wide=1

教程作者：百图特攻队（授权转载）

交作业：#优设每日作业#

关于教程

本期教程以一个按键图标为例，继续为大家带来轻质感图标系列的设计教程，简单易上手，快来试试吧！

教程效果图

关键步骤提示

详细操作请看文章开头的视频教程演示。

Step 01 图形绘制

用圆角矩形和圆形搭建出基本的形状和造型。

Step 02 渐变添加

为图标中的各个色块添加渐变色，塑造出自然光下的光影和质感。

Step 03 内、外发光&投影

为图标中的小零件添加发光和投影效果，初步塑造图标的立体感和通透感。

Step 04 高斯模糊层次

用图层蒙版做出色块之间的嵌套关系，然后添加高斯模糊效果，实现颜色的层次感。

Step 05 磨砂

将绘制完成的图标粘贴到PS中，通过添加杂色模拟出磨砂质感。

最终效果图

来源：https://uiiiuiii.com/illustrator/1212409984.html
图文来源于网络，如有侵权请联系删除。