|
公众号：观海PPT 上周末有幸拜访了一位设计圈的动画大佬，临走前偷了一招——视差动画，制作非常简单，并且可以用在PPT当中，视觉效果瞬间爆炸，2D也能获得3D的体验，先一起来感受下~ 结合视频后更加惊艳 PPT复刻贝爷官网首页 灵感来自FIREWATCH 灵感来自HOTDOT 结合蒙版制作左右平移 用作人物展示 只需要掌握了基本的技巧，PPT即可实现类似“3D”空间透视的动态景深效果，即使是新手也可以上手制作！ 什么是视差动画？ 简单来说就是让多层背景以不同的速度进行运动，形成立体的视觉体验，已经被广泛用在了网页设计以及UI设计当中。 Dribbble大神 bestservedbold Dribbble大神 Gabe Becker Dribbble大神 Simon Kratz PPT中如何实现？ 总体思路是借助【平滑】效果进行制作，在PPT【切换】一栏中就能找到。 切换效果【平滑】 借助平滑动画，调整两页之间的位置，达到视差滚动效果！ 在两张幻灯片间添加【平滑】 一.将图片素材分离图层 什么样的图片适合做视差动画？显然是层次分明，具有不同深浅景别的画面~例如下图，远近景之间存在明显的分层
具有近景、中景、远景明显的分层
这是本节课中至关重要的一步，说白了就是抠图，将图片分成不同远近的几个部分。我推荐两种办法：1)在线抠图工具remove.bg 2)PS手动抠图
在线抠图工具 remove.bg 抠图完成后，我们就成功地把图片分离成几个不同景深的图层！（有PS基础的同学可以借助仿制图章进行进一步地处理）
分离图层这一步完成~这节中用到的所有分层素材也会提供给大家~ 二.调整图层位置 为什么要调整两页之间的图层位置？其实是影响到不同图层的移动速度，一般情况下，距离人眼越近的景物移动越快-移动距离越远，距离人眼越远的景物移动越慢-移动距离越近。
不同远近景物的运动速度 明白了这个原理，我们只需要将第一页再复制一遍，然后移动第二页上的图层位置。上下左右都可以移动，但要保持所有图层移动的方向一致，距离长短也要和视觉远近对应。
通过调整距离改变运动速度 文章开头的其他案例也是同样的处理方法~
通过调整距离改变运动速度
通过调整距离改变运动速度 三.利用【平滑】实现动画
在第二页添加【平滑】动画 调整好两页的相对位置后，在第二页添加【平滑】动画，就可以直接实现视差动画
添加【平滑】后 结合蒙版（左右两侧加上矩形挡住图片），视差效果会更明显！
结合蒙版制作左右平移 继续发散思维，类似这样左右平移的视差效果用来展示人物，会非常合适，效果也比传统的平面设计震撼不少！
适用于人物展示 加上视频试试？！
结合视频后效果更佳惊艳 视差动画对于视频同样有效，并且效果会更加逆天，与图片不同，视频无法通过简单的【平滑】效果来制作（毕竟PPT中的视频不能跨页播放）
【动画-动作路径】 这里我们借助【动画-动作路径】这一动画效果~设置好不同图层移动的长度及时间顺序，就可以做到视差动画的效果了！
设置好不同图层移动的长度及时间顺序 PS:图层顺序和动画顺序可以通过【格式-选择窗格】以及【动画-动画窗格】进一步调整~ |
|
|
