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