你可能看过用AE做的动画交互，不一定见过用PPT做的交互，有些人可能会觉得用PPT做交互不专业，但有些人却能从中学到更多的PPT动画技巧。
别失去对知识的好奇心
教程开始分割线
本意是做一个自己学习交互动画的记录档案，但实际上多是我自己模仿别人的动画，其中有不少心得与体会，也走了不少弯路。所以想干脆做个系列教程，我一边学一边写，让那些和我同样对PPT动画感兴趣的同学有个参照，或可少走些弯路，同时也希望与各位做个交流。
滑页动画
我先说一下这个动画的应用与局限。当你需要展示特定的某几张图片或信息卡片（关于卡片设计请看我的另一个教程），又希望它们一个一个地出现并且不切换页面时，可以应用这种动画。而其局限，同时也是很多PPT动画的局限——它是单向的
可以流畅地切过去，不能逆反动画顺序再切回来。
请注意这一点。好了，下面让我们来解构这个动画。
本动画所需准备如上图所示。
先看主页面。
1
主页面
主页面的动画很简单，只要你把左右两个遮罩摆好，剩下的，就是往三个主页面上分别添加飞入飞出的动画了。
主页面有三个，重叠在一起，我们分别命名为主页1，主页2，主页3。
以主页1和2为例。主页1是默认出现的，只要添加飞出动画。主页2在主页1飞出时飞入。这样主页面1和2就完成了一次切换。
依此方法，主页2和3的切换也可以达成了。
2
指示标
再来看看下面三个小圆。
我们暂且把它叫做“指示标”好了，它是用来显示主页面位置的。表现就是当前是第几个页面，第几个圆就亮。同时在一个指示标切换到下一个指示标的过程中，通过连接矩形的擦除动画有一种“传导效果”。
这个动画稍微复杂点，具体需求看上图。
同样，我们以前两个指示标举例。默认第一个圆亮，第二个圆暗（明与暗通过透明度表达）。表面上是两个圆，其实有四个。其中第一个指示标是亮圆遮住了暗圆，第二个指示标中亮圆尚未“进场”，但却是实际存在的。
现在来添加动画。
第一步，第一个亮圆（即“左亮”）应用“基本缩放”动画退出。同时对连接矩形添加擦除动画，方向向右。
连接矩形的动画起始位置是在左亮动画将要结束的时候（可以通过“与上一动画同时”然后手动拖动时间条实现）。
第二步，连接矩形添加擦除的退出动画，方向也是向右。（退出动画与它的进入动画同时，这样就能实现一种流动的效果。）同样的，第二个亮圆通过“基本缩放”入场，动画的起始位置也是在矩形连接动画的末尾。
之后，只用稍微调整一下时间，我们就完成了页面1到页面2的完整切换。
现在，你可以自己再添加一个页面来试试。
3
小结
这算是交互动画里的一个最简单的小动画了。在这个动画里最重要的就是遮罩。
在主页面的切换动画中，我们可以学到动画与遮罩结合，能达到“硬阻断”的效果。同样应用这个原理的还有“点击动画”“注水动画”等。
顺带一提，“基本缩放”是个相当重要的动画
“基本缩放”与“缩放”的不同之处在于：
1. 在放大或缩小的时候能保持边缘的完整，不会虚化。
2. 可定制化更强，你能看到关于基本缩放的6种不同使用方式，而缩放只有两个。
与“基本缩放”相类的还有“基本旋转”，只不过旋转动画并不是很常用，以后我们可能会用到，这里就不说了。
用PPT模拟交互动画是一件新奇的事，同时也是一件辛苦的事。讲求慢工出细活，追求高效和快速制作的同学想用也可以，那就注意在平时多模仿，做一个自己的动画库，需要时直接拿来用就好了。
最后的最后，我希望每一个动画初学者都培养自己的一个习惯——给你所用的图形、图片、文字等统统重命名。
具体操作方法：打开“选择窗格”，默认的情况你能看到一堆诸如“多边形16、文本框47、图片13”等诡异的名字，当这些元素一多，再配上遮罩……你做动画会极其痛苦的。所以不如在起初就命好名，磨刀不误砍柴工嘛。
就这样了，我先出一期，等着有时间了再接着出，欢迎阅读者提意见~
演界网-幻想实验室
放一张自家店铺的二维码，我做的交互动画都在里面了。
点击阅读原文可以下载教程源文件
联系客服
