上篇文章发布后,有不少读者对 PPT 页面中的动画很感兴趣,表示想学。
既然大家的学习热情这么强烈,今天这篇文章,就跟各位分享一下这些动画的制作方法。
操作不难,包你看完就会!话不多说,咱们直接开讲。
这页只用了「飞入」效果。
如果你添加过动画就知道,在加上这个效果后,
元素的进入动画会很生硬
,就像这样:
那如何让动画变得更加缓和呢?
秘诀就在于,
设置动画效果,让其平滑结
束,比如把时间拖到最大。
这时,动画就会变得非常轻柔:
明白了这一点。
接下来,我们可以先给页面中的每一个元素,都加上「飞入」动画:
然后,
按顺序去调整各元素动画的开始时间
,比如每个动画间隔 0.1s。
页面的中的元素就会依次缓和飞入:
这个效果虽然简单,
但是我们可以通过改变元素的进入方向,让页面的演示效果更加饱满。
比如元素从页面左、右两侧,双向进入:
又或者倾斜进入:
这第一个动画,你学会了吗?
这个动画主要模拟了交互效果,
通过鼠标和按钮的缩小、回弹,让人感知到这个按钮被点击了。
原理很简单,就是用到了「放大/缩小」的动画效果。
在效果选项中,设置尺寸小于 100%,元素就会缩小。勾选自动翻转,元素缩小后,就会回弹:
看下效果:
有些生硬,我们调整平滑开始、平滑结束,
让两者时间大致相同:
动画就会变得轻柔缓和:
是不是很简单?
关于这个动画效果,之前有讲过进阶版的,感兴趣的朋友可以点击下方动图查看。
这页的动画,是被大家提问最多的。
立方体,由内向外发散出现,使得整个页面的视觉冲击感很强。
那立方体向外飞出的效果,该怎么做呢?
有两个方法。
❶ 手动设置
分析一下这个动画的原理。最容易判断出来的就是,
立方体由页面中移动至边缘,肯定是用了路径动画:
同时,需要
让立方体由小变大
的,让人觉得立方体是由远处飞过来的:
搞清楚这两点,接下来,实际动手操作一下。
我们
先给立方体加上路径「直线」动画:
并调整好起始位置。
这里一定要选择「反转路径方向」,这样元素的运动方向才会是会由内向外。
接着,
在添加动画中,选择「缩放」
,让元素由小变大。
小提示:要在添加动画中点击「缩放」动画,这样不会覆盖前面设置好的路径动画。
让「缩放」和「直线」同时播放,元素向外发散的效果就做好了!
再来看第二个方法。
❷ 插件自动生成
这就需要
借
助 iSlide 插件中的平滑过渡
了。
先在页面中放置一大一小两个立方体:
选中小立方体,再按 Shift 键选中大的,点击平滑过渡中的应用:
插件会自动帮我们生成,立方体由小变大的位移动画: