PPT最丝滑的动画是哪一个?平滑切换说第二谁敢说第一!

作者: cnpim CNPIM 2022年01月21日

前些日子,逛苹果官网中的几个动效,引起了我的注意:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

看起来还挺酷的,是吗?但其实做法非常简单,只需要用到PPT中的一个功能,花3分钟就能搞定。

这个功能就是——平滑:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

首先,我们插入所有需要飞入的窗口,并放置到相应的位置,得到页面01:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

然后我们把页面01复制一下,得到页面02:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

我们选择页面01,把电脑放大,并把各个窗口移动到页面外:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

最后,我们给页面02添加一个【平滑】切换效果

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

一个多窗口飞入的效果,就完成了!

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

怎么样,是不是超级简单?

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

没有复杂的动画,只需要动动鼠标移动一下~

并且,利用这个原理,我们还可以做出更多简单又有意思的设计!

平滑切换案例一、产品切换展示

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

这个效果该怎么做呢?

我们首先来分析一下,页面中元素的变化原理:

Step01:产品A和介绍文字飞出,腾出版面空间

Step02:产品B和介绍文字从页面外进入

Step03:产品B和介绍文字飞出,腾出版面空间

Step04:产品C和介绍文字从页面外进入

因此,我们需要至少3个页面。

因为3个产品要依次展示,所以我们先产品A和介绍放到页面上,产品B和产品C则放到页面外:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

然后,我们把页面复制一份,在新的页面中,把产品A和介绍文字,移动到页面外:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

移动完毕后,为页面添加【平滑】切换效果:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

产品A和介绍都飞出去了,原理第一步实现了,对吗?

接下来,我们再把产品B和介绍,移动到页面上:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

再预览一下效果:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

产品A飞出,产品B进入,原理的第一步和第二步都实现了。

重复上面的操作,我们就能实现产品B飞出,产品C进入的效果:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

最后,我们把这3页连起来看一下:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

还不错吧?

平滑切换案例二、动感人物介绍

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

看完上面的讲解,想必很多朋友已经想到了,这个页面的制作方法。

依旧只需要两个页面:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

我们首先还是制作好最终的页面效果:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

然后把页面复制一份,把一些元素拖拽到页面之外:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

最后,为页面添加平滑切换,就大功告成了:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

这里有一个小Tips:

为了让页面看起来更有穿插的动感,这里我们可以把许多元素,拖拽到页面的对面,这样元素的移动路径,就会穿过整个页面:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

算是一个小小的细节处理,感兴趣的可以记一下。

平滑切换案例三、文字缩放飞入

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

整个效果的原理,也非常的简单,也可以拆解为两步:

Step01:标题文字缩放进入

Step02:产品和背景图片淡化出现

我们首先把标题文字放大,放到第一页:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

然后把该页面复制一份,把标题字号缩小,并添加产品和背景图:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

最后,为第二页添加平滑切换效果,就完成了:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

怎么样,是不是超级简单?

其实,所谓平滑切换,无非就是把前后页面中,相同元素的移动路径,展示了出来。

方法很简单,但却能让页面变得更有创意。当然,学会了这一招,你还可以做点更酷的 PPT 页面。

比如用平滑营造页面氛围感:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

再比如利用平滑进行产品参数的对比:

苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

都是可以的,以上,希望对大家有所启发。

·

原标题:苹果官网的这2个动画,太丝滑了!用在PPT中堪称王炸!

内容未完全展示,请下载附件查看




点击加载全文

本文阅读量:

声明:本信息来源于旁门左道PPT 微信号:pangmenzd,仅用于学习和技术交流,如有侵权或其他问题,请联系本站处理。

技术支持:CNPIM.COM