英特尔|风格定了!只给一张参考图,却要做出几种不同的 PPT 图表( 二 )


接着调整好需要的数据 , 选中整个图表 , 右键剪切 , 再选择性粘贴为【增强型图元文件】 , 取消组合两次:
转换成功后 , 为其设置渐变填充:
需要注意的是 , 渐变要在取消组合后设置 , 如果在选择性粘贴之前就为图表设置了渐变或透明 , 粘贴后取消组合会出错 。
复制左上角的圆环 , 调整颜色与透明度 , 置于底层:
至此 , 图表主体已经搞定 , 接着可以做底部的装饰线条了 。
先准备一个渐变线条 , 参数如下:
选中渐变线 , 使用 islide , 做一圈环形分布:
再制作一个圆 , 去掉填充 , 调整线条渐变 , 环住刚刚制作的图形:
全选组合 , 转为图片 , 用 okplus 插件调整图片透明:
将两块内容合起来看看效果:
最后添加一些小元素 , 丰富页面:
至此 , 这个黑金环形图表就复刻完成了 。
这里额外说明一下 , 除了转成形状做这个环形图 , 也可以通过增加数据类别 , 或复制一个圆环形状到图表中实现 。
后两种方法相对来说略复杂 , 而且对版本有一定要求 , 但能够保留图表的编辑性 , 感兴趣可以自己试试哦 。
接下来让我们联想一下 , 如果图表底部的线条装饰换为圆点 , 又会是什么效果呢?
将制作好的半调粒子素材放在图表底部:
这种半调粒子的玩法还有很多 , 感兴趣的话 , 可以看一下这篇文章:

  • 我想造 1000 个半调粒子素材 , 这些方法不敢私藏!
如果想直接用现成的 , 也可以直接看下面这篇:
  • PPT 图示做得太单调?我给你整理了 320 款百搭神器:半调粒子!
继续发散 , 下方这张图 , 我们可以借鉴到什么?
【英特尔|风格定了!只给一张参考图,却要做出几种不同的 PPT 图表】圆环图内部的自由曲线是不是还不错呢?
自由曲线可以使用编辑顶点的方法调整 , 我来简单示范一下:
由于动图帧数限制 , 我没有全部演示 , 但方法是一样的 , 按照需求调整出自己想要的效果即可~
来看一下最终效果:
上面我们替换了图表底部的素材 , 如果将图表本身调整一下 , 会怎么样呢?
这张图里的环形图 , 大家可以观察一下 , 图表里面还插入了形状 , 并调整了渐变 , 这种装饰效果还是不错的 。
制作方法也很简单 , 就是使用布尔运算:
根据这一特点 , 我们拓展一下 , 假设不是形状 , 是曲线呢?
分享一下这种曲线怎么制作:
最后一步要转为图片 , 这样才方便与图表进行布尔运算 , 得到所需的线条部分 。
02. 其他图表
环形图说完后 , 让我们把目光聚焦到其他类型的图表 。
上面这张图表 , 是不是很好看呢?
我们快速分析一下:
首先 , 点状背景是如何生成的:
选中转为图片后 , 依旧使用 okplus 插件的图片透明功能 , 让点状图形变成上下渐变透明的状态:
到此就制作完成了点状纹理 , 再来看主体的股价图 。
插入自带的股价图图表:
接着 , 用之前的方法 , 将图表转为形状:
选中线条 , 加大宽度 , 然后用口袋动画的矢量描摹功能 , 描出形状:
调整渐变填充 , 具体参数可看源文件:
最后 , 将图表和之前的纹理组合到一起:
再添加一些细节 , 丰富图表:
整体看起来还不错吧~
我们继续扩展 , 下方这张图怎么和上面的结合起来呢?
是不是可以把形状三维旋转一下 , 换成 2.5D 的感觉?
接着给所有柱形图加上阴影:
让我们看一下最后的成品:
继续拓展思路 , 再看一张图: