首页时事民生政务教育文化科技财富体娱健康情感

旅行百科职场楼市企业乐活学术汽车时尚创业美食幽默美体文摘

当这页PPT的地球动起来后！太震撼了..

职场 2024-09-13 18:52 河南

点击预约，锁定PPT免费直播课堂

在 Dribbble 上搜灵感的时候，看到一个这样的动画效果：

感觉很酷，于是便用 PPT 模仿了一下：

这个效果有个专业名称，叫做视差滚动！是网页设计中，经常使用的一个动画效果。

名字有些抽象，百度百科是这样解释的。视差滚动是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。

说人话就是，让页面中的元素各动各的！咱们来看一个对比，你就明白了。

这是页面元素一起移动：

而让页面中元素，有的速度快，有的速度慢，再来看一下效果：

很明显，后者的节奏感会更强一些。

明确了这一点，我们试着动手还原一下这个效果。

01

具体操作过程

❶ 选图并分层处理

关于图片的选择，需要包含近景、中景、远景，就像下面这些：

咱们就以沙丘这张为例，它的近、中、远景边界线比较明显：

借助在线抠图网站，可以很容易将图片分为三层：

❷ 借助平滑控制各图层速度

将分层图片按照原图样式，拼凑在一起。并注意图层顺序，近景在最顶层，远景在最底层：

再复制一页幻灯片:

让第二页的分层图片部分重叠：

并将图片整体移动至页面上方：

然后，为第二页添加平滑切换效果，从第一页开始播放，便得到了视差滚动的效果：

❸ 使用渐变蒙版让图片过渡自然

现在，第二页的图片与白色背景的衔接很生硬：

为了过渡更加柔和，我们可以吸取沙漠中的颜色，作为背景色：

再利用渐变透明的形状，消除图片的边界：

这样，页面的过渡就会变得非常自然：

最后，我们可以第一页中加入标题，线条装饰：

在第二页，加入图片、文本：

一个从封面页视差滚动到目录页的动画，就完成了！

02

影响视差动画的三个因素

此外，关于视差动画，主要有三个影响因素，分别是位置、大小、角度：

❶ 位置

像刚才我们所举的案例，背景都是上下移动：

除此之外，我还可以让图片中的各个图层左右移动。我们以这张图片为例：

将图片分为多层后：

在第一页中，将各图层拼凑在一起，与原图一致。

复制一页，将各图层横向错落摆放：

为第二页添加平滑切换，来看下效果：

❷ 大小

在移动的基础上，赋予元素大小的变化。

还是以刚才的山脉图片为例，我们将第二页中的图片放大。这样在放映时，山体就可以边移动边放大：

还有像这个案例，让星球快速缩小：

❸ 角度

通过旋转图片，让页面有一定的运动倾向，增强页面的视觉冲击力。

比如第一页为正常视角的图片：

第二页，将图片旋转一定角度，并将某个热气球单独放大：

再为第二页添加平滑切换：

看起来是不是更震撼呢？

送你一份礼物

点击下方卡片关注公众号，回复关键词【助攻礼盒】免费领取PPT设计素材合集：

30天系统提升PPT+AI能力，向你推荐旁友圈PPT学习会员。开通后，免费获得13门全阶段学习课程，还有专业助教答疑服务。

且一次加入，长期有效。越早开通越划算！

点击下方阅读原文

添加老师免费试听会员课程

👇👇

http://mp.weixin.qq.com/s?__biz=MzU2ODEyNzY3Mw==&mid=2247629936&idx=1&sn=6d40433d7d50dff4a2d2ccbd71ec92e0

旁门左道PPT

全网粉丝超1100万，PPT教学搞了7年，点【发消息】，暗号【框架】，发你一份我总结的PPT系统学习框架...

最新文章

这种PPT到底咋做的？好复杂！能改吗？

对不起，这是一篇道歉声明！！

400块到账！00后女生靠PPT副业，一天回本..

学会一招！PPT上超过5张图，就不要再并列排了！

PPT只会并列排版，咋做才更有创意？

