小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2
2020-11-11 05:23:03来源:阅读:-
小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2


在小米 10 周年发布会上,我看到了这个动画效果:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

作为PPT发烧友,忍不住用PPT复刻了这个动画,其实,也没想象中的那么难。

在之前的文章中,已经介绍了一部分,如果你还你没看,点击下方链接,即可阅读:

我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳

关注@PPT进化论,私信回复关键词【小米动画】,即可获取案例源文件了~


小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2


弹动触碰音箱

这个效果非常灵动,通过手机缩小再回弹,模拟真实触碰的效果。操作不难,一个动画即可搞定!

我们直接对手机添加放大/缩小动画,持续 1 秒:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

设置缩小尺寸为 90%,并勾选自动翻转,只有这样手机才能回弹到原来大小:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

来看下效果:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2


旋转位移消失

它所使用的动画,与手机出现效果是一样的,只需要反向设置手机的旋转以及位移的方向即可:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

最后,调整各个动画化的起始时间,手机触碰动画就完成啦!

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

波纹扩散动画

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

还是先做准备工作,这里的波纹,我使用了多色渐变的圆形:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

主要为了和音箱以及文字颜色形成呼应,从而让页面更加和谐:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

它的制作方法也很简单,由多个不同渐变角度的圆形重合组成:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

将多色波纹组合后,为其添加基本缩放动画:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

在效果选项中设置动画重复播放,直到幻灯片末尾:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

得到这样的效果:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

目前动画还有些生硬,为了解决这个问题,我可以添加淡化退出动画:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

同样,设置重复播放,持续时间与基本缩放动画一致。

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

再来看下效果:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

柔和多了,对吗?

通过复制、粘贴,得到 4 个扩散波纹:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

调整动画的起始时间,间隔 0.5 秒,让波纹依次扩散:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

再将波纹重合:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

置于音箱的底部即可:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

最后,我们再来看下完整的动画效果:

小用PPT复刻了小米10 发布会上动画效果!网友:惊艳 2

你学会了吗?

最后,关注@PPT进化论,私信回复【小米动画】就可以获取了案例源文件了~

推荐阅读:中商网
网站首页 | 关于我们 | 联系我们 | XML地图 | 版权声明 | 网站地图TXT
天天健康网 -打造全面的专业的企业资讯门户!
免责声明:天天健康网所有文字、图片、视频、音频等资料均来自互联网,不代表本站赞同其观点,本站亦不为其版权负责。相关作品的原创性、文中陈述文字以及内容数据庞杂本站无法一一核实,如果您发现本网站上有侵犯您的合法权益的内容,请联系我们,本网站将立即予以删除!
Copyright © 2012-2019 http://www.65419.net, All rights reserved.