老板: “图表给我再酷点,要让它一个一个的都动起来!”

最近我又被老板摧残了,他希望我美化一个图表,并且还希望这个图表能一个元素一个元素的动起来。


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图1)


更丧心病狂的是,这个图表竟然还是组合图,复杂程度大大提升。


但是既然老板有需求,那我含着泪也要做完!最终,我拿出了这样一页PPT。


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图2)


效果还不错吧?


其实像这种希望图表动起来的需求还是很多的,不论是商务演示,还是政府演示,都很实用。而且我发现老板们真的特别钟爱!


那具体怎么做?接下来,我就从静态页面到动画设计给你一一讲解。



01.

静态页面设计

任何图表设计,其实都遵一个思路:先简化,再美化。


就拿这个案例来说:


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图3)

图表本身数据就比较复杂,但是还有网格线这样容易扰乱视线的元素。所以第一步,我们就要将其删除,让页面变得简单一点。


选中图表,点击出现在右上角的加号,即可删减不需要的信息。


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图4)


其次,我们还可以隐藏坐标轴。因为具体的数据信息已经标注出来了,坐标轴的意义不大。


我们选中坐标轴。然后右击选择设置坐标轴格式,将文本填充设置为无。这样,坐标轴就被隐藏了。


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图5)

为什么不直接删除坐标轴,而选择隐藏坐标轴。

如果是单个图表,那么我们选中坐标轴,即可按住删除键删除。但是这个图表是组合图,如果删除了坐标轴,会让中间的数据显示错乱。


坐标轴隐藏后,图表是不是更清爽了呢?


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图6)

接下来,就可以进行美化。


首先,我们可以选中柱状图,右击选择【设置数据系列格式】,添加一些效果。这里,我给柱状图增加了一个渐变色。


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图7)


同理,我们也可以选中折线图,给其设置【数据系列格式】。不过,对于折线,我们一般需要设置更多效果。


比如:我们可以设置线条颜色


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图8)



也可以设置线条曲直:直接拉到底部,设置线条为平滑线


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图9)


除了设置线条,还可以设置数据点。


选中标记,在打开的标记选项和填充里,就可以设置数据点的颜色大小形状等。


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图10)


以上都是在图表功能的基础上进行设置,但其实,我们还可以直接制作元素,来替换图表中的元素。这也是一种美化思路。


比如我们可以将折线点,换成带箭头的小图形。


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图11)



我们还可以绘制图例,删除原有图例。这样就可以随意调整图例的位置了。

老板: “图表给我再酷点,要让它一个一个的都动起来!”(图12)



另外,给图表四周添加装饰,也是一个很好的美化思路。比如:叠加一个渐变平行四边形,增加图表的空间感。


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图13)



这样一顿操作下来,图表是不是清爽和高级了很多? 最后,加上一些科技感的背景和光效,搞定!


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图14)



效果还不错吧, 这就是图表的静态美化思路:先简化后优化。



02.

动画设计

图表动画跟普通动画的区别在于,它能按分类呈现动画。也就是老板要求的一个元素一个元素的动起来。


还是以案例说话,正常我们给图表增加一个擦除动画,是这个效果。


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图15)


但是,如果我们打开动画窗格,右击动画设置效果选项,就可以选择【按分类】呈现动画。


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图16)


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图17)


是的,图表它就一个一个的动起来了,原理就是这么简单。


但是现在还剩下一个小问题:黄色数据标签由于是我们自己用图形绘制的,所以我们需要单独给它增加动画效果,并且与图表动画配合好。


首先,我们给其增加【淡入动画】,这样在动画窗格里,就能看到多个动画。



老板: “图表给我再酷点,要让它一个一个的都动起来!”(图18)


然后我们点击图表动画左下角的展开标志,可以看到图表每个分类的详细动画。


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图19)

老板: “图表给我再酷点,要让它一个一个的都动起来!”(图20)



最后,就可以通过设置动画的触发条件和先后顺序,让这些动画完美配合。



老板: “图表给我再酷点,要让它一个一个的都动起来!”(图21)

老板: “图表给我再酷点,要让它一个一个的都动起来!”(图22)


是不是感觉就不一样了呢?


到这里呢,图表动画教程就结束啦。我们再回过头看下文章开头的案例。


老板: “图表给我再酷点,要让它一个一个的都动起来!”(图23)


你应该也会做了吧?当然,由于篇幅关系,里面还有些非图表的动画就没有讲了

转至公众号:愚人说P


PPT设计排版教程 PPT基础教程 PPT美化教程