苹果发布会PPT

今天凌晨的苹果发布会,大家熬夜看了吗?没有的话也没关系,一共发布了4款产品,分别是:Apple News +,Apple Card +,Apple Arcade,Apple TV+。几乎与我们没有半毛钱关系,总结完毕。

不过,这次发布会虽然没有硬件产品,但它的PPT做得还是有点儿意思,比如这些:

今天就跟大家分享3个创意的动画效果。

1、动态数据图表动画

发布会上有这么一段内容展示:

其实这里面包含两个小的动画,一个是数字滚动,另一个是弧形擦除动画,二者同时播放。这是个很实用的动画效果,我们在呈现产品数据比例关系的时候,也可以使用这个动画。

那这个是怎么做的呢?弧形擦除动画,添加一个“轮子”动画即可。

比较难的可能是数字滚动,接下来就给大家解析一下它的实现原理。其实也很简单,分为3个步骤:

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

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

第三步:为每一列数字添加直线路径动画,让它们滚起来。

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

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

 

2、元素聚中路径动画

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

它的原理也很简单,就是给页面上所有的元素,都添加一个直线路径动画,终点是页面中心。

那这个动画,在我们平时做幻灯片中有什么用途呢?我们可以用来表现一个由不同方面组成的一个概念,更清晰地展现出它们的逻辑关系。

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

 

3、页面遮罩呈现动画

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

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

那它能干什么用呢?比如过渡页的设计,我们可以在它的底部添加一张渐变背景图,从而保证文字发生相应的渐变效果。

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

这就是我们能够从苹果发布会PPT中get到的一些创意动画方式,从原理来看它的实现方式并不难,当然最关键的还是在于创意。