幻灯技能解析05|如何调整动画延迟,让PPT动画更有真实感?

“幻灯技能解析”从理论讲起,深度解析某项技能的前后成因及应用效果,让你不单单是掌握技巧,而是理解一种制作思路。


影响PPT动画的因素除了动画自身的效果外(如擦除、缩放、陀螺旋),还有一个关键的因素就是时间。


这其中包括了持续时间和延迟时间,前者决定了动画的快慢,时间越短动画效果越快,时间越长动画效果越慢,而后者决定的是动画的顺序,时间短动画先播放,时间长动画后播放。



比如我们的页面上有两个圆形,给两者都添加飞入动画,飞入动画的持续时间都是1秒。


如果我们将两者的延迟都设置为0.5秒,那么就意味着在你点击放映后0.5秒两个圆形会飞入页面,两者的是一同开始的(等同于给第二个圆选择了一个“从上一项开始”)。



如果我们将第一个圆延迟设置为0秒(即点击放映后就播放),第二个圆延迟设置为1秒,那么你就会看到第二个圆在第一个动画完成后才出现(等同于“从上一项之后开始”)。




如果我们将第一个圆延迟设置为0秒(即点击放映后就播放),第二个圆延迟设置为0.5秒,那么你就会看到两者是交叉出现的。




对于延迟时间不同的设定,会带给页面一种层次感,比如:



有时也会形成一种特殊的动画效果,比如拖尾字(动图效果有些差,可下载源文件查看)。




在上一篇《

幻灯技能解析04|镂空遮罩+动画,用过的学员都说好!

》中有这样一个动画:



下面的加载条使用了镂空遮罩,有网友在问上面的圆点是如何制作的,这其实就是使用的延迟动画形成的视觉效果,下面我们就进行一个拆解。


第一步,插入一个圆形,给其添加一个圆形的路径动画,添加时默认的是椭圆需要调整。



第二步,复制出四个同样的圆形,通过对齐按钮将它们叠放在一起。



第三步,修改延迟时间。先将所有动画设置为“从上一项开始”,然后从第二个动画开始延迟时间依次按0.15秒递增,即第二个圆延迟0.15秒,第三个0.3秒,第四个0.45秒,第五个0.6秒。



上面介绍的这种操作是使用圆形+圆形路径+动画延迟来实现加载效果,除此以外还有其他方法:比如文本框内文字(圆点)间距压缩后使用路径动画,感兴趣的可以下载本期源文件看看第四页圆形的动画参数。


最后再附上一个应用的案例



如果你想获取以上动画效果的PPT源文件,在公众号对话框里输入“技能05”后台就会回复相应链接,同时你还可以在微博上传自己的作品@竖锯先生,期待更多的互动。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,019评论 3 119
  • 天气通说今天有雨,昨天看还是大雨,今天却成了小雨。外面的天一直很晴朗,不知道这雨是不是又一次不翼而飞。作为城...
    我是奢侈品阅读 244评论 0 0
  • 迷鹿mirror阅读 116评论 0 4
  • 文|没有春 我是这个世界的旅人 不知从哪里来 不知往哪里去 我飘过了高山 高山不再披绿衣 山石裸露皲裂的身体 光影...
    没有春阅读 478评论 18 18