—— 中新系全媒体矩阵 ——
新闻行业垂直网站今天我们就来谈谈如何在PPT中做视差动画,以及如何在具体页面中应用。
第一部动画
这个动画对素材要求很高,需要一套完整的矢量插画素材,让每一个素材都有层次感,方便添加动画。
然后两页动画连起来。我们先来看看第一页的动画:
①动画中使用的材料
蓝天,帐篷,篝火,河流,草原。
②动画原理
层次感加动画前面提到了,类似于PS中的层关系。
如果你不熟悉PS,你可以想象汉堡或者画纸,一层一层的。
PPT软件也是如此在选择窗格中,您可以设置每组材质的名称,还可以锁定,隐藏和调整层的顺序
比如这个动画命名后更清晰更容易修改:
从这个名字不难看出,除了帐篷和篝火,其他三层都是背景层。
依次为它们添加路径动画,这里不需要先添加动画,直接添加路径动画即可。
如果只是一个一个的添加路径动画就结束了,就无法获得视差效果。
添加路径动画后,您还需要调整它们的路径长度,以使路径长度不同:
相对来说,帐篷和篝火的路径动画更长。
如果路径长度不同,但移动时间相同,那么移动速度就会不同,形成视差动画效果。
接下来,看第二页的动画:
①动画中使用的材料
冻结框架和文本组。
②动画原理
这一页的素材不多,只用到了两个动画,路径动画和放大缩小强调动画。
首先你需要播放第一页的动画,动画播放完后截取最后的定格画面:
把截图拿到第二页,做一些处理,变成圆角,加线条。
最后呈现的是由大到小的动画过程,所以需要填写截图。
为什么需要补仓。看看填充和不填充的区别:
缩放后的动画的中心点是不一样的,动画的中心填充后会更加准确合适。
我们之前写过一个补位相关知识的教程。有兴趣的可以去看看:
带你更接近PPT中的补充,探索更多神奇的玩法。
第二部动画
这个动画效果略有不同,是把两页内容合成一页,同样对素材要求很高。
①动画中使用的材料
蓝天,雪山,大树,城堡,花瓣。
②动画原理
虽然是一页的内容,但是需要分两页来做,主要是城堡的漂浮和花瓣的掉落让我们逐一分析
漂浮城堡:
城堡漂浮主要使用路径动画唯一需要注意的是:添加路径动画后,要在效果设置中勾选自动翻转,这个很容易被遗漏
如果未选中,可能会出现以下情况:
真的成了卡进PPT。
花瓣飘落:
这个动画会涉及函数出于某些原因,我们还是用口袋动画里的动画风暴吧
这些动画,随机函数和淡出动画主要用于:
以x坐标为例,需要分别为第一帧和第二帧设置函数。
第一帧:
第二帧:
这个框架的功能设置决定了花瓣的下落方向。
这里还有一个坑,就是淡出这个动作,隐藏在滤镜里:
如果不隐藏,就会出现卡顿这样的bug:
设置好一个花瓣的参数后,其他花瓣就可以刷动画了。
然后制作多个副本,并分别调整花瓣之间的延迟:
辅助图是对城堡的具体介绍,也需要填充,才能和主图联系起来。
补充大树和副图的背景:
接下来单独添加路径动画,因为在屏幕之外,所以不需要添加动画。
以上是魔法城堡的动画原理。
第三部动画
前两个和儿童课件有关,这个动画更适合商业场景。
①动画中使用的材料
②动画原理
我们先来看看只有色块的情况:
首先出现左边的色块,然后出现右边的色块。
还有一种错觉是黑色部分是动画的,其实是视觉错误。
只使用了一种动画效果:飞入动画。
设置色块从上,下,左,右不同方向飞入,并调整它们的进入和延迟时间。
接下来是最后五个色块动画,以及背景图由远及近的设置。
五个色块也飞进动画中,分别加入动画后可以调整出现的时间。背景图像是一个基本的缩放动画:
第四部动画
再来看最后一个动画,是从之前的视差动画灵感图中找到的:
我们简单拆解一下,看看这个时间轴效果是怎么做出来的。
首先,绘制静态页面中的所有元素:
然后梳理动画的顺序和时间时间轴和年份是动画的主要部分,分别给它们添加路径动画
先做左边的动画。时间轴路径动画的路径长度比年份长,年份移动时会有一些延迟:
之后,添加正确的动画这里需要注意的是,左动画的起点是右动画的终点,所以它的终点是另一个起点
这样一来,一一对应就会完美契合,不会出现以下情况:
最后,调整接下来四个路径动画的延迟时间:
本页平滑时间轴动画完成:
同样,用这种方法类比,可以做出视差动画灵感图中的很多效果。
声明:本网转发此文章,旨在为读者提供更多信息资讯,所涉内容不构成投资、消费建议。文章事实如有疑问,请与有关方核实,文章观点非本网观点,仅供读者参考。