前排提醒

今年新开了由珞珈亲授的AI小红书实战副业营

包含AI和小红书上最热乎最干货的实践总结!!

扫码报名,想讨论交流的课程直播中见

扫码开启你技能学习的第一步

Hey,又见面了~

我是想要陪你一起进步的小梦同学~

今天准备跟你们分享的是一期hin酷炫的动画干货。

迫不及待的我已经不想在开篇再做什么铺垫了。

这可能大概也许应该是我最快进入主题的一篇推文...

这个动画能在PPT里实现“3D”效果,而且操作起来也是非常的新手友好。

所以,你可别一听到PPT动画就被劝退了哦~

今日份标题已经暴露了我接下来要分享的内容。

那就是——视差动画

听着是不是还有那么点高深莫测?

别急,让我们一步步揭开它的神秘面纱。

开始之前,一起欣赏几个优秀案例吧。

打开网易新闻 查看精彩图片

(图源网络,侵歉删)

打开网易新闻 查看精彩图片

(图源网络,侵歉删)

打开网易新闻 查看精彩图片

(图源网络,侵歉删)

打开网易新闻 查看精彩图片

(图源网络,侵歉删)

现在很多网页设计都在开始做视差动画了,因为它不仅有趣,好看,而且能够降低我们看网页的疲劳感。

这么酷炫的效果,我们的老朋友PPT怎么能不凑凑热闹呢?

01

视差动画

视差动画其实是一种错觉。

在解释这种错觉之前,我们还得先说到前后景的问题。

一张照片一般会包含前景

这个可以简单理解为离自己最近的就是前景,越往后依次是中景和后景

打开网易新闻 查看精彩图片

明白了这个知识之后呢,就比较好办了。

因为视差动画就是利用前,中,后景的移动速度不一样来创造错觉效果

一般来说,前景因为离我们最近,所以前景的移动速度是最快的。

中景次之,最慢的是后景。

基础知识已经有了,让我们动手吧。

之前在网上冲浪的时候,偶然看到了一个网友用PPT复刻了贝爷官网的视差动画。

打开网易新闻 查看精彩图片

(图源网络,侵歉删)

这个例子很适合用来做拆解,所以我这里就用这个作为案例了。

既然要让各层次的景象产生运动,那必然少不了抠图。

先根据前、中、后景,把素材分别抠出来备用。

打开网易新闻 查看精彩图片

这里我们需要用到两张幻灯片来做动画,一张是动画开始前的图,一张是动画结束后的图。

比如,这个案例的第一张图应该是这样的。

打开网易新闻 查看精彩图片

根据前面已经做好的动画效果可以知道,我们最终呈现出来的是整个画面都有种往后退的感觉。

那么前景和中景都需要往后撤,而这个往后撤的动作在PPT里可以用缩小的方式来做到。

我们要先想好动画从原始位置往后撤退到什么程度是我们想要的,然后就把素材移动和缩小到我们想要停止动画的位置。

因此,第二张图是这样的。

打开网易新闻 查看精彩图片

通过这两幅图的对比,可以看出哪怕我们还没有加动画,但是已经明显能有了我们的视角变大了的错觉。

有了这两张PPT之后,加动画这个步骤,只要有手都能做得出来。

前提是,第二张PPT必须是跟第一张PPT使用完全相同的元素

我的建议是最好直接复制第一张PPT,然后再进行位置调整。

你可能想问,为什么非得要一样的啊?

因为我们做这个动画最关键的一步就是添加“平滑”效果,这个效果的特殊性决定了我们这个操作规范。

加动画这一步就没什么好演示的了,直接给第二页PPT加入“平滑”即可。

平滑效果在切换菜单下,只有比较新版本的PPT才有哦,比如2016及以上版本。

打开网易新闻 查看精彩图片

加上平滑动画之后,平平无奇的PPT瞬间就cool了起来~

打开网易新闻 查看精彩图片

除了这样玩之外,我们还可以加入蒙版哦。

打开网易新闻 查看精彩图片

让我们再试试利用这种视差动画方法做一个人物介绍排版的页面。

打开网易新闻 查看精彩图片

wow~这像德芙巧克力一样的丝滑质感,我真的爱了!

相信你们这么聪明,这个效果怎么实现的就不用多说了吧~

视差动画的表现形式是千变万化的。

只要你的想象力足够,可以有很多种可能。

