风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

进阶提高3年前 (2021)更新 自律的音律
2,239 0 3

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

hello,小伙伴们好呀,最近北方这边的气温下降很多,大家要注意好保暖哦~

这周二,咱们分享的数据表盘灵感图,大家看了吗?

这些灵感图的质感和效果都很不错,趁着这这两天的空闲时间,我模仿了几页,今天就来分享一下成果吧~

01. 环形图

下方这张黑金表盘,是不是很好看呢?

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

我们来分析一下设计细节:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

根据上图分析的要点,我们来模仿试试。

首先,制作主体的圆环图。

依次点击【插入-图表-饼图-圆环图】,最后点击确定即可。

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

接着调整好需要的数据,选中整个图表,右键剪切,再选择性粘贴为【增强型图元文件】,取消组合两次:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

转换成功后,为其设置渐变填充:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

需要注意的是,渐变要在取消组合后设置,如果在选择性粘贴之前就为图表设置了渐变或透明,粘贴后取消组合会出错。

复制左上角的圆环,调整颜色与透明度,置于底层:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

至此,图表主体已经搞定,接着可以做底部的装饰线条了。

先准备一个渐变线条,参数如下:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

选中渐变线,使用 islide,做一圈环形分布:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

再制作一个圆,去掉填充,调整线条渐变,环住刚刚制作的图形:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

全选组合,转为图片,用 okplus 插件调整图片透明:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

将两块内容合起来看看效果:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

最后添加一些小元素,丰富页面:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

至此,这个黑金环形图表就复刻完成了。

这里额外说明一下,除了转成形状做这个环形图,也可以通过增加数据类别,或复制一个圆环形状到图表中实现。

后两种方法相对来说略复杂,而且对版本有一定要求,但能够保留图表的编辑性,感兴趣可以自己试试哦。

接下来让我们联想一下,如果图表底部的线条装饰换为圆点,又会是什么效果呢?

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

将制作好的半调粒子素材放在图表底部:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

这种半调粒子的玩法还有很多,感兴趣的话,可以看一下这篇文章:

如果想直接用现成的,也可以直接看下面这篇:

继续发散,下方这张图,我们可以借鉴到什么?

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

圆环图内部的自由曲线是不是还不错呢?

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

自由曲线可以使用编辑顶点的方法调整,我来简单示范一下:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

由于动图帧数限制,我没有全部演示,但方法是一样的,按照需求调整出自己想要的效果即可~

来看一下最终效果:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

上面我们替换了图表底部的素材,如果将图表本身调整一下,会怎么样呢?

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

这张图里的环形图,大家可以观察一下,图表里面还插入了形状,并调整了渐变,这种装饰效果还是不错的。

制作方法也很简单,就是使用布尔运算:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

根据这一特点,我们拓展一下,假设不是形状,是曲线呢?

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

分享一下这种曲线怎么制作:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

最后一步要转为图片,这样才方便与图表进行布尔运算,得到所需的线条部分。

02. 其他图表

环形图说完后,让我们把目光聚焦到其他类型的图表。

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

上面这张图表,是不是很好看呢?

我们快速分析一下:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

首先,点状背景是如何生成的:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

选中转为图片后,依旧使用 okplus 插件的图片透明功能,让点状图形变成上下渐变透明的状态:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

到此就制作完成了点状纹理,再来看主体的股价图。

插入自带的股价图图表:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

接着,用之前的方法,将图表转为形状:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

选中线条,加大宽度,然后用口袋动画的矢量描摹功能,描出形状:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

调整渐变填充,具体参数可看源文件:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

最后,将图表和之前的纹理组合到一起:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

再添加一些细节,丰富图表:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

整体看起来还不错吧~

我们继续扩展,下方这张图怎么和上面的结合起来呢?

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

是不是可以把形状三维旋转一下,换成 2.5D 的感觉?

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

接着给所有柱形图加上阴影:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

让我们看一下最后的成品:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

继续拓展思路,再看一张图:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

思考一下,这里面的堆积图,我们是不是可以学习一下?

插入一个自带的堆积柱形图:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

转换为形状并替换为圆角矩形,全选后用 islide 调整控点,将控点拉到最大:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

这里简单演示一下,如何替换为圆角矩形:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

最后,再加一点小细节:

风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

肿么样?有没有觉得图表也是很有意思的呢?

文中示例的 PPT 源文件,如果想要下载拆解学习,自取吧:

下载信息

提取码: uxvu

好啦,本期图表教程到这里就结束了,希望可以帮助到大家~

——
公众号:自律的音律
原文链接:风格定了!只给一张参考图,却要做出几种不同的 PPT 图表

© 版权声明

相关文章