爆肝了一整天,这一次,我要让桑基图为PPT代言!

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

爆肝了一整天,这一次,我要让桑基图为PPT代言!

前两天,有个小伙伴甩了一张图(桑基图),问有没有知道怎么做。

那张桑基图差不多是下面这个样子:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

乍一看,好像也挺简单的,用编辑顶点的方法是不是也能搞?

但编辑顶点作图毕竟不太严谨规范,这种解决方案,明显与我深度专(zhuang)研(bi)的定位不符!

于是,我偷偷的去百度以及谷歌了一下关键词:桑基图 PPT

看了整整一晚上,没想到,目前网上居然没有一篇用 PPT 做桑基图的教程。

没办法,只能硬着头皮自己上了,我自己琢磨琢磨写一篇吧!

重要提示:这是一篇进阶型教程,关于什么是桑基图以及桑基图用在哪,自行搜索了解,本文只介绍技术原理以及实现方法,内容很干,自己带水…

  • 内容很干,不要跳读!

  • 内容很干,一定要动手!

  • 内容很干,看不懂多读几遍!

手把手教程开始

首先,在 PPT 中插入一个百分比堆积柱状图,数据和结果如下图:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

我们选中图表中的坐标轴等不必要元素,全部删除,只保留中间的柱状图。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

选中图表,剪切,粘贴为增强型图元文件:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

取消组合后,得到下图的多个矩形,比例与堆积柱状图的比例一致。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

我们把整个组合反转过来,让矩形高度更大的在上面:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

接下来,使用 OKPlus 插件的快捷脑图功能:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

鼠标点击一下,插入一个脑图结构(这个功能是用来做思维导图的)

爆肝了一整天,这一次,我要让桑基图为PPT代言!

选中自动生成的两个圆角矩形,把高度压缩一下。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

参考左侧的数据图,把脑图结构向下复制多份,并填充相同的颜色。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

全选所有圆角矩形,把形状的边框线设置为无:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

保持全选,使用 OneKey 插件(以下简称 OK 插件)的控点工具,把控点数据批量改为 0 

爆肝了一整天,这一次,我要让桑基图为PPT代言!

得到的结果如下图,所有的圆角矩形都变成了直角的矩形。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

先选中左侧参考的矩形,再依次点选右侧的两个矩形,找到 OK 插件的尺寸递进功能,按住 Shift 点击相同大小:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

这时候右侧两个矩形的高度,就和左侧选中的矩形高度一致了。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

通过这种方法,我们把右侧的所有矩形,依次修改为左侧参考的高度。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

因为矩形高度不同,有重叠的部分,看起来不够直观。

我们全选所有矩形,使用 iSlide 插件设计工具中的向上吸附功能:

爆肝了一整天,这一次,我要让桑基图为PPT代言!
爆肝了一整天,这一次,我要让桑基图为PPT代言!

得到的结果如下图,所有的矩形上下衔接对齐。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

依旧全选所有的矩形,按住 Ctrl+Shift 压缩矩形的宽度:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

按住 Shift 不放,把右侧的第一个矩形垂直向上移动一定距离。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

中间的连接线会自动变化,我们只管矩形的位置即可,连接线咱们不用管。

全选右侧的矩形,使用对齐中的纵向分布:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

右侧矩形之间的间距就变成一样了,得到的结果如下图:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

我们现在可以把左侧的参考删掉了,复制一个脑图结构放到左侧。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

把中间的连接线删掉,保留两个矩形。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

选中左侧的两个矩形,使用 LvyhTools(以下简称英豪插件),点击添加形状-选择连线功能:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

插件会在两个矩形的中心点之间,自动生成一个线条形状。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

选中生成的线条形状,点击 OK 插件中的分割线-二等分线功能:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

会自动在中间生成横纵两条辅助线,为了看起来更明显,我把背景改成深色:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

之后,编辑顶点,把两个顶点的控制手柄都拖到参考线的位置。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

编辑完成后,可以得到一个顺滑的曲线:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

把参考线删掉,背景改回浅色:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

