这样的九宫格缩放效果，是怎么用PPT做出来的呢？

2018-01-05 本文已影响350人小斌PPT

《网球王子》中的比赛环节，往往会有一种画面缩放的效果（类似于下图），就是把画面分成了9块，每块以不同的缩放方式变化，这样的效果，如果用在PPT中，也是一种不错的处理哦。那么问题来了，这样的效果能在PPT中制作吗？答案是，当然可以。

在介绍方法之前，我先分析一下效果的原理。

图中可见有九部分组成，每部分到最后会组成完整的一幅图，而在一开始的时候，分别放大或缩小了，而且缩放的中心并不一致。

中间的图（图5）的缩放中心位于中心位置，四个对角上的图（图1、3、7、9）的缩放中心分别是靠近大图中心位置的各自的顶点上（红点），剩余的上下左右四幅图（图2、4、6、8）的缩放中心则分别是靠近大图中心位置的各自边上的中点（绿点）。

好了，了解这些后，下面可以看是如何制作的了。

方法大体上有两种，一种是通过切换动画来制作，一种则是用对象动画来做到。

001 裁剪+平滑

在看到这个效果的时候，我首先想到的是用【平滑】切换效果来实现，这个效果，是office2016以后版本才有的（一开始叫做【变体】），而它与裁剪结合起来，就可以完成这种效果。

而为了能更方便地制作效果，我要使用【OK插件】。

步骤如下。

① 准备图片

先插入一张图片，调整图片大小，让图片铺满幻灯片；以16:9的幻灯片为例，如果图片比例不是16:9，那么选择图片后，通过「裁剪→纵横比→16:9」，来调整比例，再让图片铺满幻灯片。

接下来复制图片，再复制出8张图片，要保证图片对齐。因为一般的复制粘贴是会发生位移的，所以这里我用OK插件的【原位复制】功能，选择图片后，通过点击「OK插件→原位复制」就可以快速复制出一张图，并与原图位置一致；同理，我再复制出7张图。

② 准备矩形

首先插入一个全屏矩形，这使用OK插件就比较方便。选择刚好铺满幻灯片的图片，通过「OK插件→插入形状」，既可插入一个等大小的矩形；也可以通过「OK插件→插入形状下拉箭头→全屏矩形」，来插入一个全屏矩形。

接下来，把矩形分为九等分。选择矩形，通过「OK插件→OK神框→图片分隔（回车）」，打开工具，输入【3 3】，按下回车键后，就可以获得9个相同尺寸的小矩形。

③ 形状裁图

好，在两方面准备做好后，就可以进入裁图阶段了。这里说明一下，制作矩形，是为了控制图片裁剪的部分。

用快捷键「Alt+F10」调出【选择窗格】，在选择窗格中依次选择一张图片和一个小矩形（顺序不能乱），通过「OK插件→变体辅助→形状裁图2」，就可以获得矩形所占位置的裁图；把九个组合都裁完后，就做出了九张小图，九张小图也构成一幅大图。

提醒一点，你所使用的OK插件可能会看不到【变体辅助】功能，不过不用怕，功能只是暂时藏起来了，通过「OK插件→设置」，打开各组别的设置工具，勾选【变体辅助】模块，它就会出来了。

④ 复制幻灯片

直接复制一页相同的幻灯片，在左侧预览区选择幻灯片，利用「Ctrl+D」快捷键快速复制一份。

⑤ 调整图片裁剪位置

调整第一页幻灯片的图片裁剪的位置，这里我分三个部分来说明。

第一部分，中间的图，在选择图片并点击「格式→裁剪」，进入裁剪状态，按住Ctrl+Shift，拖动对角上的白点，来缩小图片。

第二部分，对角上的图，以左上角的图为例，保持右下角的点不动，按住Shift拖动左上角的白点，来放大图片，再裁剪掉幻灯片外的多余的部分；实际上不裁剪也可以，反正播放出来是看不到的；其他的图操作同理。

第三部分，上下左右四张图，以位于上方的图为例，通过拖动右上角的白点来拉大图片，通过「格式→对齐→水平居中」，来让下方线条中心位置不变，接着就是裁剪掉两侧和上方多余的部分；其他的三张图处理同理。

上面操作过后，就完成了裁剪并为添加平滑效果做了准备。

⑥ 平滑切换

选择第二页幻灯片，通过「切换→平滑」，来添加平滑切换效果，如是操作就完成了。

步骤看起来挺多，但熟练操作起来的话，花不了多少时间的。

002 补位+放大/缩小

如果你用的不是office2016，你没有平滑功能，是不是就做不出来呢？那当然不是啦。只要用对象动画就可以做到。

步骤如下。

① 准备图片

这次准备图片，前面部分与上述操作一致，不过在裁图并调整大小和位置后，我只进行一次原位复制，这样就获得了两张一样的图。

② 分割图片

这次，由于不使用平滑切换，所以我可以直接分割图片，选择位于顶层的那一张图片，通过OK插件分成九个小图片，并把中间一个小图片删掉。

③ 准备矩形

矩形在这个方法里，发挥的是不同的作用，它用于辅助补位。

【补位】是什么？我要先解释一下，在动画中，补位就是通过增加一些虚拟的空间来调整动画中心位置，因此，在旋转、放大缩小图片的时候，展现的效果会有所变化。在这里，我会利用矩形来实现补位。

在这个效果中，除了中间的图片动画中心不需要改变外，其他八个小图都要进行调整，所以，我要准备八个小矩形并放在幻灯片中央。

首先，通过「OK插件→插入形状→全屏矩形」，获得一个全屏矩形；通过OK插件把矩形分为等尺寸的9块；再选择九个小矩形，通过「格式→对齐→水平居中和垂直居中」，来使得矩形全部居于幻灯片的中央。

这时候，有没有注意到，矩形并非是真正的矩形，而是以图片的形式存在的，我需要通过「PA插件→矢量工具→形图互转」，来把它们转换为形状，并设置「无填充颜色、无线条」。

其实，如果想要一步分割并保持形状类型，也是有方法的，LV插件切图功能就是这样的效果的，在LV插件的【裁图】区填写要切分的行数和列数，如（3,3），点击【开始切图】即可。

④ 补位

以第一张小图（左上角的小图）为例，选择小图和一个小矩形，通过「Ctrl+G」快捷键，完成组合；后面每个小图，分别都与一个小矩形进行组合。这样，补位就算完成了。

⑤ 放大/缩小动画

补位工作做好之后，就要添加动画了，动画选择的是强调动画中的【放大/缩小】动画。

这时候，我们可以看到的是一幅能正常组合在一起的图片，但这是最后获得的效果图，我们需要用巧妙的方法来调整图片图片大小，来调出开始时的场景。

放大/缩小动画既可以放大，也可以缩小图片，所以可以先让图片发生一个反向变化的动画；不过，我们并不需要看到图片的这个变化过程，我们只需要这个过程的结果，而动画的持续时间不能为0，最少也得0.01s，所以我们可以再同时添加一个【出现】动画，来让图片出现得晚一点。所以，每个图片，分别需要添加3个动画。

第一个动画：先选择8张小图片和1张大图片，通过「动画→添加动画→进入→出现」，添加【出现】动画。