谷歌官网的PPT太绝了！人物页动画超丝滑！

点击 预约 ，锁定PPT免费直播课堂

免费抽奖我的图书《PPT设计思维》

最新消息，谷歌推出一些列AI产品追击OpenAI，这场AI大赛的竞争真的太激烈了。

不过这场AI大战谁输谁赢暂且不说，我前几天在国外一家 PPT 设计工作室的网站上，看到的这份谷歌的 PPT ， 页面叙事的逻辑很有意思，是以一个人物的行为，来贯穿出谷歌搜索的商业价值。

当然，页面的视觉，还有动画设计，也都非常赞。 如果有条件的朋友，可以看一下视频版，一共只有19秒：

其中有一些动画设计，我个人非常喜欢，比如像这个人员展示：

还有这个：

所以，一时手痒，就花了一些时间，把它给还原了出来，并且对部分页面的设计，做了小的改动。

这是还原版本：

在还原的过程中，有几个小的动画技巧，给各位分享一下。

设计技巧01： 元素倾斜旋转进入

比如我在做这个页面的时候，各位可以看到，有一个手机倾斜旋转进入的动画：

然而，在 PPT 自带的动画效果中，并没有这个动效：

那么该咋办呢？其实有一个非常简单的方法，可以一键完成。

我们可以在页面外侧，放置一个倾斜的手机，页面上是垂直的手机：

然后点击 iSlide 插件，找到扩展>平滑过渡：

先选中外侧的手机，再选中内侧，就可以实现手机倾斜旋转式进入：

同样地，还有像这个动画：

也是使用平滑过渡一键完成，而且动画呢，也会非常流畅。

设计技巧02： 元 素滚动效果

在我模仿这个页面的动画时，最简单的方式是借用平滑切换：

但如果你的软件版本不高，也可以使用直线路径动画完成。

而操作过程呢，也会非常简单。这里分为两个部分，咱们分别来说。

首先是文字部分，它会有一个向上滚动出现的动画：

这里的话，制作太简单了。怎么做呢？

首先，我们需要把所有的人名纵向排列：

然后，添加一个向上的直线路径动画：

但是要注意，因为每一次，我们只让它出现一个人名，所以，可以在上下两侧，添加一个色块进行遮挡。

就像这样：

如此一来，就可以实现人名的滚动效果。

接下来是照片的部分，它的运动轨迹是从右向左：

操作的手法也是一样的，给每一个人物的照片，添加一个向左的直线路径动画：

然后呢，为了让动画更加流畅，可以调整直线路径的平滑结束效果：

最后，为了让几张照片的出现更有节奏感，我们可以那几张图片同时出现：

并从第2张图片开始，依次添加一个延迟时间，我这里添加了一次延迟0.2秒：

这样就可以让动画的节奏感更强：

设计技巧03： 平滑裁剪动画

当我在设计这一页 PPT 的动效时，我采用了一个比较偷懒的做法：

那就是利用平滑切换效果，让元素的动画，自动完成：

具体是怎么用的呢？咱们可以下来分析一下原稿。

从上一张页面，到下一张过渡时，上页 PPT 的背景图片，被一点点切割，第二页的图片，也是被切割出现：

那这个是怎么完成的呢？这里有一个小技巧。

在前一页 PPT 的顶部，放上下一页图片，并将其裁剪；

在后一页 PPT 的底部，放上上一页背景，并将其裁剪；

大概就是这样：