下面我再给你们介绍两种玩法。

第一种

先看效果图。

打开网易新闻 查看精彩图片

讲真,拜年的时候,拿这个PPT去串门,说不定能拿到更多红包呢~

那这个效果又是怎么做的呢?

为了实现这个效果,我们需要三张图。

没错,还是前、中、后景

在做前中后景之前,还得先搞清楚一个点。

因为这个案例做的是横向空间的移动,所以我们做的素材肯定也是横向的。

而且长度要足够长,才能使素材有位移的可能

这个案例的第一张PPT,其实长这个样子。

打开网易新闻 查看精彩图片

再来看看构成第一张PPT的前、中、后景的素材。

依次如下。

打开网易新闻 查看精彩图片

(前景)

打开网易新闻 查看精彩图片

(中景)

打开网易新闻 查看精彩图片

(后景)

前景这里还有个小心机,我特意做了虚化处理

因为就人的视线而言,当我们焦点放在中景的时候,前景就会失焦,形成虚化。

如果我们能在PPT里把这个效果模仿出来,效果会更加逼真。

看看虚化效果是怎么做的吧。

如果你的素材是一张图片,那在图片格式的艺术效果下就能找到虚化。

打开网易新闻 查看精彩图片

如果你的素材是一个形状,那要先把形状变成图片。

具体的操作方式是先复制形状,然后右键粘贴为图片。

虚化的方法和图片一样。

打开网易新闻 查看精彩图片

如果你想调整虚化程度,可以右键进入设置图片格式里进行具体参数的调整。

做完这些之后,依旧是复制这页有完整的前中后景的PPT,然后给第二张PPT的素材分别调整位置。

把三个景次都向左边横向移动到合适位置,后景位移最小,前景最大。

打开网易新闻 查看精彩图片

最后,再给第二张PPT加上“平滑”效果就搞定啦。

第二种

照例先上效果图。

打开网易新闻 查看精彩图片

这种跟前面的两种视差动画有一点点区别,那就是它不是通过素材位移来做变化,而是利用放大缩小

首先,我们准备好一张心仪的图片。

把这张图片填充为幻灯片背景。

然后,再上面覆盖几个圆形,最好再做点阴影效果。

阴影是一个很常用的手法,我就不再说了。

打开网易新闻 查看精彩图片

接着,我们将这些圆形的填充方式全部改为“幻灯片背景填充”。

打开网易新闻 查看精彩图片

然后,给它们都加上“放大/缩小”动画。

打开网易新闻 查看精彩图片

接下来,是需要一点点耐心的操作。

打开动画窗格(在动画菜单下)。

选择一个圆形,右键打开效果选项。

打开网易新闻 查看精彩图片

然后设置圆形的放大或缩小尺寸,我这里全部都是放大。

如果你想做出我上面这种放大完之后还会缩小回去的效果,可以设置一点平滑开始和平滑结束,顺便把自动翻转勾上。

打开网易新闻 查看精彩图片

然后在计时里调整为“与上一动画同时”,将重复改为”直到幻灯片末尾“。

打开网易新闻 查看精彩图片

看似很复杂,其实操作起来就只有这么几个步骤。

不信?

你动动手指,打开PPT,跟着一步步做,肯定做得出来。

对了,记得在调整圆的尺寸时,最好不要把每个圆都做成一样的放大或缩小尺寸,这样出来的效果才比较酷炫。

用这种方法,还能做出下面这个。

打开网易新闻 查看精彩图片

(今天的羊了个羊很容易通关哦)

我在离小羊最近的那个菱形做了一点点缩小效果,其他是放大效果,看起来也很不错。

看起来很高端的视差动画,其实做起来就是这么简单。

在一堆静态的PPT页面里,突然蹦跶出一张这么丝滑的3DPPT,一定非常惊艳。

好啦,以上就是关于视差动画的干货内容啦。

下期见,拜拜~

好课推荐1

今年新开了由珞珈亲授的AI小红书实战副业营

包含AI和小红书上最热乎最干货的实践总结!!

扫码报名,想讨论交流的课程直播中见

扫码开启你技能学习的第一步

好课推荐2

如果你想更加深入研究PPT,希望让PPT成为自己个人技能,并且有机会作为副业的话,那么一定不要错过这门训练营。

专为0基础小白打造,学完学费全返

扫码开启你技能学习的第一步