您的位置: 梦妆时尚网 > 生活 > 正文

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

2020-11-11 09:39:51来源:阅读:-
小用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进化论,私信回复【小米动画】就可以获取了案例源文件了~

推荐阅读:企媒在线

滚动推荐
39:51小用PPT复刻了小米10 发布会上
在小米 10 周年发布会上,我看到了这个动画效果:作为PPT发烧友,忍[详细]
20:13十月新机扎堆发布 2017年10月
金九银十,每年的这两月,都是手机厂商旗舰机扎堆发布的季节。月底已至,今[详细]
15:24比16T更上档次 静态体验荣威i6
荣威RX5在2016年的一炮而红让上汽吃尽了甜头,新的家族化设计让这一[详细]
13:03最尴尬小米旗舰:骁龙821+曲面屏
注:问题都是来源于“兴趣部落”数码爱好者发的帖子,我并没有黑什么手机,[详细]
45:33惊艳: 你没见过的自然美感手机,从
注:问题都是来源于“兴趣部落”数码爱好者发的帖子,我并没有黑什么手机,[详细]
32:19区块链108将从机锋网到BAIC,
靠卖房子投身于区块链技术得到 极大成功人士有两个,一个是吴忌寒,一个是[详细]
10:45两款新机蓄势待发,Motorola
紧跟市场步伐,摩托罗拉或将迎来新一轮的发展机遇。旗下最便宜5G手机首次[详细]