在小米 10 周年发布会上,我看到了这个动画效果: 作为PPT发烧友,忍不住用PPT复刻了这个动画,其实,也没想象中的那么难。 在之前的文章中,已经介绍了一部分,如果你还你没看,点击下方链接,即可阅读: 关注@PPT进化论,私信回复关键词【小米动画】,即可获取案例源文件了~弹动触碰音箱这个效果非常灵动,通过手机缩小再回弹,模拟真实触碰的效果。操作不难,一个动画即可搞定! 我们直接对手机添加放大/缩小动画,持续 1 秒: 设置缩小尺寸为 90%,并勾选自动翻转,只有这样手机才能回弹到原来大小: 来看下效果: 旋转位移消失它所使用的动画,与手机出现效果是一样的,只需要反向设置手机的旋转以及位移的方向即可: 最后,调整各个动画化的起始时间,手机触碰动画就完成啦! 波纹扩散动画还是先做准备工作,这里的波纹,我使用了多色渐变的圆形: 主要为了和音箱以及文字颜色形成呼应,从而让页面更加和谐: 它的制作方法也很简单,由多个不同渐变角度的圆形重合组成: 将多色波纹组合后,为其添加基本缩放动画: 在效果选项中设置动画重复播放,直到幻灯片末尾: 得到这样的效果: 目前动画还有些生硬,为了解决这个问题,我可以添加淡化退出动画: 同样,设置重复播放,持续时间与基本缩放动画一致。 再来看下效果: 柔和多了,对吗? 通过复制、粘贴,得到 4 个扩散波纹: 调整动画的起始时间,间隔 0.5 秒,让波纹依次扩散: 再将波纹重合: 置于音箱的底部即可: 最后,我们再来看下完整的动画效果: 你学会了吗? 最后,关注@PPT进化论,私信回复【小米动画】就可以获取了案例源文件了~ |