![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/17482ae0-aeb7-45ed-a729-bda16c4e33d6.jpg)
有不少小伙伴对 之前文章里PPT 页面中的动画很感兴趣,觉得特炫酷,强烈表示很想学!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/1b883673-d845-4c4b-9078-4138443b5feb.jpg)
既然大家的学习热情这么强烈,今天这篇文章,就跟各位分享一下这些动画的制作方法。
而且这些动画的PPT源文件也免费分享给大家!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/f7ccce45-9c99-4387-94f7-a3350fedb3fd.jpg)
操作不难,包你看完就会!话不多说,咱们直接开讲。
缓和飞入
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/e7a579bd-45b9-47e3-9e47-7f144e1d2154.jpg)
这页只用了「飞入」效果。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/7b46cc24-f8d7-4fea-bdf2-26d528aeec19.jpg)
如果你添加过动画就知道,在加上这个效果后,元素的进入动画会很生硬,就像这样:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/a79a6733-03ad-4f8c-ac3d-bb7da01e6ff0.jpg)
那如何让动画变得更加缓和呢?
秘诀就在于,设置动画效果,让其平滑结束,比如把时间拖到最大。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/3f1b9afa-fb1d-410f-8048-b37163803c66.jpg)
这时,动画就会变得非常轻柔:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/a954a574-b010-4b6d-bffa-1e8c5524fa04.jpg)
明白了这一点。
接下来,我们可以先给页面中的每一个元素,都加上「飞入」动画:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/3f11437d-60d7-40c0-bfb7-a8a8cf9002a7.jpg)
然后,按顺序去调整各元素动画的开始时间,比如每个动画间隔 0.1s。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/cf752832-da5c-40d2-90ae-39944cd0b75e.jpg)
页面的中的元素就会依次缓和飞入:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/7dc49e9b-1ab2-4056-bd93-3874ce7b2f5b.jpg)
这个效果虽然简单,但是我们可以通过改变元素的进入方向,让页面的演示效果更加饱满。
比如元素从页面左、右两侧,双向进入:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/d8f8ff28-7ee0-4848-98f4-4eb1759eb8e2.jpg)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/50c77932-879f-4c73-819b-069366717ab7.jpg)
又或者倾斜进入:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/756459d1-3406-498f-946a-d5956a2872ad.jpg)
这第一个动画,你学会了吗?
按钮弹动
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/2c5024ba-709d-4f96-9ded-3e9f0cfc4f2d.jpg)
这个动画主要模拟了交互效果,通过鼠标和按钮的缩小、回弹,让人感知到这个按钮被点击了。
原理很简单,就是用到了「放大/缩小」的动画效果。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/821f5572-4773-4abd-811f-faafabd92283.jpg)
在效果选项中,设置尺寸小于 100%,元素就会缩小。勾选自动翻转,元素缩小后,就会回弹:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/90f8f69b-f8a5-41e3-9fe2-8b7bb1c1b39d.jpg)
看下效果:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/071cf012-9f87-497d-8d9a-a92bc09182b3.jpg)
有些生硬,我们调整平滑开始、平滑结束,让两者时间大致相同:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/3d487f64-2ac6-4a62-ba9d-d151a3c002f5.jpg)
动画就会变得轻柔缓和:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/18604d30-8c1a-4b86-99a9-93fa8cbdc774.jpg)
是不是很简单?
好了,今天主要跟各位分享了两个简易好用的动画效果,还有一个明天的文章会讲哦~
PPT 动画可以不追求酷炫,但给人的感觉一定要连贯柔和,毕竟辅助演讲才是它的主要职责。
最后,为了方便大家拆解学习,我把这份 PPT 的源文件免费分享给各位。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/d5a6f636-ecce-4580-87c8-0cd412d42172.jpg)
关注我们@PPT进化论,私信回复关键词 改稿05,即可免费无套路领取 PPT 动画源文件!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/8d3b3b62-a284-4db6-bd3a-26218de593a2.jpg)
文章为用户上传,仅供非商业浏览。发布者:Lomu,转转请注明出处: https://www.daogebangong.com/articles/detail/The%20PPT%20animation%20that%20has%20been%20asked%20999%20times%20is%20here%20After%20you%20finish%20reading%20it%20start%20immediately.html
评论列表(196条)
测试