查看原文
其他

苹果又开发布会了,这些创意的PPT动画值得学习!

邵云蛟 旁门左道PPT 2022-10-22


今天凌晨的苹果发布会,各位熬夜看了吗?没有的话也没关系,我用50个字给各位总结一下,它的内容要点。

 

一共发布了4款产品,分别是:


  • Apple News +

  • Apple Card +

  • Apple Arcade

  • Apple TV+


几乎与我们没有半毛钱关系,总结完毕。

 

不过,这次发布会虽然没有硬件产品,但它的PPT做的还是有点儿意思,整体的逻辑结构我就不多说了,依旧是总分结构。

 

它的有些PPT动画还是挺意思的,比如像这些:


 

或者是这些:


 

很酷,对吗?

 

有些读者还拍了一些动画视频,来问我是怎么做的。所以,这篇文章就来跟各位分享3个创意的动画效果。

 


动态数据图表动画

 

发布会上有一段呈现。它是什么样的呢?给大家截个动图:


大家可以看到,其实呢,这里面包含两个小的动画,一个是数字滚动,另一个是弧形擦除动画,二者是同时播放。

 

这是个很实用的动画效果,我们在呈现产品数据比例关系的时候,也可以使用这个动画:


那这个是怎么做的呢?弧形擦除动画呢,无非是添加一个『轮子』动画即可:



比较难的,可能是数字滚动。接下来,就给各位解析一下它的实现原理。

 

其实也很简单,我们需要做的就是分为3个步骤:

 

01.将数据拆分成单个数字,并且纵向添加一些数字。数字越多,滚动时间越长,但要注意,最后一个数字,一定要与需要呈现的数据保持一致。

 

就像这样:


02.在数字的上下两侧,各添加一个形状,做遮挡效果。为了确保形状与背景融合度较高,建议形状格式设置为『幻灯片背景填充』:


03.为每一列数字添加直线路径动画,让它们滚起来。就像这样:


这就是它的实现原理,很简单就能做城这样:


那么,除了弧形动画之外,其实我们还可以设计条形图的动画,原理也是一样的:




元素聚中路径动画

 

在苹果发布会中呢,有这样的一个动画,为了体现A产品包含的内容很丰富,制作了一个所有内容汇集在A产品中的动画A:


那这个动画的效果是怎么实现的呢?它的原理也很简单。无非就是给页面上所有的元素,都添加一个直线路径动画,终点是页面中心。

 

就像这样:



那使用这个动画,在我们平时做幻灯片中,都有什么用途呢?

 

比如,我们可以用来表现一个由不同方面组成的一个概念,可以更清晰地展现出它们的逻辑关系:


在或者当我们想要体现产品卖点的时候,比如一款CD产品,为了体现它的数量丰富,也可以采用这样的方式:



 

页面遮罩呈现动画

 

在发布会上,每一个过渡页的文字内容,都会有渐变流动的效果:



那这个是怎么实现的呢?它的原理是这样的,在页面上插入一个形状,在需要露出的部分呢,将它裁剪掉,这时候底部的元素变化,就会影响我们看到的视觉变化:


那它能干什么用呢?比如我们在设计幻灯片时,对于过渡页的内容,我们可以在它的底部,添加一张渐变背景图,从而保障文字发生相应的渐变效果:


再比如,当我们想要先局部,后整体展示的时候,也可以利用这个动画:




明白了吗?这就是我们能够从中get到的一些创意动画方式,从原理来看,它的实现方式并不难,当然,最关键的还是在于创意。

 

希望能够对你有所启发,就这样,写了半天,快累死了。



本文内容为旁门左道PPT原创出品

如果对你有所帮助,欢迎在文章底部点击「在看」




另外,前几天的一篇文章,因为用错了一张图片,所以,给删除了,如果你没有看过,欢迎大家在第二条进行阅读。




这8种好用的PPT动画效果,让小白也能做出酷炫动画!

人人都可以学会的动画设计

 

这款好用的PPT辅助工具,我发现了一些新玩法

缩放动画/时间轴动画


新的一年,与10000+用户一起提升PPT制作技能

60秒了解


我写完了,轮到你写留言了~


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存