用4个案例，教你用PPT做视差动画效果

今天我们就来谈谈如何在PPT中做视差动画，以及如何在具体页面中应用。

第一部动画

这个动画对素材要求很高，需要一套完整的矢量插画素材，让每一个素材都有层次感，方便添加动画。

然后两页动画连起来。我们先来看看第一页的动画:

①动画中使用的材料

蓝天，帐篷，篝火，河流，草原。

②动画原理

层次感加动画前面提到了，类似于PS中的层关系。

如果你不熟悉PS，你可以想象汉堡或者画纸，一层一层的。

PPT软件也是如此在选择窗格中，您可以设置每组材质的名称，还可以锁定，隐藏和调整层的顺序

比如这个动画命名后更清晰更容易修改:

从这个名字不难看出，除了帐篷和篝火，其他三层都是背景层。

依次为它们添加路径动画，这里不需要先添加动画，直接添加路径动画即可。

如果只是一个一个的添加路径动画就结束了，就无法获得视差效果。

添加路径动画后，您还需要调整它们的路径长度，以使路径长度不同:

相对来说，帐篷和篝火的路径动画更长。

如果路径长度不同，但移动时间相同，那么移动速度就会不同，形成视差动画效果。

接下来，看第二页的动画:

①动画中使用的材料

冻结框架和文本组。

②动画原理

这一页的素材不多，只用到了两个动画，路径动画和放大缩小强调动画。

首先你需要播放第一页的动画，动画播放完后截取最后的定格画面:

把截图拿到第二页，做一些处理，变成圆角，加线条。

最后呈现的是由大到小的动画过程，所以需要填写截图。

为什么需要补仓。看看填充和不填充的区别:

缩放后的动画的中心点是不一样的，动画的中心填充后会更加准确合适。

我们之前写过一个补位相关知识的教程。有兴趣的可以去看看:

带你更接近PPT中的补充，探索更多神奇的玩法。

第二部动画

这个动画效果略有不同，是把两页内容合成一页，同样对素材要求很高。

①动画中使用的材料

蓝天，雪山，大树，城堡，花瓣。

②动画原理

虽然是一页的内容，但是需要分两页来做，主要是城堡的漂浮和花瓣的掉落让我们逐一分析

漂浮城堡:

城堡漂浮主要使用路径动画唯一需要注意的是:添加路径动画后，要在效果设置中勾选自动翻转，这个很容易被遗漏

如果未选中，可能会出现以下情况:

真的成了卡进PPT。

花瓣飘落:

这个动画会涉及函数出于某些原因，我们还是用口袋动画里的动画风暴吧

这些动画，随机函数和淡出动画主要用于:

以x坐标为例，需要分别为第一帧和第二帧设置函数。

第一帧:

第二帧:

这个框架的功能设置决定了花瓣的下落方向。

这里还有一个坑，就是淡出这个动作，隐藏在滤镜里:

如果不隐藏，就会出现卡顿这样的bug:

设置好一个花瓣的参数后，其他花瓣就可以刷动画了。

然后制作多个副本，并分别调整花瓣之间的延迟:

辅助图是对城堡的具体介绍，也需要填充，才能和主图联系起来。

补充大树和副图的背景:

接下来单独添加路径动画，因为在屏幕之外，所以不需要添加动画。

以上是魔法城堡的动画原理。

第三部动画

前两个和儿童课件有关，这个动画更适合商业场景。

①动画中使用的材料

②动画原理

我们先来看看只有色块的情况:

首先出现左边的色块，然后出现右边的色块。

还有一种错觉是黑色部分是动画的，其实是视觉错误。

只使用了一种动画效果:飞入动画。

设置色块从上，下，左，右不同方向飞入，并调整它们的进入和延迟时间。

接下来是最后五个色块动画，以及背景图由远及近的设置。

五个色块也飞进动画中，分别加入动画后可以调整出现的时间。背景图像是一个基本的缩放动画:

第四部动画

再来看最后一个动画，是从之前的视差动画灵感图中找到的:

我们简单拆解一下，看看这个时间轴效果是怎么做出来的。

首先，绘制静态页面中的所有元素:

然后梳理动画的顺序和时间时间轴和年份是动画的主要部分，分别给它们添加路径动画

先做左边的动画。时间轴路径动画的路径长度比年份长，年份移动时会有一些延迟:

之后，添加正确的动画这里需要注意的是，左动画的起点是右动画的终点，所以它的终点是另一个起点

这样一来，一一对应就会完美契合，不会出现以下情况:

最后，调整接下来四个路径动画的延迟时间:

本页平滑时间轴动画完成:

同样，用这种方法类比，可以做出视差动画灵感图中的很多效果。