如何在具体页面中应用隐藏和调整层的顺序

发布时间:2022-11-26 10:52
编辑:牧晓
来源:IT之家
字体:  阅读量:15227   

今天我们就来谈谈如何在PPT中做视差动画,以及如何在具体页面中应用。

如何在具体页面中应用隐藏和调整层的顺序

第一部动画

这个动画对素材要求很高,需要一套完整的矢量插画素材,让每一个素材都有层次感,方便添加动画。

然后两页动画连起来。我们先来看看第一页的动画:

①动画中使用的材料

蓝天,帐篷,篝火,河流,草原。

②动画原理

层次感加动画前面提到了,类似于PS中的层关系。

如果你不熟悉PS,你可以想象汉堡或者画纸,一层一层的。

PPT软件也是如此在选择窗格中,您可以设置每组材质的名称,还可以锁定,隐藏和调整层的顺序

比如这个动画命名后更清晰更容易修改:

从这个名字不难看出,除了帐篷和篝火,其他三层都是背景层。

依次为它们添加路径动画,这里不需要先添加动画,直接添加路径动画即可。

如果只是一个一个的添加路径动画就结束了,就无法获得视差效果。

添加路径动画后,您还需要调整它们的路径长度,以使路径长度不同:

相对来说,帐篷和篝火的路径动画更长。

如果路径长度不同,但移动时间相同,那么移动速度就会不同,形成视差动画效果。

接下来,看第二页的动画:

①动画中使用的材料

冻结框架和文本组。

②动画原理

这一页的素材不多,只用到了两个动画,路径动画和放大缩小强调动画。

首先你需要播放第一页的动画,动画播放完后截取最后的定格画面:

把截图拿到第二页,做一些处理,变成圆角,加线条。

最后呈现的是由大到小的动画过程,所以需要填写截图。

为什么需要补仓。看看填充和不填充的区别:

缩放后的动画的中心点是不一样的,动画的中心填充后会更加准确合适。

我们之前写过一个补位相关知识的教程。有兴趣的可以去看看:

带你更接近PPT中的补充,探索更多神奇的玩法。

第二部动画

这个动画效果略有不同,是把两页内容合成一页,同样对素材要求很高。

①动画中使用的材料

蓝天,雪山,大树,城堡,花瓣。

②动画原理

虽然是一页的内容,但是需要分两页来做,主要是城堡的漂浮和花瓣的掉落让我们逐一分析

漂浮城堡:

城堡漂浮主要使用路径动画唯一需要注意的是:添加路径动画后,要在效果设置中勾选自动翻转,这个很容易被遗漏

如果未选中,可能会出现以下情况:

真的成了卡进PPT。

花瓣飘落:

这个动画会涉及函数出于某些原因,我们还是用口袋动画里的动画风暴吧

这些动画,随机函数和淡出动画主要用于:

以x坐标为例,需要分别为第一帧和第二帧设置函数。

第一帧:

第二帧:

这个框架的功能设置决定了花瓣的下落方向。

这里还有一个坑,就是淡出这个动作,隐藏在滤镜里:

如果不隐藏,就会出现卡顿这样的bug:

设置好一个花瓣的参数后,其他花瓣就可以刷动画了。

然后制作多个副本,并分别调整花瓣之间的延迟:

辅助图是对城堡的具体介绍,也需要填充,才能和主图联系起来。

补充大树和副图的背景:

接下来单独添加路径动画,因为在屏幕之外,所以不需要添加动画。

以上是魔法城堡的动画原理。

第三部动画

前两个和儿童课件有关,这个动画更适合商业场景。

①动画中使用的材料

②动画原理

我们先来看看只有色块的情况:

首先出现左边的色块,然后出现右边的色块。

还有一种错觉是黑色部分是动画的,其实是视觉错误。

只使用了一种动画效果:飞入动画。

设置色块从上,下,左,右不同方向飞入,并调整它们的进入和延迟时间。

接下来是最后五个色块动画,以及背景图由远及近的设置。

五个色块也飞进动画中,分别加入动画后可以调整出现的时间。背景图像是一个基本的缩放动画:

第四部动画

再来看最后一个动画,是从之前的视差动画灵感图中找到的:

我们简单拆解一下,看看这个时间轴效果是怎么做出来的。

首先,绘制静态页面中的所有元素:

然后梳理动画的顺序和时间时间轴和年份是动画的主要部分,分别给它们添加路径动画

先做左边的动画。时间轴路径动画的路径长度比年份长,年份移动时会有一些延迟:

之后,添加正确的动画这里需要注意的是,左动画的起点是右动画的终点,所以它的终点是另一个起点

这样一来,一一对应就会完美契合,不会出现以下情况:

最后,调整接下来四个路径动画的延迟时间:

本页平滑时间轴动画完成:

同样,用这种方法类比,可以做出视差动画灵感图中的很多效果。

郑重声明:此文内容为本网站转载企业宣传资讯,目的在于传播更多信息,与本站立场无关。仅供读者参考,并请自行核实相关内容。

原标题:如何在具体页面中应用隐藏和调整层的顺序

上一篇:苹果高端iPhone机型的下载速度令人印象深刻平均177Mbps

下一篇: 返回列表

关于我们| 广告合作| 免责申明| 加入我们| 意见与建议|
项城网 - 所载文章、数据仅供参考,使用前务请仔细阅读网站法律声明。备案号:苏ICP备2022014228号-6
网站地图项城网 版权所有 网站统计