前几日看到几年前的PPT大赛作品，有一部叫做《创世之路》的作品，非常惊艳，可能有心的PPTer也关注过。可以说这样的效果，已经可以称作CG（Computer Graphic）动画，接近真实的动画片了。看到这个作品，终于让人信服，PPT是可以作为动画设计软件来用的！

今天PP君也试着来学习拆解一下。先做一个水母运动的效果。

这个效果的基础逻辑，其实也是我们之前说过的，“路径”运动叠加上“放大缩小”，而且叠加了不止一个缩放，而是叠加了水平、垂直缩放。

动画效果「叠加」的使用，其实还能做出很多东西。比如，你只需要一张静态的PNG图片，就可以作出运动的效果，比如下面这个鲨鱼：

再比如，下面这匹马的走动和旋转效果：

鲨鱼的摆动，是叠加了两个水平放大效果（放大倍数有差异）；马屁的走动效果则是因为用了两张不同形态和位置的走动图，交叉显现和同时做直线运动。

又比如，制作类似前些年很流行的沙画效果，手指边滑动，边让图形绘制出来：

至于这个手绘效果，则是小路形状的擦除和手指/礼盒的曲线运动叠加制作而成。


好，下面我们就来看下具体的制作和设置过程。

一、水母的制作

1、素材的准备：水母的帽子状冠和触须，都可以通过自由曲线绘制而成，然后对它们的填充颜色和透明度做一定调整即可。

2、接下来，对水母的冠状和触须做添加动画设置，分别为两个放大缩小和一个直线路径运动，设置如下：

3、然后复制几个水母，设置上错开他们出现的位置和延迟时间，就可以看到效果了。

4、如果嫌效果单调，可以再弄一些水泡泡之类的，做一个直线或者自由曲线路径运动就好了。

二、鲨鱼的运动和尾部摆动

再回头看下鲨鱼的运动，然后如果我告诉你，就用了下面这一张静态PNG图片

你是不是有些疑惑那个摆动的效果是如何做出来的呢？

我们来看一下，把它按照不同的比例放大一下，然后叠加在一起：

看见了吗，这两个叠加以后，尾巴忽大忽小，再加上时间错落，就有摆动的效果了。

让大家看下PP君对这个图片的动画设置，就容易明白了

三、骏马的走动和旋转

这个其实是利用了两张马奔走时不同位置的形状静态图做出来。

这两张图，由于时间关系，抠得不太好，大家将就看下，:-)

把他们叠放在一起，然后做一样的直线路径运动，设置闪烁动作，然后错开时间，就可以得到奔走的效果了。

至于旋转的效果，不过是设置一下，螺旋转，可以同时设置两个360度，叠加在一起就会更快了。

四、手绘效果和礼盒运动

我们先来看下页面上的基本元素

1、小路的绘制，可以通过曲线进行绘制，如下图所示：

记得，在需要拐弯的地方点一下鼠标，再继续往下画。

2、手型图标和礼盒都做曲线路径运动

如图：

和绘制曲线形状一样，也是需要拐弯的地方点一下鼠标。

细心的你，可能发现了，并非手指头，而是手掌心沿着这条路径运动，这是因为路径运动是以图片中心为基准的，为了方便，我们可以让手形和一个无填充矩形组合在一起，这样就是沿手指头运动了。就像这样：

做完以上几步后，需要的就是对动画进行设置组合了。

这6个动画的设置，列表如下：

这样设置之后，就大功告成了。

好了，今天就先说到这了。

（本文动态图在MAC+PPT2019下录制，Windows系统下，对照使用）

顺着这个叠加效果，还能做许许多多有趣的东西哦。小伙伴们不妨尝试一下吧。

写在后面

这里是PPo啦，O啦姐和PP君将会不定时发布关于PPT/PDF和Office使用小技巧哦。

如果您已经看到这里了，麻烦给个关注和点赞吧。

有任何问题需要咨询也欢迎发表评论向我们提出来。