啊！这居然是PPT做的？！

陕西这位女同学，你的丑PPT ，我改完了..

PPT结尾页别写“谢谢”了，这6种展现方式，高级！

这样做PPT，在体制内算什么水平？

速看！！删无！！！

我用1页PPT ，勾搭上了脱口秀演员赵晓卉！

小米发布会PPT上这个失误，真太低级了....

很严重了，我劝大家极限存钱吧...

为啥中国风的PPT，看着就觉得贵？

领导：把这页PPT架构图，做出高级感！！

裁员了，很严重，大家做好准备吧！

乖乖嘞！PPT图表这样做，我给300元一页！

PPT最上面这个是啥？咋做的呀？

领导：一张图别加，把这套PPT做高级！！

PPT上的文字超多，密密麻麻还不让删，该咋办？

PPT页面3段话，千万别再只会并列排版了！！！

一键生成高级感PPT配色！Adobe家的这款免费网站，太牛了！

同事的PPT封面真高级，用超丑的SmartArt做的...

PPT逻辑图别只会画箭头了！领导真的不喜欢...

PPT上图片太小，一拉就变形，还必须用咋整？

PPT上图片超辣眼，领导还让做出高级感，咋办？

求问，像这样超丑的PPT架构图，还有救吗？

离谱！PPT中全是超丑截图，还能这么高级！？

千万不要再用默认的PPT表格了！！!

高德这页PPT字太少了，咋做才能不空洞？

连续21天，每天坚持打卡做PPT，是一种什么样的体验？

PPT太空，领导一张图都不让加，咋弄？

这种PPT自带的蓝色表格，到底是谁在用啊？！

金融精英的PPT别套模板了！红色太掉身价了..

PPT上别再贴灰色色块了！太像狗皮膏药了...

浙江这家公司的PPT流程图，把线条掰弯也太高级了！

PPT上放很多字的人，到底咋想的啊？

做PPT还找图？只用一个圆做17页PPT ，不重样！

为什么大厂开发布会，PPT都爱用深色背景？

PPT对比页内容，别只会写VS了！

看了无印良品内部PPT后！我悟了：为啥这么多人爱极简风...

当这页PPT的地球动起来后！太震撼了..

为啥公司内部的PPT，一般不加动画呢？

为啥苹果的PPT明明排版很简单，但却意外高级？

AI又进化了，点几下鼠标全搞定了

老教师的备课PPT ，00后看完蒙圈了...

00后大学生做PPT过渡页，只有5个字还能这么高级？

PPT多图排版还在并列摆放？这个思路一定要收藏！

北京这招聘公司的PPT，换个青蓝色后，炸场！

我真心不建议你给PPT加黑色阴影！太掉价了！

分类

原创标签

时事社会财经军事教育体育科技汽车科学房产搞笑综艺明星音乐动漫游戏时尚健康旅游美食生活摄影宠物职场育儿情感小说曲艺文化历史三农文学娱乐电影视频图片新闻宗教电视剧纪录片广告创意壁纸头像心灵鸡汤星座命理教育培训艺术文化金融财经健康医疗美妆时尚餐饮美食母婴育儿社会新闻工业农业时事政治星座占卜幽默笑话独立短篇连载作品文化历史科技互联网

发布位置

广东北京山东江苏河南浙江山西福建河北上海四川陕西湖南安徽湖北内蒙古江西云南广西甘肃辽宁黑龙江贵州新疆重庆吉林天津海南青海宁夏西藏香港澳门台湾美国加拿大澳大利亚日本新加坡英国西班牙新西兰韩国泰国法国德国意大利缅甸菲律宾马来西亚越南荷兰柬埔寨俄罗斯巴西智利卢森堡芬兰瑞典比利时瑞士土耳其斐济挪威朝鲜尼日利亚阿根廷匈牙利爱尔兰印度老挝葡萄牙乌克兰印度尼西亚哈萨克斯坦塔吉克斯坦希腊南非蒙古奥地利肯尼亚加纳丹麦津巴布韦埃及坦桑尼亚捷克阿联酋安哥拉