【前言】
什么是瞬时动画?
可通俗地理解为时长只有0.01s的动画,人的肉眼捕捉不到它们的动画过程。(口袋动画-动画风暴可精确到0.001s)
瞬时动画最常见的用途是替换元素。即有两个对象,在一瞬间用对象B替换掉对象A,然后用对象B继续后面的动画,使得动画整体保持流畅自然。
因此瞬时动画也被叫做替身动画。
哪些动画能够完成瞬间的转换?
出现/消失动画。这两个动画的时长本身就是0.01s。通过这两个动画与其他动画相互配合,就可以做出瞬时的效果,达到替换元素的目的。
还可手动将动画时长设置为0.01s,达到瞬时的效果。常见的有放大/缩小动画、陀螺旋动画。
【教程】
01.
出现/消失动画
A-原位替换
比如开门、开箱子、按按钮等动画↓
(为方便观察分别添加了触发器)
动画窗格截图↓
原理很简单,就是出现/消失动画的切换。以开/关门动画为例:
首先准备两张图,一张关门图、一张开门图。然后将两张图重叠在一起。
如果要开门的效果,那么就是在关门图消失的瞬间,开门图出现;如果要关门的效果,那么就是在开门图消失的瞬间,关门图出现。
B-运动中替换
课件制作中常见的是走路动画,即人物从A走到B停止的瞬间。
动画窗格截图↓
原理也同样很简单:
其中人物走路是两张Gif动图,为它们添加向右的路径动画。
人物站立是静止的图,当人物走路的动图走到站立的位置时消失,同时站立图出现。
游戏案例↓
(鸣人跑步停止的瞬时动画)
02.
手动调整时长
A-放大缩小
篇幅原因,这里就不细讲了,大家可点击下方链接查看@Jesse 老师16年就写过的一篇文章↓
这个动画做之前感觉还挺简单(不就是个放大动画嘛~),但要真正做出想要的效果,涉及到的知识点还挺多,接下来我对上面的文章简单复盘一下:
a. 直接添加放大效果会出现的问题↓
元素在动画播放时会模糊,原因是动画是从预览时的位图大小直接放大。
b. 解决方案↓
与放大/缩小动画不同,在PPT编辑状态下拉伸改变图片的大小,其画质不会受到影响。
利用上述原理,一共需要两个动画:
动画1:瞬时的缩小动画
将图片手动拉伸到放大后的大小后,添加缩小动画(时长改为0s)。
动画2:放大动画
用放大动画将瞬间缩小的图片放大到拉伸后的大小。
c. 出现的新问题↓
由于动画开始前,就有一张大图,因此依旧存在缩小的痕迹。
d. 解决方案↓
添加出现动画,使得缩小的过程不被看见。
e. 整个的动画添加顺序↓
添加缩小动画(时长0s)。
添加放大动画(与上一动画同时)。
添加出现动画,并将其放置缩小动画前。
将缩小动画改为“与上一动画同时”。
将出现动画的延迟时间设置为0.01s。
注意最后两步的操作顺序,这是为了避免缩小动画在设置“与上一动画同时”时,变成和出现动画一样的0.01s的延迟。
动画窗格截图↓
思考:如何计算元素放大缩小的比例?
情形1:假设一个元素用缩小动画缩小到1%,想要再次变回原来的大小,计算方式为↓
1×0.01=0.01
1÷0.01=100(即需要放大10000%)
情形2:连续N次放大/缩小X%,计算方式为↓
1×X%的N次方(假设连续3次放大120%:1×1.2×1.2×1.2=1.728)
B-轮子动画
PPT自带的轮子动画是从90°角顺时针擦除的动画效果↓
篇幅原因,这里只讲一个如何“顺时针任意角度旋转”的方法,主要是为了体会瞬时动画的效果。
以240°角顺时针旋转为例,操作步骤如下↓
Step 1:将对象旋转-240°
格式→旋转→其他旋转选项。
(为方便观察给圆形加了一个黑色小圆形)
Step 2:添加动画
首先添加陀螺旋瞬时动画,240°顺时针,时长0.01s。
再添加轮子动画,与上一动画同时。
Step 3:给圆形添加出现动画。
我们发现圆形先是有一个明显的消失效果,然后才是轮子擦除的动画,解决方法正是上一个放大缩小案例中的知识点。
给圆形再添加一个出现动画,放在动画的第一步(陀螺旋动画前),再将陀螺旋动画设置为“上一动画同时”。
动画窗格截图↓
关于轮子动画的旋转问题,下期我会单独出一篇如何顺/逆时针任意角度的进入/退出。反正,就挺绕~
【结尾】
瞬时动画是我使用很高频的动画技巧之一。主要是用于瞬间替换元素,或者达到一种视觉欺骗的目的。
附一张思维导图↓
以上就是今天的内容,如果文章对你有用,记得帮忙点点文章右下角的『分享』『在看』,糖糖在此感激不尽
——
公众号:泡芙糖
原文链接:PPT动画教程04期|PPT动画中的替换手法,瞬时动画