咱们今天就来聊一聊，PPT 中的视差动画该如何做，在具体页面中又是如何应用的。
第一个动画
这个动画对素材要求很高，需要成套的矢量插画素材，才能方便地将各个素材分层并添加动画。
接着是两页动画衔接起来的，先来看第一页的动画：
① 动画所用到的素材
蓝天、帐篷、篝火、河流、草原。
② 动画原理
首先，需要将单个拆开的素材，拼合成一张静态图，再依次给各个素材添加路径动画。
前面提到了分层加动画，其理解起来就类似于 PS 中的图层关系。
如果对 PS 也不熟悉，可以想象一下汉堡或抽纸，一层叠一层。
PPT 软件中也一样，在选择窗格中，可以设置每一组素材的名字，还可以对其进行锁定、隐藏、调整图层上下顺序等操作。
比如这个动画，命名后就更清晰明了，方便修改：
由此命名，不难看出来，除了帐篷、篝火外的其他三个图层，均为背景层。
为它们依次添加路径动画，这里无须先加出现动画，直接加路径动画即可。
如果只是挨个添加路径动画就结束了，那肯定是做不出视差效果的。
加完路径动画后，还需要分别调整它们的路径长度，使路径长短有所区分：
相对的，帐篷、篝火组的路径动画要更长一些。
路径长度不同，但移动的时间却相同，那么移动的速度便会不同，也就形成了视差动画效果。
接下来看第二页动画：
① 动画所用到的素材
定格图、文字组。
② 动画原理
这页的素材不多，所用到动画也只有两个，路径动画以及放大缩小的强调动画。
首先，需要播放第一页的动画，等动画播放完成后，截取最后的定格画面：
再将截图拿到第二页，做一下处理，变成圆角并加上线条。
因为最后要呈现一个由大到小的动画过程，所以还需要对截图进行补位。
为什么要补位呢？来看一下补位和不补位的区别就知道了：
缩放动画的中心点不一样，补位了之后，动画中心会更精准合适。
补位的相关知识，我们之前也写过教程，感兴趣可以翻翻看：
带你走近 PPT 中的“补位”，探索更多神奇玩法
第二个动画
这个动画效果有些许区别，是将两页内容合并到一页中，同样对素材要求很高。
① 动画所用到的素材
蓝天、雪山、大树、城堡、花瓣。
② 动画原理
虽然是一页内容，但也需要以两页的思路来做，主要是城堡的浮动和花瓣的掉落，我们挨个解析一下。
城堡浮动：
城堡浮动主要用到了路径动画，唯一需要注意的点是：在加完路径动画后，要在效果设置里面勾选“自动翻转”，这是很容易被遗漏掉的。
如果不勾选的话，可能会出现下面这种情况：
就真的变成“卡成 PPT”了。
花瓣掉落：
这个动画会涉及到函数，因为一些原因，还是用口袋动画中的动画风暴来讲吧。
主要用到了这几个动画，随机函数以及淡出动画等：
以 X 坐标举例，需要给第一帧和第二帧分别设置函数。
第一帧：
第二帧：
这个帧的函数设置，决定了花瓣的掉落方向。
这里还有一个坑，就是淡出这个动作，在滤镜里面要将它隐藏掉：
如果不隐藏，会出现类似卡顿的 bug：
设置好一个花瓣的参数后，其他的花瓣用动画刷刷一下就可以了。
接着复制多份，分别调整花瓣之间的延迟：
副画面是具体的城堡介绍，为了能够和主画面联动，同样需要补位。
将大树和副画面的背景进行补位操作：
接下来，就是分别添加路径动画，因为它是在画面外的，所以也不需要加出现动画。
以上，就是魔法城堡的动画原理。
第三个动画
前两个都是幼儿课件相关的内容，这个动画则更贴合商务场景。
① 动画所用到的素材
文字组、色块、图片。
② 动画原理
利用三个色块和图片的出现顺序不同，突显出视差动画效果。
先来看一下只有色块的情况：
先是左边的色块出现，接着右边的色块出现。
另外有一种错觉，会感觉黑色的部分也是有动画的，但其实是视觉误差。
所用到的动画效果只有一个：飞入动画。
设置各色块从上下左右不同的方向飞入，并调整它们的进入与延迟时间即可。
接下来，是最后的五个色块动画，以及背景图由远及近的设置。
五个色块也都是飞入动画，分别添加动画后调整出现的时间即可，背景图则是一个基本缩放动画：
第四个动画
来看最后一个动画，这是从之前视差动画灵感图里面找到的：
我们简单拆解下，看这种时间轴效果是如何做出来的。
首先，将静态页面中的所有元素绘制出来：
接着理清楚动画的顺序及时间，时间轴和年份是动画主体，给它们分别加上路径动画。
先做向左的动画，时间轴路径动画的路径长度要比年份的路径更长，同时年份移动的时间会有一些延迟：
之后添加向右的动画，这里需要注意，向左动画的起点是向右动画的终点，那么其终点就是另一个起点。
这样一一对应上去，才会严丝合缝，不会出现下图这样的情况：
最后，调整下四个路径动画的延迟时间：
这页顺滑的时间轴动画就制作完成了：
那么同样，以此方法类推，便可以将视差动画灵感图中的很多效果做出来了。
本文来自微信公众号：自律的音律 （ID：yinlvPPT），作者：Junmeng
广告声明：文内含有的对外跳转链接（包括不限于超链接、二维码、口令等形式），用于传递更多信息，节省甄选时间，结果仅供参考，IT之家所有文章均包含本声明。