hello,小伙伴们好呀,最近北方这边的气温下降很多,大家要注意好保暖哦~
这周二,咱们分享的数据表盘灵感图,大家看了吗?
这些灵感图的质感和效果都很不错,趁着这这两天的空闲时间,我模仿了几页,今天就来分享一下成果吧~
01. 环形图表
下方这张黑金表盘,是不是很好看呢?
我们来分析一下设计细节:
根据上图分析的要点,我们来模仿试试。
首先,制作主体的圆环图。
依次点击【插入-图表-饼图-圆环图】,最后点击确定即可。
接着调整好需要的数据,选中整个图表,右键剪切,再选择性粘贴为【增强型图元文件】,取消组合两次:
转换成功后,为其设置渐变填充:
需要注意的是,渐变要在取消组合后设置,如果在选择性粘贴之前就为图表设置了渐变或透明,粘贴后取消组合会出错。
复制左上角的圆环,调整颜色与透明度,置于底层:
至此,图表主体已经搞定,接着可以做底部的装饰线条了。
先准备一个渐变线条,参数如下:
选中渐变线,使用 islide,做一圈环形分布:
再制作一个圆,去掉填充,调整线条渐变,环住刚刚制作的图形:
全选组合,转为图片,用 okplus 插件调整图片透明:
将两块内容合起来看看效果:
最后添加一些小元素,丰富页面:
至此,这个黑金环形图表就复刻完成了。
这里额外说明一下,除了转成形状做这个环形图,也可以通过增加数据类别,或复制一个圆环形状到图表中实现。
后两种方法相对来说略复杂,而且对版本有一定要求,但能够保留图表的编辑性,感兴趣可以自己试试哦。
接下来让我们联想一下,如果图表底部的线条装饰换为圆点,又会是什么效果呢?
将制作好的半调粒子素材放在图表底部:
这种半调粒子的玩法还有很多,感兴趣的话,可以看一下这篇文章:
如果想直接用现成的,也可以直接看下面这篇:
继续发散,下方这张图,我们可以借鉴到什么?
圆环图内部的自由曲线是不是还不错呢?
自由曲线可以使用编辑顶点的方法调整,我来简单示范一下:
由于动图帧数限制,我没有全部演示,但方法是一样的,按照需求调整出自己想要的效果即可~
来看一下最终效果:
上面我们替换了图表底部的素材,如果将图表本身调整一下,会怎么样呢?
这张图里的环形图,大家可以观察一下,图表里面还插入了形状,并调整了渐变,这种装饰效果还是不错的。
制作方法也很简单,就是使用布尔运算:
根据这一特点,我们拓展一下,假设不是形状,是曲线呢?
分享一下这种曲线怎么制作:
最后一步要转为图片,这样才方便与图表进行布尔运算,得到所需的线条部分。
02. 其他图表
环形图说完后,让我们把目光聚焦到其他类型的图表。
上面这张图表,是不是很好看呢?
我们快速分析一下:
首先,点状背景是如何生成的:
选中转为图片后,依旧使用 okplus 插件的图片透明功能,让点状图形变成上下渐变透明的状态:
到此就制作完成了点状纹理,再来看主体的股价图。
插入自带的股价图图表:
接着,用之前的方法,将图表转为形状:
选中线条,加大宽度,然后用口袋动画的矢量描摹功能,描出形状:
调整渐变填充,具体参数可看源文件:
最后,将图表和之前的纹理组合到一起:
再添加一些细节,丰富图表:
整体看起来还不错吧~
我们继续扩展,下方这张图怎么和上面的结合起来呢?
是不是可以把形状三维旋转一下,换成 2.5D 的感觉?
接着给所有柱形图加上阴影:
让我们看一下最后的成品:
继续拓展思路,再看一张图:
思考一下,这里面的堆积图,我们是不是可以学习一下?
插入一个自带的堆积柱形图:
转换为形状并替换为圆角矩形,全选后用 islide 调整控点,将控点拉到最大:
这里简单演示一下,如何替换为圆角矩形:
最后,再加一点小细节:
肿么样?有没有觉得图表也是很有意思的呢?
文中示例的 PPT 源文件,如果想要下载拆解学习,自取吧:
好啦,本期图表教程到这里就结束了,希望可以帮助到大家~
——
公众号:自律的音律
原文链接:风格定了!只给一张参考图,却要做出几种不同的 PPT 图表