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