环形形状+“胶囊”形状,组合出不一样的信息图

【环形形状 “胶囊”形状,组合出不一样的信息图】
环形信息图千变万化,圆角矩形也是一样,
如果把这两种形状组合到一起呢?
当然更会是与众不同的效果啦!


在页面中插入一大一小两个圆形,
去掉填充色,只保留边框 。

环形形状+“胶囊”形状,组合出不一样的信息图



在页面中心为顶点,插入五条直线(这是参考线)
角度分别是0度、40度、80度,以及反向的-40度和-80度 。
环形形状+“胶囊”形状,组合出不一样的信息图



插入圆角矩形,拉伸至两边圆形 。
环形形状+“胶囊”形状,组合出不一样的信息图



将圆角矩形按照参考线的位置摆放 。
环形形状+“胶囊”形状,组合出不一样的信息图



然后给圆角矩形填充白色 ,
复制这五个圆角矩形,填充黑色 ,
在“显示窗格”中将黑色的矩形全部隐藏掉 。
环形形状+“胶囊”形状,组合出不一样的信息图



再在正中间插入圆形,拉伸至与外侧环形一样大小 。
环形形状+“胶囊”形状,组合出不一样的信息图



选中所有圆角矩形和中间的圆形,在形状格式中选择拆分 。
环形形状+“胶囊”形状,组合出不一样的信息图



删除不需要的中间部分,给圆角矩形的前端填充颜色 。
环形形状+“胶囊”形状,组合出不一样的信息图

环形形状+“胶囊”形状,组合出不一样的信息图



将参考线删除,并将中间的环形稍微缩小一些,
让圆角矩形与环形之间留出空隙 。
环形形状+“胶囊”形状,组合出不一样的信息图



插入圆形 , 边框选择白色,加粗 。
分别填充与圆角矩形前端同样的颜色,
按顺序摆放在中间的环形上 。
环形形状+“胶囊”形状,组合出不一样的信息图



给两个环形的边框选择白色虚线格式 。
环形形状+“胶囊”形状,组合出不一样的信息图



插入单边圆角的矩形填充白色,放在下层,
再在上面添加一大一小两个圆形(同心圆) 。
环形形状+“胶囊”形状,组合出不一样的信息图



为下面的圆形填充灰白渐变,边框颜色也同样是灰白渐变(左灰右白) 。
上面的圆形也填充灰白渐变,边框的渐变方向正相反(左白右灰) 。
环形形状+“胶囊”形状,组合出不一样的信息图

环形形状+“胶囊”形状,组合出不一样的信息图



在“选择窗格”中调出刚刚隐藏的黑色矩形 。
环形形状+“胶囊”形状,组合出不一样的信息图



打开柔化边缘面板,将它的边缘模糊掉 。
环形形状+“胶囊”形状,组合出不一样的信息图



分别将它们放置在圆角矩形下方,作为阴影 。
环形形状+“胶囊”形状,组合出不一样的信息图

环形形状+“胶囊”形状,组合出不一样的信息图



最后,再加上文字和icon 。
环形形状+“胶囊”形状,组合出不一样的信息图



怎么样,有没有学会呢~~
如果制作中遇到任何问题,
欢迎给我留言 。

相关经验推荐