把所有的脑图结构组合后,逆时针旋转 90 度,得到下图的结果:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

接下来的操作,很关键!

先框选右侧所有的肘形连接线,再按住 Ctrl 点选左下角的曲线,使用 OK 插件的辅助功能-批量替换中的形换形功能:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

可以一件把所有的连接线换成曲线,记住这一步,非常关键!

爆肝了一整天,这一次,我要让桑基图为PPT代言!

现在,可以把左下角的参考辅助图形删掉了,把整体移动到页面中下部的位置:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

选中第一个矩形,在形状格式选项卡中,复制矩形的高度。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

选中第一条曲线,打开格式设置,把刚才复制的高度数值,直接粘贴到线宽里面即可,得到下图:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

同样的操作,依次把所有线条的宽度修改完成:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

修改线条颜色为浅灰色:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

把第一个线条形状改个颜色,再把底部的矩形都改为浅灰色:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

在上方加一些小三角形打辅助:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

把文字内容给加上,这张好看的桑基图就完成啦!

爆肝了一整天,这一次,我要让桑基图为PPT代言!

你可能会觉得,哇好麻烦啊,这是因为我把所有的步骤拆解的非常细,方便大家跟着做,才看起来篇幅比较长。

实际动手作图的时候,如果你熟悉了制作原理,用 PPT 做桑基图是非常快的。

而且,用 PPT 做好的图,我们可以根据自己的需要任意编辑修改,自由度更高。

到这里,用 PPT 制作桑基图的原理与操作,基础用法就讲完了。

如果你觉得以上的内容还能消化,那咱们继续,开始进阶版内容!

进阶版内容开始

先拓展一下,前面用 OK 插件把连接线都换成曲线,在其他插件中也有类似的功能。

iSlide 设计工具中,有个功能叫交换位置。

小顽简报插件,则在对象-统一里面,同样是叫交换位置,按住 Shift 点击这个功能,可以打开对应的设置窗口。

友情提示:接下来的教程,提到的各项插件的功能,需要自己去对应使用,我就不挨个截图了,下面只讲关键的操作步骤。

首先,通过 OKPlus 的脑图功能,做出下图:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

把曲线放到页面中作为辅助形状,可以通过复制-反转得到反方向的曲线。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

再通过 OK 插件批量形换形,得到下图的效果:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

依次修改曲线的线宽,以及线条的颜色与透明度。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

再绘制几个圆形,设置不同的填充、线条以及阴影效果:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

把文案加上,就得到另一个不错的 8 项图示:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

接下来,再使用 iSlide 插件的补间功能,以及英豪插件的沿线分布功能,可以做出下图:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

这里如果看不懂,可以翻一下以前的两篇教程,里面有原理与操作步骤:

同样的方法,我们换一下方向,还能做出这样的效果:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

接下来,把之前的曲线都改成浅灰色,压缩脑图结构的高度,通过 OK 插件的批量复制,以及对齐中的纵向分布,我们来做另一个效果。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

删掉脑图结构中的矩形,只保留所有的连接线:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

再使用 OK 插件批量形换形,把所有的连接线换成曲线。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

全选所有曲线,把线条的宽度加大一些,改个颜色:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

再用同样的方法,依次把其他曲线做出来:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

通过这种方法,我们就可以做出各种粗细变化的桑基图了。

咱们加上文案内容,看一看做出的效果:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

同样,我们修改所有曲线的宽度,设置线条的渐变参数,也可以得到这样的效果:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

要是我们把所有的曲线组合到一起,使用口袋动画插件的矢量素描功能,还能快速把曲线面积转为形状。

那么,我们就可以给它们设置纹理填充效果:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

再换个玩法,把这些形状都填充浅灰色:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

通过 iSlide 的补间功能,以及 OK 插件的批量原位复制功能,做出超多大小、颜色变化的小圆。

再使用英豪插件位置分布中的内部分布功能,可以得到下图:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

我们在原图示上操作,就是这样的:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

接下来,使用英豪插件特殊选择-扩域保留功能,得到下图:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

同样的方法步骤,依次把其他 7 个曲线的效果做出来:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

