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


树袋熊|我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳上周 , 我在观看小米十周年公开演讲的时候 , 发现一个页面的动画效果还挺有意思的 , 于是周末在家临摹一下 。
树袋熊|我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳原稿动画很灵动 , 应该是用 AE 做成的视频 , 再导入到 PPT 中:
树袋熊|我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳下面是我用 PPT 还原的:
树袋熊|我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳另外 , 还制作了一个深色版的:
树袋熊|我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳效果也还不错!
本文的案例源文件都准备好了!关注@PPT进化论 , 私信回复【小米动画】 , 就可以领取了!这个动画 , 看似复杂 , 但只要你要明白其中的原理 , 用 PPT 也能很快搞定!
那么 , 接下来 , 就跟各位分享一下这个动画的制作方法 。
动画主要分为两个部分 , 先是手机触碰音箱 , 接着音箱波纹扩散 。
树袋熊|我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳我们先来说第一个 。
手机触碰动画
树袋熊|我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳动画分为 3 步 , 从底部旋转出现 , 弹动触碰音箱 , 最后旋转消失 。
树袋熊|我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳为了各位看的更清楚 , 这里我放慢了动画的速度:
树袋熊|我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳同样的 , 咱们逐个击破 。
旋转位移出现
原理很简单 , 就是淡化进入+陀螺旋+路径:
树袋熊|我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳首先是准备工作 , 将手机向逆时针旋转 45° , 置于页面外侧 , 音箱的正下方:
树袋熊|我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳然后 , 为其添加陀螺旋动画 , 时间 1.5 秒:
树袋熊|我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳调整旋转角度为顺时针旋转 45° , 并设置平滑开始及结束 , 这样动画会更平顺:
树袋熊|我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳配合淡化进入 , 看下效果:
树袋熊|我用PPT复刻了小米10 周年发布会上的动画,网友:惊艳接着 , 再为添加直线路径动画 , 时间同样为 1.5 秒 , 让手机遍旋转遍移动 。


推荐阅读