分享

如何制作一个酷炫且实用的图表动画

 黑猩猩表哥 2017-10-29


让大数据不在显得那么枯燥

前言:说一下上周为什么没有更新文章,真的不是我懒(buzhunshuo),因为周末两天,家里的宽带,受不可抗拒因素影响,拒绝提供网络,强制罢工,所以就没有更新文章了。

为了表示我的歉意,利兄准备在文章结尾爆出自己的靓照(不准说我丑,也不准说不看)。


言归正传,上周给大家讲了一些实用的动画效果,比如倒计时动画,加载动画等,没有看的朋友可以看一下,下面是文章。

实用的PPT动画应该是这样的(附教程)


今天教大家制作一个实用的且酷炫的图表动画

首先送上今天的图表动画效果图

折线图




柱状图




饼图




如果感觉自己都会的朋友,就不用看了,直接看文末的爆照,

如果还不会的,可以仔细的听利兄给你唠唠。


首先,折线图的动画教程




第一步,绘制出数据图表

坐标轴和数据图其实是分开的,坐标轴是通过形状工具绘制出的,而数据图表可以直接在EXCEL中复制过来,然后,删除多余的坐标轴。



第二步,给坐标轴添加动画


坐标轴的动画其实包括横轴和纵轴的动画、文本的动画。

横轴添加的是伸展动画,方向为自左侧,时长为0.5秒

纵轴添加的是伸展动画,方向为自底部,时长为0.5秒

文本框的动画为路径,这里大家可以使用到一个动画的快捷按钮“动画刷”,只要给一个文本设置好动画,其它文本通过动画刷就能够轻松的实现。



第三步,设置效果选项


对于动画较多的,我们可以使用动画刷进行快速的设置

设置好动画之后,我们需要对动画进行微调,主要为修改动画效果选项中的

动画开始时间和动画持续时间。






第四步,设置数据图表的动画


数据图表的动画为擦除,方向为自左侧

动画时长设置为1秒,开始时间在坐标轴动画之后。



其次,柱状图的动画




第一步,绘制出数据图表

通过形状工具的线条,绘制出坐标轴;用矩形绘制出数据图表。


第二步,给坐标轴添加动画(同折线图)

坐标轴的动画其实包括横轴和纵轴的动画、文本的动画。

横轴添加的是伸展动画,方向为自左侧,时长为0.5秒

纵轴添加的是伸展动画,方向为自底部,时长为0.5秒

文本框的动画为路径,这里大家可以使用到一个动画的快捷按钮“动画刷”,只要给一个文本设置好动画,其它文本通过动画刷就能够轻松的实现。


第三步,给数据图添加动画

给矩形添加伸展动画,方向为自底部,动画时长0.5秒还是1秒自己调节。

给文本添加出现缩放动画

动画之间为衔接递进的关系,所以动画的开始为上一动画之后。



最后,饼图的动画




第一步,绘制出数据图表

通过形状工具中的饼形绘制出图表(这里黄色的部分为饼形通过控点调节的)


第二步,给饼形和文本框添加动画

75%的饼形色块主要有三个动画,分别为轮子动画,放大动画,还有淡出动画,其中扇形和放大为同时进行。

文本数据主要也有三个动画,分别为出现,路径和淡出。

黄色的饼形有两个动画,分别为出现和放大。




第三步,调节动画的效果选项

和前面的一样,效果选项调节的大部分还是开始的时间和持续的时长,所以对于这个动画它的开始时间,有些是与上一动画同时,有些是上一动画之后,时长大家也可以自己去掌控。



文章到这里就结束了,想要PPT源文件的可以在后台回复“图表动画”四个字。


PS:为了表达周末没有更新的歉意,在这里爆照一张,作为惩罚(我怎么感觉是在惩罚你们,哈哈)


高中毕业后,将近7年没有见过的哥们,在一起,聊聊当年十七八岁的青春。




这是一张拍摄于昨天夜里12点的照片.....


好啦,希望不会影响各位睡觉,哈哈,看中哪一位可以告诉我,都是单身。



晚安了,朋友!


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多