专栏名称: 旁门左道PPT
旁门左道新世界
目录
相关文章推荐
旁门左道PPT  ·  用DeepSeek做的这套哪吒PPT ... ·  2 天前  
旁门左道PPT  ·  这4个超土的SmartArt图形,用PPT中 ... ·  3 天前  
51好读  ›  专栏  ›  旁门左道PPT

看完网友的这页PPT图表,我被丑哭了!上手改...

旁门左道PPT  · 公众号  · PPT  · 2021-03-02 19:00

正文



数据图表页,是我们制作 PPT 时经常会遇到的页面之一。

恰当美观的数据图表,既能清楚明确的展示数据,也能让领导对我们的业绩成果一目了然。

但大多数小白制作的 PPT 图表页,都是这样的:




或是这样的:




有点丑,对吗?

这样的图表既不够美观,也会影响观众的阅读和理解。 而大神们制作的 PPT 图表,往往是这样的:




甚至是动态的:




很炫酷,并且十分生动形象,对吗?

并且,这个图表制作起来其实并不难。只需要掌握两个技巧,小白也能轻松复刻出来!

01.用形状制作立体元素
02.为图表添加遮罩动画

那么,这两个技巧具体是什么意思呢?下面给大家详细分享一下。


用形状绘制立体元素



提到立体元素,很多人会认为,必须使用专业软件才能制作,因为 PPT 中没有。

但其实我们只需要一个菱形,加上两个平行四边形,就可以拼出案例中的立方体!




可能有些朋友还是不太懂,这里再详细展示一下具体的操作步骤:

我们首先插入一个 PPT 自带的平行四边形,适当调整大小和斜边倾斜程度,并向左旋转 90 度。




然后,我们将这个平行四边形复制一份,并进行水平翻转,沿着第一个平行四边形的右侧边进行排列。




接着,我们再插入一个菱形,并 调整宽高和大小,使菱形的宽度和角度,与两个平行四边形契合。




形状拼完了,我们再来为各个面添加不同的颜色,模拟出被光源照射的感觉,让形状看起来更加立体。




有点儿立体的感觉了,但似乎还差点儿意思,缺少一些落地感。

那么,该如何让形状更加“落地”呢?

答案是, 给形状制作一个投影 。毕竟有光源,就应该有影子嘛。

我们先插入一个渐变的平行四边形:




然后将其适当旋转,并调节侧边的倾斜度,让其与立方体的底边契合:




到这里,一个立方体就完成了。

很简单吧?

以此类推,我们可以根据原始图表的柱形高度,制作出其余的立方体,并添加数据标签。




制作遮罩动画



立方体绘制完了,该如何让立方体动态地展示数据呢?

其实很简单,只需要 给立方体加一个直线动画,同时给阴影添加一个擦除动画。




为了便于大家理解,这里我也录制了一些动图。

首先是给立方体和数据标签添加直线动画:


注意,因为直线动画默认的移动路径较短,所以我们可以根据实际情况进行手动延长。


之后再为阴影添加擦除动画, 注意方向为从右向左。




以此类推,我们可以为其余的元素添加相应的动画,然后看下效果:




投影和立方体的出现顺序有点乱,对吗?

想要解决这个问题,我们需要 调整各个动画的顺序和延迟时间。


注:这里的数值需要根据实际情况和个人需求而定,图中数值仅供参考。


顺序和延迟调整完了,我们再来看下效果:




元素的出现顺序对上了,但没有“破土而出”的感觉,对吗?

这个问题的解决方法也很简单,只需要制作一个遮罩层即可。

我们 首先新建一个空白页面,并将所有立方体复制一份到页面(如果有组合记得解散组合),之后再复制一份并向上移动。




之后, 插入一个和页面等大的矩形,Ctrl + A 全选矩形和立方体,执行布尔运算中的剪除 ,即可得到遮罩层。




我们将遮罩层复制一份,粘贴到上一页面,并将所有投影,调整到遮罩层的上一层。

然后再来看下效果:




“破土而出”的感觉出来了吧?

最后,我们再 为背景和遮罩添加一个渐变 ,让视觉效果更美观些:





然后把相应的文字加上,就大功告成啦~

这是静态版:






请到「今天看啥」查看全文