不输大厂!这个PPT太有创意了,国外网站播放量排第一


不输大厂!这个PPT太有创意了,国外网站播放量排第一

有读者昨晚私信我说,邵大,B站上这个超火的PPT,是怎么做的啊?


不输大厂!这个PPT太有创意了,国外网站播放量排第一

我在B站上搜索了一下,发现这个PPT页面真的非常有意思:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

这是网页设计中,经常会用到的一种『视差滚动动画』。

啥意思呢?先来简单解释一下。

所谓视差滚动,其实就是一个画面中的前景元素,和背景元素的运动速度不同,所形成的视差。

而关于前景和远景,很好理解,我们拿一张照片来说:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

如果我们想做视差动画,其实,就可以分别调整前景和远景的运动速度,使其存在差异:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

这里的前景和远景是两个图层

明白了吗?

很多国外大神做过相关的案例,就像这样:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

不输大厂!这个PPT太有创意了,国外网站播放量排第一

包括我们之前做过的《雾山五行》的PPT开头,其实也用到的是这个原理:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

这里的云是前景,山脉是远景,相信各位能看得出来,二者运动的速度,会有差异,对吗?

那回到刚才的案例中,这里的前景,就是页面上的4个色块,而远景就是背景:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

明白了这一点之后,接下来的,我们就可以动手来将其完成。

同样,还是先来完成页面的排版,我们可以先在页面上,画出对应的色块位置,一共有5个色块:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

然后,找一张图片,填充作为背景,这时候,背景是这样的:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

接下来,再次把图片,填充到底层的色块中:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

对于上层的4个色块呢,我们同时选中,设置形状格式,选择幻灯片背景填充:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

这时候,页面就变成了这样,有内味儿了,对吗?

不输大厂!这个PPT太有创意了,国外网站播放量排第一

而后,就是添加动画了,这一步非常简单。

对于页面左侧的两个色块,我们添加的动画为:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

不过,这里有一个细节是,在调整放大动画的方向时,是吧,其中一个是垂直放大,另一个是水平:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

对于右侧的两个色块呢,也是一样,只是他的动画组合变成了:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

最后,就是给底部的图片,添加直线路径+放大动画。

不过要注意,我们为了营造视差的感觉,它的运动路径,可以稍微短一些,放大的比例,可以稍微小一点:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

最后呢,设置所有的动画同时播放即可:

不输大厂!这个PPT太有创意了,国外网站播放量排第一

怎么样,是不是特别简单?

没有学会的朋友,也没关系,我会把这个PPT模板也免费分享给你们~

关注我,回复关键词【视差动画】,一键免费获取PPT模板源文件。


分享到:


相關文章: