islide插件

保姆级PPT动画案例拆解,每一页都干货满满!

保姆级PPT动画案例拆解,每一页都干货满满!
导读

本篇文章为大家带来三页丝滑PPT动画拆解过程,分别是1、滑动延迟动画;2、圆形扩展动画以及3、曲线擦除动画。并且在文末贴心的准备了源文件供大家参考练习哦~

我花了4小时,拆解了企业微信PPT的动画设计!

今天这篇文章来拆解一下下面三页PPT动画:

我花了4小时,拆解了企业微信PPT的动画设计!

接下来,就进行单页动画的讲解,先易后难,先来说个操作简单的动画吧!

一、滑动延迟动画

我花了4小时,拆解了企业微信PPT的动画设计!

其实,这 3 排动画的效果是一样的,只是方向不同。
为了让大家更容易理解,这里我使用色块制作了一个单排的图示,这样会清晰很多:

我花了4小时,拆解了企业微信PPT的动画设计!

多个并列的色块,先后从页面边缘滑入,最后再缓慢结束。
那这个动画,该怎么做呢?
其实很简单。
先给页面中的元素同时添加 [ 飞入 ] 的动画效果,方向为 [ 从右侧 ],并将动画的持续时间调整为 1.5 秒。

我花了4小时,拆解了企业微信PPT的动画设计!我花了4小时,拆解了企业微信PPT的动画设计!

现在动画结束的很生硬,为了解决这个问题,我们可以在 [ 效果选项 ] 中,将 [ 平滑结束 ] 同样改为 1.5 秒,与动画持续的时间保持一致。

我花了4小时,拆解了企业微信PPT的动画设计!我花了4小时,拆解了企业微信PPT的动画设计!

最后,按照形状的出现顺序,依次设置动画延迟的时间,比如设置相邻两个形状的动画间隔为 0.2 秒。

我花了4小时,拆解了企业微信PPT的动画设计!我花了4小时,拆解了企业微信PPT的动画设计!

到这儿,滑动延迟动画就完成了!
我们在遇到 4 项及以上的内容页面时,都可以采用这样的动画形式。
比如用于时间轴页,各个时间节点沿轴线依次滑入:

我花了4小时,拆解了企业微信PPT的动画设计!

又或者是多图展示:

我花了4小时,拆解了企业微信PPT的动画设计!

甚至是文字云:

我花了4小时,拆解了企业微信PPT的动画设计!

接着,咱们再来拆解第二个动画。

二、图形扩散动画

我花了4小时,拆解了企业微信PPT的动画设计!

同样的,我们把这个动画用图示简易化:

我花了4小时,拆解了企业微信PPT的动画设计!

可以看出,这页动画主要有两部分构成:一个是手机的缩放出现;另一个是圆形的扩散出现。
先来说一下手机的缩放出现动画。
它和普通的缩放动画还不太一样,为了让各位看的更清晰,我特意做了一个对比图供各位参考。

我花了4小时,拆解了企业微信PPT的动画设计!

相信你一定能看出来,右侧动画结束的十分生硬,而由于左侧有一个放大再缩小的过程,它出现方式会更加柔和。
那么,这种缩放出现是怎么做到呢?
先给手机添加一个 [ 基本缩放 ] 动画,持续时间设置为 0.25 秒。

我花了4小时,拆解了企业微信PPT的动画设计!

接着,再添加一个 [ 放大/缩小 ] 效果,持续时间同样设置为 0.25 秒,延迟为 0.1 秒。

我花了4小时,拆解了企业微信PPT的动画设计!

最后,在 [ 效果选项 ] 中,调整放大尺寸,设置平滑开始、结束的时间相等,并勾选  [ 自动翻转 ]。

我花了4小时,拆解了企业微信PPT的动画设计!

一定要勾选 [ 自动翻转 ],只有这样手机在放大之后,才能自动缩小,恢复原来大小。
接下来,咱们来说一下圆形的扩散出现。
这个动画也很简单,给所有圆形添加一个 [ 路径 ] 动画,持续时间为 0.6 秒,并设置平滑结束同样为 0.6 秒。

我花了4小时,拆解了企业微信PPT的动画设计!

接着,非常重要的一步,选中所有圆形,点击 [ 翻转路径方向 ],它的作用就是互换形状的开始、结束的位置。

