我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

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

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

 

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

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

01.

素材处理

 

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

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

02.

画轴出现

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

康康动图:

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

具体怎么做呢?

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

参数设置如下:

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

03.

画卷展开

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

具体怎么做呢?

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

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

参数设置如下:

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

这样讲大家应该明白了。

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

完成效果是这样:

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

参数设置如下:

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

然后是画的擦除动画:

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

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

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了!

还不错吧,嘻嘻~

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

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

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

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

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

ヾ(≧ ▽ ≦)ゝ

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

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

版权声明:PK阿锴 发表于 2021年6月2日 上午10:43。
转载请注明:我用PPT做了一个画卷展开的动画效果,客户直呼:太喜欢了! | AboutPPT导航

相关文章

暂无评论

暂无评论...