VIP办理

3步学会PPT视差动画后,老板甚至决定给我加薪?!

上周末有幸拜访了一位设计圈的动画大佬,临走前偷了一招——视差动画,制作非常简单,并且可以用在PPT当中,视觉效果瞬间爆炸,2D也能获得3D的体验,先一起来感受下~

3步学会PPT视差动画后,老板甚至决定给我加薪?!
结合视频后更加惊艳

3步学会PPT视差动画后,老板甚至决定给我加薪?!
PPT复刻贝爷官网首页

3步学会PPT视差动画后,老板甚至决定给我加薪?!
灵感来自FIREWATCH

3步学会PPT视差动画后,老板甚至决定给我加薪?!
灵感来自HOTDOT

3步学会PPT视差动画后,老板甚至决定给我加薪?!
结合蒙版制作左右平移

3步学会PPT视差动画后,老板甚至决定给我加薪?!
用作人物展示

只需要掌握了基本的技巧,PPT即可实现类似“3D”空间透视的动态景深效果,即使是新手也可以上手制作!
文末获取本节PPT文件

什么是视差动画?

简单来说就是让多层背景以不同的速度进行运动,形成立体的视觉体验,已经被广泛用在了网页设计以及UI设计当中。

3步学会PPT视差动画后,老板甚至决定给我加薪?!
Dribbble大神 bestservedbold

3步学会PPT视差动画后,老板甚至决定给我加薪?!
Dribbble大神 Gabe Becker

3步学会PPT视差动画后,老板甚至决定给我加薪?!
Dribbble大神  Simon Kratz

PPT中如何实现?

总体思路是借助【平滑】效果进行制作,在PPT【切换】一栏中就能找到。入门教程可以参考之前的一篇文章

3步学会PPT视差动画后,老板甚至决定给我加薪?!
切换效果【平滑】

借助平滑动画,调整两页之间的位置,达到视差滚动效果!

3步学会PPT视差动画后,老板甚至决定给我加薪?!
在两张幻灯片间添加【平滑】

如果你的Office尚不具备这个功能,可以回复【office】获取最新2019安装包

3步学会PPT视差动画后,老板甚至决定给我加薪?!
订阅号:观海PPT,回复【office】获取

一.将图片素材分离图层
什么样的图片适合做视差动画?显然是层次分明,具有不同深浅景别的画面~例如下图,远近景之间存在明显的分层

3步学会PPT视差动画后,老板甚至决定给我加薪?!
具有近景、中景、远景明显的分层

为了方便小伙伴们学习模仿,我提供了10张挑选好的背景图片素材,可以在文末一并下载!

3步学会PPT视差动画后,老板甚至决定给我加薪?!

如何给图片分层?
这是本节课中至关重要的一步,说白了就是抠图,将图片分成不同远近的几个部分。我推荐两种办法:1)在线抠图工具remove.bg 2)PS手动抠图

3步学会PPT视差动画后,老板甚至决定给我加薪?!
在线抠图工具 remove.bg

抠图完成后,我们就成功地把图片分离成几个不同景深的图层!(有PS基础的同学可以借助仿制图章进行进一步地处理)

3步学会PPT视差动画后,老板甚至决定给我加薪?!

分离图层这一步完成~这节中用到的所有分层素材也会提供给大家~

二.调整图层位置
为什么要调整两页之间的图层位置?其实是影响到不同图层的移动速度,一般情况下,距离人眼越近的景物移动越快-移动距离越远,距离人眼越远的景物移动越慢-移动距离越近。

3步学会PPT视差动画后,老板甚至决定给我加薪?!
不同远近景物的运动速度

明白了这个原理,我们只需要将第一页再复制一遍,然后移动第二页上的图层位置。上下左右都可以移动,但要保持所有图层移动的方向一致,距离长短也要和视觉远近对应。

3步学会PPT视差动画后,老板甚至决定给我加薪?!
通过调整距离改变运动速度

文章开头的其他案例也是同样的处理方法~

3步学会PPT视差动画后,老板甚至决定给我加薪?!
通过调整距离改变运动速度

3步学会PPT视差动画后,老板甚至决定给我加薪?!
通过调整距离改变运动速度

三.利用【平滑】实现动画

3步学会PPT视差动画后,老板甚至决定给我加薪?!
在第二页添加【平滑】动画

调整好两页的相对位置后,在第二页添加【平滑】动画,就可以直接实现视差动画

3步学会PPT视差动画后,老板甚至决定给我加薪?!
添加【平滑】后

结合蒙版(左右两侧加上矩形挡住图片),视差效果会更明显!

3步学会PPT视差动画后,老板甚至决定给我加薪?!
结合蒙版制作左右平移

继续发散思维,类似这样左右平移的视差效果用来展示人物,会非常合适,效果也比传统的平面设计震撼不少!

3步学会PPT视差动画后,老板甚至决定给我加薪?!
适用于人物展示

加上视频试试?!

3步学会PPT视差动画后,老板甚至决定给我加薪?!
结合视频后效果更佳惊艳

视差动画对于视频同样有效,并且效果会更加逆天,与图片不同,视频无法通过简单的【平滑】效果来制作(毕竟PPT中的视频不能跨页播放)

3步学会PPT视差动画后,老板甚至决定给我加薪?!
【动画-动作路径】

这里我们借助【动画-动作路径】这一动画效果~设置好不同图层移动的长度及时间顺序,就可以做到视差动画的效果了!

3步学会PPT视差动画后,老板甚至决定给我加薪?!
设置好不同图层移动的长度及时间顺序

PS:图层顺序和动画顺序可以通过【格式-选择窗格】以及【动画-动画窗格】进一步调整~

0

关于锦鲤ppt模板网

是现在国内最顶尖的以分享ppt模板商务ppt模板工作总结ppt模板为主的网站,锦鲤ppt致力于为广大网友提供一个物美价廉的ppt设计综合平台,曾经和国内其他PPT网站一样,常将未筛选过的PPT模板资源分享给广大网友,造成用户在筛选优质模板的过程中浪费时间,所以锦鲤PPT模板网至改版以来,坚持只分享“最优质的PPT素材资源”,另一方面,邀约大量国内外优秀的PPT设计师的加入,并设计出各类优秀PPT资源,提供给我们的用户学习。锦鲤PPT模板网致力于为用户提供最专业、优秀的平台服务,因不能承受高昂的服务器和带宽费用,我们将对部分资源收取非常低价的会员费用以维持服务器的正常开支,希望用户予以理解,谢谢

版权说明

虽然您在本站可以查看这些PPT资源,但除了可以在网上浏览和学习之外,我们并未授权您将这些PPT资源用于其它任何商业用途。如需某资源的商业版权,可联系锦鲤PPT模板网的客服,我们将为您代为购买商业版权

评论0

请先

没有账号? 忘记密码?

社交账号快速登录