来源:UI设计老赵 作者:UI设计老赵
1、新建一个100mm*100mm的画布，在绘制一个与画布大小一致的矩形。如下
2、选择圆角矩形工具，绘制一个40mm*40mm*5mm的圆角矩形，选择圆角矩形右键缩放，缩小90%复制两个，选择其中一个圆角填充无色，描边黑色，如下图
3、选择40mm*40mm的圆角矩形，右键缩放98%复制，选中两个圆角矩形，路径查找器-减去顶层。填充渐变色0%：R100，G100，B100。100%：R50，G50，B50。调整合适的渐变角度，如图下：
4、选择较小的圆角矩形工具，再次复制一个，利用路径查找器减去顶层，再次复制效果，将其中一个的不透明度设置为0，利用混合工具将其混合制作阴影。
5、绘制一个圆角矩形，右键缩放97%复制，选中两个圆角矩形减去顶层得到一个圆角环，描边为黑色，线条为0.25即可填充渐变色。如图下
6、根据外框的光源同时给圆角环添加高光和阴影。绘制两条小矩形分别填充黑白亮色放置中间，另外绘制一个矩形，填充渐变色如图下
7、然后写上数字，放在中线的图层下，绘制圆角矩形，填充黑白渐变色，图层模式为滤色，绘制一条线将圆角矩形分割，如下完成效果
感谢您关注老赵，转发收藏！点个赞呗~
任何关于UI设计的问题，可以私信老赵，老赵为您答疑解惑。