做完后,发现点阵好像有点太密集了,我们再使用 OK 插件中的特殊选中-按尺寸选中,把一些较大的圆形给删掉。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

删掉一些较大的圆形后,给形状设置一定的透明度渐变,整体效果是不是还不错?

再深入一些,咱们还可以全选所有圆形,批量更改形状为三角形,变成这样:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

公众号对图片有压缩,大家可以放大看看效果。

如果到这里你还能跟上进度,那说明你的基础真的很好,是高手无疑了!

咱们继续拓展发散~

先通过 OKPlus 插入脑图,得到下面的效果:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

批量形换形之后,修改曲线的颜色:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

增加文案内容,完善一下细节,就可以做出这样的高端图表:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

思路不停,接着发散~

先绘制高度不同的两个矩形,再用 iSlide 插件的补间功能,得到下图:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

之后用英豪插件的内部随机分布:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

全选,底端对齐后,横向分布:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

绘制一个凸起的形状,用 OK 插件批量形换形:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

感觉有点太高了,咱们压缩一下整体的高度。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

再通过 iSlide 补间,得到大小变化的多个圆形:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

控制黑色矩形的高度,让它只占据页面的偏上位置。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

使用英豪插件的内部随机分布,把圆形分布到页面上部:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

可以用 OK 插件随机选中后修改颜色,也可以手动选中圆形修改颜色。

爆肝了一整天,这一次,我要让桑基图为PPT代言!

需要注意,如果这里是比较严谨的数据图,则可以用气泡图来得到相应的圆形。

我们把之前做好的凸起部分,复制到这个页面中:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

修改下方凸起形状的颜色,再使用英豪插件的选择连线功能,依次连线:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

用之前教的方法,得到垂直方向的曲线形状:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

再使用 OK 插件的批量形换形功能,把所有的直线换成曲线:

爆肝了一整天,这一次,我要让桑基图为PPT代言!
爆肝了一整天,这一次,我要让桑基图为PPT代言!

给所有的圆形以及曲线添加透明度:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

最后,简单加个标题,搞定!

爆肝了一整天,这一次,我要让桑基图为PPT代言!

到这里,用 PPT 制作桑基图的基础与进阶操作,就全都教给你了。

如果你一下子没看明白,也很正常,这涉及到多个插件的组合运用,上手多试几遍就熟练了。

至于文中提到的这些 PPT 插件,在咱们的网站(AboutPPT)都有收录整合,没用过的话可以去尝试一下:

爆肝了一整天,这一次,我要让桑基图为PPT代言!

网址:https://www.aboutppt.com/favorites/fuzhuchajian

用插件来制作,相比手动绘图,要更加快速也更加准确。

如果你对桑基图的效果没有太高要求,不需要做出各种炫酷的效果,也可以尝试使用其他工具:

01. 使用 Excel 的折线图与散点图制作,效果很一般,过度不自然。

02. 使用花火、RAWGraphs 或  ECharts 等在线图表工具,输入数据生成桑基图,格式固定样式不易修改,可以导出 svg 矢量格式。

03. 使用 PowerBI 与在线应用生成,可以编辑修改数据,但是应用插入到 PPT 中貌似要收费。

04. 使用 Excel 插件 tusimpleBI 生成桑基图,但是需要旗舰版才能使用,按年订阅,如果只是做桑基图的话不便宜。

05. 使用编程的方式生成,或者用 AI 等矢量绘图工具绘制,相信你应该不会采用这些方法,是吧?

上面提到的这些工具,网上都可以找到对应的操作教程,这里我就不逐个讲解了,感兴趣可以自行搜索学习。

以上,就是今天分享的全部内容,希望对你有所启发~

这篇教程从找资料到思考解决方法,再到理清逻辑制作案例,最后形成详细的图文教程,实际上用了不止一天时间,个人觉得真的很干货很实用。

如果可以的话,期待你的三连与分享,爱你!

——
公众号:自律的音律
原文链接:爆肝了一整天,这一次,我要让桑基图为PPT代言!

© 版权声明

相关文章