我花了4小时,拆解了企业微信PPT的动画设计!

最后,手动将形状的起始位置,拖动到所有圆环的中心位置即可。

我花了4小时,拆解了企业微信PPT的动画设计!

我们把两个动画合在一起,再来看下效果。

我花了4小时,拆解了企业微信PPT的动画设计!

其实,圆形扩散动画 PPT 中的使用频率还蛮高的,基本上大多数环绕排版型的页面,都可以添加这个效果。
来看几个案例:

我花了4小时,拆解了企业微信PPT的动画设计!我花了4小时,拆解了企业微信PPT的动画设计!

怎么样?还不错吧?

三、曲线擦除动画

我花了4小时,拆解了企业微信PPT的动画设计!

这个动画线路众多,看起来很是复杂。为让方便各位理解,我只取页面上的一条路线进行讲解:

我花了4小时,拆解了企业微信PPT的动画设计!

同样,这个动画由两部分组成,一个是圆形缩放出现,另一个是线条的擦除动画。
相信你一定发现,这里圆形的动画,与刚才手机出现的效果是一样的。

我花了4小时,拆解了企业微信PPT的动画设计!

所以,只要搞定曲线的擦出效果就可以了!
如果你用过 [ 擦除 ] 动画,那么应该知道,在一条线段中,PPT 的擦除只能够直来直去,不会随着线条弯曲的方向而改变:

我花了4小时,拆解了企业微信PPT的动画设计!

那么,我们该怎样在一条线段中,改变擦出的方向呢?
答案很简单,将线条分段。

我花了4小时,拆解了企业微信PPT的动画设计!

借助 LvyhTools 插件中的 [ 线条分段 ],即可快速把曲线分段:

我花了4小时,拆解了企业微信PPT的动画设计!

这样就可以分别为它们添加动画,从而控制擦除的方向:

我花了4小时,拆解了企业微信PPT的动画设计!

最后,调整不同线段擦除的时间,让其首位相接即可:

我花了4小时,拆解了企业微信PPT的动画设计!我花了4小时,拆解了企业微信PPT的动画设计!

看到这儿,相信你再看下面的案例,就会明白它们是怎么做的了!
时间轴的擦除呈现:

我花了4小时,拆解了企业微信PPT的动画设计!

模拟充电线:

我花了4小时,拆解了企业微信PPT的动画设计!

好了,以上呢,就是这篇文章的全部内容了,这 3 个动画效果,你学会了吗?
最后,送给大家一个福利,评论区评论任意文字即可免费获取文中案例的 PPT 源文件。

温馨提示:资源内容需要评论本文后,并刷新页面才会显示看哦。
如果评论刷新后依然没有看到,您可能账号还没绑定邮箱导致,绑定一下邮箱再试。

 

原标题:我花了4小时,拆解了企业微信PPT的动画设计!

原作者:旁门左道PPT 微信号:pangmenzd 自媒体大咖进驻

《“保姆级PPT动画案例拆解,每一页都干货满满!”》 有 19 条评论

  1. LIGHTNING鲸说道:

    讲得好

  2. 就是没长大说道:

    谢谢大佬

  3. 张小弛说道:

    厉害

  4. 小恶魔说道:

    要得

  5. 魔小恶说道:

    搂走

  6. xkjclk说道:

    适合学习

  7. QuantumCat说道:

    学习

  8. 打工人说道:

    收藏学习

  9. Enjsky说道:

  10. goldfishM说道:

    厉害

  11. lewfahr说道:

    赞了!

  12. daijiaer说道:

    厉害

  13. 佳佳子说道:

    太牛啦!

  14. 宅小丹说道:

    谢谢

  15. 宅小丹豆说道:

    谢谢大佬

  16. 宅小丹豆说道:

    学习了

  17. (兀妖)奥特曼。说道:

    谢谢大佬

  18. yyn说道:

    学习了

  19. feideliyou说道:

    学习了

发表评论

移动版关于我们联系我们版权声明

PPTfans.cn (PPT设计教程网) ©2012-2020 · 粤ICP备19137043号 · 基于Wordpress · 由peaterq设计&制作 ·网站标签 · 订阅鄂公网安备 42050602000108号

有困难加站长微信
购买咨询电话021-34551883
PPT交流QQ群34597820
iSlide交流QQ群281329348
疑难杂症找站长遇到困难,找站长!