前天，我在群里分享了这样一张灵感图：
很快，有小伙伴私聊我，想知道是怎么做出来的，能不能分享一下制作方法。
于是我给 @云朵 提供了三种思路，让她作为早上的分享发出来。
这三种思路分别是：
-
先把多个线条做成透明图片，然后通过沙漪立方拼做成立方体，最后设置三维旋转；
-
用形状绘制出三个面，再把线条做成的透明图片填充到形状中；
-
直接用任意多边形勾勒出线条所形成的柱形区域，再用线条图片与其布尔运算-相交即可。
其中前两种思路的具体操作都讲过了，而且我还留了思考题：如果这里面的线条要动起来，应该怎么做？
正如之前所见，本文第一张动图就是所需的效果。
接下来，我就手把手教大家：如何用 PPT 制作这种炫酷的科技风图表。
首先，从之前发的背景图素材中，选一张类似的科技风背景图。
-
有了这些背景图，不论深色还是浅色的PPT，你都能拿捏住！
根据背景图中线条的走向，用两个平行四边形拼出一个柱形框架：
接着，通过布尔运算或者用任意多边形，得到顶部的形状。
把两个平行四边形布尔运算联合成一个形状，再给它们设置半透明填充，以及透明渐变的线条填充，得到如下效果：
目前背景图太亮了，为了突出柱状图部分，方便添加文字内容，可以加一层黑色渐变蒙版压暗背景。
接下来，制作线条向上循环流动的动画。
原理并不复杂，为了更直观、更方便理解，我用黑底背景来演示。
绘制一条竖直线，为其添加线性半透明渐变。
并设置自底部的“飞入”出现动画，与上一动画同时开始，持续时间 1 秒，重复动画到幻灯片末尾，效果如下：
选中该渐变线条，使用 OK 插件的批量原位复制，把该线条原位复制 100 份。
把之前做好的多边形复制过来作参考，拖动一根线条对齐两个面的分界处。
框选所有线条，在对齐里面使用横向分布对齐：
这时候放映的话，效果如下：
所有线条都是一起进入的，我们需要让线条的进入时间有所变化，这样在播放动画的时候才会有层次感。
框选所有线条，使用口袋动画插件中的【时间序列】功能，取消勾选“保留原延迟时间”，设置随机延迟时间范围为 0-2 秒。
这里的延迟范围，可以根据自己的喜好调整。
对了，口袋动画插件官网已经停止下载与维护，如果你还没用过口袋动画插件，也可以点击本文左下角的“阅读原文”下载使用。
设置好延迟后，动画效果如下：
做好侧面后，用相同的方法把正面的线条也做出来。
需要注意的是，虽然正面的矩形更宽，但线条的密度更小，所以也只要原位复制 100 根线条就行。
另外，为了让侧面和正面有所对比，可以选中所有正面的线条，把透明度与亮度降低，得到的动画效果如下：
接下来，把加了动画的所有线条复制到之前的页面，位于柱形的上方。
播放后动画效果如下：
做好线条动画后，我们需要用遮罩层把多余的部分给盖住，只露出柱体的两个面。
这里的遮罩层，就是原位复制一份背景图，用图片与柱形布尔运算剪除，得到一张镂空的图片：
接着把该柱形的顶部平行四边形至于顶层，也就是遮罩层的上方：
用相同的方法，把另一个更高的动态柱形给做出来，得到的效果如下：
这时候，最难的主体部分就搞定了，后面只需要添加文字并丰富细节即可。
把文字放上去，设置好对应的字号与三维旋转，效果如下：
此时背景图的下半部分太亮，分散了我们的注意力，可以添加一个中心射线的半透明渐变蒙版遮盖一下。
使用口袋动画插件-更多设计，超级蒙版功能，调整渐变的中心位置，使其位于两个柱状图所在处。
这就相当于聚光灯，最亮的地方留给主角，把其他部分压暗。
得到的动态效果如下：
需要注意的是，由于我一直用的是黑色渐变蒙版，导致页面上半部分以及页面四周过黑，几乎没有其他元素，看起来非常死板单调。
所以，可以添加一下高透明度的圆形斑点，让黑色部分的细节丰富起来。
为了教程效果更加直观，我这里直接用黑底背景进行演示。
按住 Shift 画两个等大的正圆，分别填充不同的颜色，并设置透明度：
制作的时候透明度最好设置为 95%，高透明度看起来会若隐若现，效果更好，这里设置为 70% 只是为了方便手机上看效果。
选中两个圆形，使用 OK 插件的批量原位复制，数量设置为 50 即可。
画一个页面等大的矩形，先选中矩形，再框选所有的圆形，使用英豪插件-位置分布中的【内部分布】功能：
这时候，所有的圆形会在页面内随机分布。
如果你对分布的效果不满意，可以再操作几次，或者手动调整几个圆形的位置也行。
圆形装饰叠加到动态页面中，最终的效果如下图：
到这里，这个炫酷的动态科技风图表就讲完了，你学会了么？
这种使用布尔运算以及遮罩的方法，比沙漪立方拼后再三维旋转更加方便准确，毕竟立方拼最难的是旋转到特定角度与位置。
此外，本文用到的所有 PPT 插件，都能在 AboutPPT 导航找到下载链接，还没用过的小伙伴自行下载安装哈。
如果想要这个动画效果的 PPT 源文件拆解学习，可以在 About PPT导航 获取。
以上，就是今天分享的全部内容，希望对你有所启发~
网友评论