我用PPT做了一个画卷展开的动画效果，客户直呼：太喜欢了！

嗨你好，我是阿锴，好久不见，我回来了。

前段时间身体不舒服，一坐在电脑前腰就酸，设计师老毛病了，本着小命要紧的中心思想，我索性给自己放个假，休息休息。

真是应了那个段子：
“学设计看什么书好？”
“《腰痛防治与康复指南》”

正好碰上小区门口健身房搞活动，我也跑去办了张卡，现在一有空就跑过去游泳，以后我就是小区的游泳冠军！

好了，话扯回来，今天跟大家分享一个动画效果，来自我之前给客户做的PPT定制案例。

这个PPT，是一副山水画的介绍，客户的要求也是非常的简单：

本着服务好客户爸爸的原则，我当然是使出了浑身解数，终于做出来下面这个效果。

看完效果，客户也是非常满意，脱口而出就是一个针不戳！

这篇文章呢，就跟大家一起，把这个动画拆解出来：

主要分为三步：素材处理、画轴出现和画卷展开。

01.

素材处理

就像魔术师变魔术需要道具一样，做PPT动画，也需要提前准备好素材。

这里需要的素材很简单：一副画卷+一幅画：

首先把这副画卷，通过裁剪，拆成3部分，方面后面动画做效果：

接着把画放到画卷上去，这里画比较长，我们把画布多复制一份，整合后排版：

到这里准备工作就做好了，我们接着进行下一步。

02.

画轴出现

这一步的动画，主要是先让两个出现在页面中间，然后一起移动到页面左边。

康康动图：

具体怎么做呢？

首先我们把两个画轴放在页面中间。

添加【出现】-【基本缩放】动画。

参数设置如下：

添加后，在【效果选项】那里，选择【从屏幕中心放大】。

接着，给两个画轴添加路径动画，把它们，移动到页面左边。

点击后，页面会出现代表动画起始位置的绿色圆点，和代表动画终止位置的红色三角形。

这里绿色圆点我们不用管，把红色三角形，移动到页面左边。

可以把之前准备阶段排版好的画轴，放到下面做位置参考。

最后，把两个红色三角形，都移动到页面左边。

调整好两个红色三角形的位置后，这一阶段的【画轴出现】动画，就完成了。

03.

画卷展开

终于到了激动人心的第三步，我们要给画卷添加一个向右铺开的效果，康康动图：

具体怎么做呢？

拆开来看，这一阶段的动画，其实就是画轴移动+画卷展开出现。

首先，我们选中右侧画轴，添加一个向右的路径动画：

参数设置如下：

同样的，设置后会出现新的绿色圆点和红色三角形。

我们把绿色圆点，调整到页面左边靠右的那个三角形上面。

这一步翻译成人话来说就是：这个向右移动动画的起点位置，是我们最开始做的那个向左移动动画的终点位置。

这样讲大家应该明白了。

同样的，右侧三角形，可以借助最开始排版的画，来确定右侧位置。

完成效果是这样：

家人们，最后一步来了，我们把画和画布组合一起，放进来。

接着添加由左向右的擦除效果：

参数设置如下：

最后，把全部动画组合起来，调整参数，主要是最后两个动画的时间，两者要搭配得天衣无缝，才能有丝滑逼真的效果。

首先是画轴的向右移动动画，注意延迟时间和平滑开始时间：

然后是画的擦除动画：

这两个参数，是我调整了有那么几十次，才弄出来的比较好的效果，一遍遍地看，眼睛👀都差点给瞅🦐了家人们！

这一步调整完就大功告成了，点击播放，你将收获媲美德芙巧克力一般丝滑的画卷展开动画：

这份PPT里，为了搭配内容展示，我还做了另外两个类似的动画，也放出来给大家康康：

还不错吧，嘻嘻~

回想起来，这个单子的能够非常快且顺利地做完，这些动画效果占了很大的功劳。

这种动画效果相对难学一点，以前的我会觉得这些都是奇淫巧计，心里觉得花里胡哨地没太大作用，但还是硬着头学在手上，等到现在真的有需要用上了，才感叹真的帮了自己大忙。

以上就是本篇文章的全部内容啦!

想要3个成品动画源文件去当参考练习的小伙伴，可以在后台菜单栏里，加我微信哈，我单独发过去。

觉得这篇文章有收获的话，还请你多多支持，分享转发，亦或是点个「在看」和「赞」，都是莫大的鼓励，感谢支持！

ヾ(≧ ▽ ≦)ゝ

另外，现在微信推送改版，不再按照时间线推送内容，还请大家给个「星标」关注，以后发放福利的时候才不会错过喔~

------
公众号：PK阿锴
原文链接：我用PPT做了一个画卷展开的动画效果，客户直呼：太喜欢了！