环形信息图千变万化，圆角矩形也是一样，
如果把这两种形状组合到一起呢？
当然更会是与众不同的效果啦！
在页面中插入一大一小两个圆形，
去掉填充色，只保留边框。
在页面中心为顶点，插入五条直线（这是参考线）
角度分别是0度、40度、80度，以及反向的-40度和-80度。
插入圆角矩形，拉伸至两边圆形。
将圆角矩形按照参考线的位置摆放。
然后给圆角矩形填充白色，
复制这五个圆角矩形，填充黑色，
在“显示窗格”中将黑色的矩形全部隐藏掉。
再在正中间插入圆形，拉伸至与外侧环形一样大小。
选中所有圆角矩形和中间的圆形，在形状格式中选择拆分。
删除不需要的中间部分，给圆角矩形的前端填充颜色。
将参考线删除，并将中间的环形稍微缩小一些，
让圆角矩形与环形之间留出空隙。
插入圆形，边框选择白色，加粗。
分别填充与圆角矩形前端同样的颜色，
按顺序摆放在中间的环形上。
给两个环形的边框选择白色虚线格式。
插入单边圆角的矩形填充白色，放在下层，
再在上面添加一大一小两个圆形（同心圆）。
为下面的圆形填充灰白渐变，边框颜色也同样是灰白渐变（左灰右白）。
上面的圆形也填充灰白渐变，边框的渐变方向正相反（左白右灰）。
在“选择窗格”中调出刚刚隐藏的黑色矩形。
打开柔化边缘面板，将它的边缘模糊掉。
分别将它们放置在圆角矩形下方，作为阴影。
最后，再加上文字和icon。
怎么样，有没有学会呢~~
如果制作中遇到任何问题，
欢迎给我留言。
