让PPT的交互性更好玩一点，试试PPT的“切换-平滑”效果

敌军还有10秒提示：多GIF图填入！！！

非主业，但是闲来无事，努力就想把PPT做得看起来更高级一点，页面设计是一个方面，但那也只是保持了静态页面的美观效果。页面内的交互动画，只要你愿意也可以设计得非常好友、酷炫。但我不可能把所有的内容都放在同一个页面里面（理论上可以这么干），那就想到页面跟页面之间如何的平滑过渡呢？

话不多说，先上效果，献丑，更好看的大家自行发挥。

开整

一、基本原理

“平滑”切换本质上是对两张幻灯片之间“相同对象”的属性变化做动画补间，实现从第一个页到第二个页的状态平滑过渡。软件会自动计算对象从第一页的状态（位置、大小、颜色、角度等）到第二页的状态之间的过渡过程，生成一个连续的动画效果。曾经有一个风光一时的软件叫Flash，跟用那个软件时候的一些思路是一样的。

先上几个结论，中间演示也会有：

• 就近原则：几个元素都同名，与原元素距离最近的那个接受过渡。
• 同类原则：几个元素都同名，与原元素最像的那个接受过渡。
• 强制同名：强制原元素过渡到该元素"!!name"

二、示例展示介绍属性

步骤：

• 在PPT里面新建一个空白页面A，在里面左侧画一个圆角矩形
• 复制该页，得到复制后的页面B，将B页面的圆角矩形拉到页面右侧
• 选中复制后的页面B，点击操作区域，切换--平滑，正常这时候应该看到了移动效果了。

然后还可以再继续操作一下

• 将B页面的圆角矩形选择，将左上角的黄色小方块横向拉到中间，此时圆角矩形应该变成了一个圆形。
• 再将B页面的圆形选择，右键设置形状格式，将背景填充颜色修改为红色。再次点击切换--平滑看一下。

当然我们可以搞更多的其它效果来让其变化，比如增加上旋转、阴影效果、文字、尺寸的变化等

具体的支持变化的元素和支持变化的属性如下：

表格的内容仅供参考，我懒没有进行逐个试验。

三、验证那三个重点

小提示：把操作区“开始”--“排列”的小箭头下拉一下，把“选择窗格”打开，这样可以查看当前页面每一个元素的名称

就近原则

• 同一开始的操作步骤，新建一个页面，放置一个矩形
• 复制第一个页面，将第二个页面的矩形调整为圆形，再将其复制另外一个，为了区别设置为不同的颜色
• 将两个圆放置到右侧（保证一下各元素的名称在选择窗格里面一样）
• 选中第二个页面，点击 切换 -- 平滑

调整一下，把下面的绿色的放置到前面的位置，其它不要动。

所以在没有其它强制条件下的时候，谁离原目标近，过渡效果就会过渡到哪一个图形。

然后在处理下面的同类原则的时候，想到一个问题，如果上下左右的距离是一样的，那原元素会往哪一个变化过渡呢？

结果是支持CSS里面那种“左-上-右-下”的优先级。

同类原则（相似度）

最直观的体现就是元图形的不同属性的变化优先级更高。方块对应更小的方块，比方块对应圆优先级更高。

操作步骤：

• 新建空页，放置一下圆角矩形
• 复制页面，把圆角矩形变成两个，一上一下，与原距离一样。切换平滑
• 根据“左上右下”往上变了。

更改操作

• 将上方面的方块删除，换成一个圆。

到这儿应该这一步结束了，本着找BUG的精神，想着距离和形状有冲突的时候，哪一个的优先级更高呢，然后发现了另一个结论：基于原元素调整过来的元素优先级更高。

• 一种是：复制了两个同样的圆角矩形，一上一下同等距离，然后把上面的圆角矩形拉成了圆（就是那个横向拉那个黄色小方块），依然过渡到圆。
• 另一种：重新绘制了一个同样大小的圆，放在了同一个位置，并调整了更近，依然过渡到方块。

强制指定

这个比较容易理解，就是命名的时候，直接用"!!name"，把前置页面的原元素和后置页面的指定元素，都用“!!”这开始头命名为同样的名称，这时候不管你近啊，还是相似，都会先按这个名称指定的来过渡。

基于第一个示例的方法，在“选择窗格”里面把远处的那个命名修改一下，注意右侧“选择窗格”里面的名称。

效果选项

选选切换--平滑的时候，后面对应的会有时间、声音、选果选项的设置，时间和声音就不说了，动画过渡的时长和音效，效果选项里面对应的有：对象、文字、字符。

• 对象：整体移动或变形，适合形状、图片等非文本元素。
• 文字：按单词动画，适合文字块中部分单词的动态变化。
• 字符：按字符动画，适合细粒度的文字动画，能实现字母逐个移动或变换。

平滑里面常用的基本属性就是这些了，其它的就是看自己的发挥，比如经常看到的一些：

• 图片轮播（旋转木马），控制的圆形拼合图片的旋转，过渡到对应的PPT背景图片的PPT页面
• 文字颗粒化过渡
• 产品细节放大，上面那种探照灯效果的另外方式
• 3D的模型展示，配合角度照平滑过渡。
• 当然还有更多更多的，更丰富自己的设想的组合设计，看大家的脑洞大开的大脑各自发挥了

下面撸几个示例

先插入一个图形布尔运算的说明

简单来说就是用数学里的“加减法”来操作图形。你选两个图形后，可以把它们合并成一个新形状，或者把它们重叠的部分删掉，或者只保留重叠部分，甚至把一个图形从另一个图形里“挖”掉一块。这样，你就能用简单的图形拼出复杂的图案。

探照灯

实现思路有很多种，任意选择都是可行的，我们的目的是达到最后的效果，不介意走哪条通天大道。

原本的想法：设想的是背景放一张图层，在前面用一个满屏的半透明长方形，用上面的图形布尔运算中左半边挖掉一个圈，第二页用同样的元素，然后在右半边挖掉一个圆，再加一个梯型的渐变模拟灯光。

实现的想法：

• 新建一个空白页，贴一张图片A，铺满页面，再复制一张图片B，一样大小。把下面那张图片A的亮度调暗，暗多少自己看着定。
• 复制页面，将第一个页面的层级在上面的图片B进行剪裁，圆形剪裁。放剪裁的内容在左边
• 第二个页面进行同样的处理，对图片B进行圆形剪裁，把圆放在右边。
• 最后添加一个梯形，白色到透明的渐变模拟光照，复制到第二个页面，进行旋转位置的调整，设置切换--平滑

轮盘切换

关于美观的属性大家自行再去发挥，只是处理一个制作思路，有个概念的样子出来就行了。

准备工作：准备四张图片。

• 四个页面，每一个页面一张图片当背景。
• 把四张图片进行特定形状剪裁，再进行拼接组合成一个可以旋转的形状。
• 把该组合的形状分别复制到其它几个页面，每一个页面单独设置旋转角度，使图片与背景图片匹配
• 再每一个页面设置当前页面显示图片的其它效果。

如果没有效果就检查一下名称的命名。

不试了，累了，各位彦祖、亦菲自行挖掘吧！