北京时间4月21日凌晨1点,苹果召开了今年第一场新品发布会,发布了一系列新品。
全程看完发布会直播,我在其中发现了一个很漂亮的PPT动画效果:
经过研究,我基本实现了这一动画在PowerPoint中的复刻。
正好前两天已经给各位推送了一篇苹果发布会动画效果的教程,今天趁热打铁,就把最新的这个动画的制作过程分享给各位小伙伴。
我复刻的效果如下:
01 动画分析
在仔细观看并试验若干次之后,我发现苹果这一动画由两个阶段构成:
第一阶段,各个公司Logo出现时比较小,在由远及近的运动轨迹中,Logo会逐渐从小变大;
第二阶段,变大到一定程度后,会缓慢消失。
02 动画添加与设置
在PowerPoint中,上述第一阶段的动画可由“基本缩放”实现,它的位置在“更多进入效果”——>“温和”中。
第二阶段的动画可由“淡化”实现,它的位置在“更多退出效果”——>“细微”中。
所以,对于每一个Logo,我们为它分别添加这两个动画效果,如下所示(请注意,添加完第一个动画效果后,一定要点击“添加动画”按钮才行。如果直接在可选动画列表中选择新的动画,那么会把之前已添加动画替换掉,仅保留最后一个动画):
“基本缩放”这个动画,开始位置是页面中心,即添加这个动画的对象将从页面中心出现,但它的结束位置取决于我们自己需要把对象摆放在哪里。
对象的起始大小由程序决定,但最终大小由我们自己控制,我们可以自己手动调节。
所以基于以上2点,假设我想让第1个Logo从中间出现、运动到左上角时变为最大、然后消失,那么给第1个Logo添加好动画后本身按照下图的大小和摆放位置放置即可:
以此类推,摆放好其他Logo的位置并添加好对应的动画:
此时,有小伙伴问了,上面这个图里,为什么最后动画窗格形成了一个阶梯型的形状呢?
问得好!我们现在来看看动画的参数具体如何设定。
第1个Logo的“基本缩放”动画,可以按下图设置:
第1个Logo的“淡化”动画,按照如下设置:
各位小伙伴不知道发现其中问题没有:
整个动画的时长是3秒,为什么“淡化”动画要延迟1秒?而且延迟1秒后还有2秒的展示时间,为什么上图反而填写了“1.8秒”这么个数字呢?
我让它延迟1秒,是为了不让“淡化”和“基本缩放”同时开始,否则的话,一出现就开始消失,和原动画不符。
而“1.8秒”这个数字,是因为如果直接填写2秒的话,效果会是这个Logo在放大到最大时才开始消失,这样会感觉运动停止后才淡化,会有停顿感,和原动画“边运动边消失”不符。
上面这个解释,各位小伙伴是否看明白了呢?
对于第2个Logo,动画设定的参数会有一定的变化,还是请看下面2张不同动画的参数设置:
其中“1.8秒”没有变化,只不过“延迟”有了变化。相信这种变化,可以很容易的理解并推理出来。
根据上面的这种逻辑,对所有Logo的动画参数进行设置后,就会出现上述图中动画窗格的阶梯型形状了。
当然,这里提及的各个参数可根据自己需要设置。例如,“期间”调整为5秒,让Logo运动速度更慢一些,更接近原版效果。
不过按上述设置复刻的动画,和原版动画相比有一个不足,即原版动画的各个Logo是从页面不同地方出现的,而不是从同一个地方出现。
我暂时没有找到复刻这一点的方法。各位小伙伴如果找到了方法,请随时留言给我。
好啦,苹果新发布会的这个动画,我就复刻到这里。为了方便各位小伙伴,我也提供了源文件的下载,希望得到大家多多的留言,我们共同探讨、进步: