前排提醒
今年新开了由珞珈亲授的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基础小白打造,学完学费全返
扫码开启你技能学习的第一步
热门跟贴