如何用PPT实现计数动画效果
2017-03-21 本文已影响203人
Clquan
阿荃很早之前在公号有篇教程,是讲解如何制作水波纹加载动画:
![](https://img.haomeiwen.com/i1829770/587301f1615b343b.gif)
里面有一个百分比数字的逐增效果,在《水波纹制作教程》里,我告诉大家的方法,是将数字编辑好之后,依次设置出现消失,异常的麻烦。
难道用PPT做动画这么鸡肋?
没有简洁粗暴实现炫酷计数动画的方法吗?
(微笑)
当然有!
今天,就告诉大家如何利用文本框的特殊方式让计数动画快速实现!
在做PPT的时候,我们往往会给一句话或者一段文字添加动画,但由于PPT效果都是针对某一个素材,所以我们看到的效果就是一整句话一起出现:
![](http://upload-images.jianshu.io/upload_images/1829770-ca7c23936735fd7e.gif)
然后,我们打开效果选项来研究一下,在效果增强里有动画本文:
整批发送、 按字/词、 按字母
![](http://upload-images.jianshu.io/upload_images/1829770-da29225973c0e2f7.png)
![](http://upload-images.jianshu.io/upload_images/1829770-33705fd6fdc0e322.png)
也就说是如果你输入的是一段可编辑的文字,我们就可以在效果选项里将动画效果以一个字一个字的形式显示动画效果,不用一整段一起出现。
比如,我设置为按字母,每个字母延迟10%,则会出现这个效果
![](http://upload-images.jianshu.io/upload_images/1829770-62b18637255b50ea.png)
两者对比
![](http://upload-images.jianshu.io/upload_images/1829770-2014c870bb16a370.gif)
那我们既然能将一整段话的动画效果分开,那么英文字,数字也都是可以的啊!
![](http://upload-images.jianshu.io/upload_images/1829770-f1c0ef5936e2d338.gif)
所以,计数动画就很好做啦!
以从1变成25为例
![](http://upload-images.jianshu.io/upload_images/1829770-d47b6125949d89ec.jpg)
![](http://upload-images.jianshu.io/upload_images/1829770-b56c7bdab56acf93.gif)
![](http://upload-images.jianshu.io/upload_images/1829770-6a0832a1137ec3b0.jpg)
![](http://upload-images.jianshu.io/upload_images/1829770-fd07d8a38b06afa8.gif)
![](http://upload-images.jianshu.io/upload_images/1829770-6f14f1f3a3810424.jpg)
![](http://upload-images.jianshu.io/upload_images/1829770-cb80bd9b9f51be47.jpg)
![](http://upload-images.jianshu.io/upload_images/1829770-cda47445ce25a810.gif)
![](http://upload-images.jianshu.io/upload_images/1829770-8e6e1e6d6173a6bc.jpg)
![](http://upload-images.jianshu.io/upload_images/1829770-da0d4730052f1d93.gif)
![](http://upload-images.jianshu.io/upload_images/1829770-dc95fe54e192a330.jpg)
![](http://upload-images.jianshu.io/upload_images/1829770-0d3a9458e3f48eb5.gif)
所以,我们可以利用文本框的特性,调整行间距、固定值,让所有的数字重叠,然后在添加动画的时,修改为按字词并添加延迟时间,就可以实现计数的动画效果
当然,这个方法可以用在很多场景中,不单单是数字百分比的变化,也不局限于淡出这一个动画效果,比如:
![](http://upload-images.jianshu.io/upload_images/1829770-3795ad3ce264abc2.gif)
MBA项目新生数据中的一个动图,同样也是利用的本文框设置,再添加了一个路径实现的动画效果
![](http://upload-images.jianshu.io/upload_images/1829770-cbc0028a77dee0da.gif)
我们还可以将这种方法用于总金额变化,竞价变化,销售业绩变化等等,还是按照文本框的设置方法,设置好延迟时间和最后出现的数字
![](http://upload-images.jianshu.io/upload_images/1829770-e6f5551abcaf47f8.gif)
还可用于倒计时
![](http://upload-images.jianshu.io/upload_images/1829770-d5bc6809d0b88322.gif)
以及各种百分比的加载计数中,总之,只要掌握了方法,任何地方都可以用上!绝对的实用!
另外,最开心看到你们的转发与分享,大家如果觉得阿荃的文章实用有趣,可以点击下方打赏按钮~