PPT动画教程04期|PPT动画中的替换手法,瞬时动画

进阶提高3年前 (2022)更新 泡芙糖
1,681 0 0

PPT动画教程04期|PPT动画中的替换手法,瞬时动画

【前言】

什么是瞬时动画?

可通俗地理解为时长只有0.01s的动画,人的肉眼捕捉不到它们的动画过程。(口袋动画-动画风暴可精确到0.001s)

瞬时动画最常见的用途是替换元素。即有两个对象,在一瞬间用对象B替换掉对象A,然后用对象B继续后面的动画,使得动画整体保持流畅自然。

因此瞬时动画也被叫做替身动画

哪些动画能够完成瞬间的转换?

出现/消失动画。这两个动画的时长本身就是0.01s。通过这两个动画与其他动画相互配合,就可以做出瞬时的效果,达到替换元素的目的。

还可手动将动画时长设置为0.01s,达到瞬时的效果。常见的有放大/缩小动画、陀螺旋动画。

【教程】

01.

出现/消失动画

A-原位替换

比如开门、开箱子、按按钮等动画↓

PPT动画教程04期|PPT动画中的替换手法,瞬时动画

(为方便观察分别添加了触发器)

动画窗格截图↓

PPT动画教程04期|PPT动画中的替换手法,瞬时动画

原理很简单,就是出现/消失动画的切换。以开/关门动画为例:

首先准备两张图,一张关门图、一张开门图。然后将两张图重叠在一起。

如果要开门的效果,那么就是在关门图消失的瞬间,开门图出现;如果要关门的效果,那么就是在开门图消失的瞬间,关门图出现。

B-运动中替换

课件制作中常见的是走路动画,即人物从A走到B停止的瞬间。

PPT动画教程04期|PPT动画中的替换手法,瞬时动画

动画窗格截图↓

PPT动画教程04期|PPT动画中的替换手法,瞬时动画

原理也同样很简单:

其中人物走路是两张Gif动图,为它们添加向右的路径动画。

人物站立是静止的图,当人物走路的动图走到站立的位置时消失,同时站立图出现。

游戏案例↓

PPT动画教程04期|PPT动画中的替换手法,瞬时动画

(鸣人跑步停止的瞬时动画)

02.

手动调整时长

A-放大缩小

篇幅原因,这里就不细讲了,大家可点击下方链接查看@Jesse 老师16年就写过的一篇文章↓

技巧(41)点击小图放大成大图的动画,我知道你们都想学

这个动画做之前感觉还挺简单(不就是个放大动画嘛~),但要真正做出想要的效果,涉及到的知识点还挺多,接下来我对上面的文章简单复盘一下:

a. 直接添加放大效果会出现的问题↓

元素在动画播放时会模糊,原因是动画是从预览时的位图大小直接放大。

b. 解决方案↓

与放大/缩小动画不同,在PPT编辑状态下拉伸改变图片的大小,其画质不会受到影响。

利用上述原理,一共需要两个动画:

动画1:瞬时的缩小动画

将图片手动拉伸到放大后的大小后,添加缩小动画(时长改为0s)。

动画2:放大动画

用放大动画将瞬间缩小的图片放大到拉伸后的大小。

c. 出现的新问题↓

由于动画开始前,就有一张大图,因此依旧存在缩小的痕迹。

d. 解决方案↓

添加出现动画,使得缩小的过程不被看见。

e. 整个的动画添加顺序↓

添加缩小动画(时长0s)。

添加放大动画(与上一动画同时)。

添加出现动画,并将其放置缩小动画前。

将缩小动画改为“与上一动画同时”。

将出现动画的延迟时间设置为0.01s。

注意最后两步的操作顺序,这是为了避免缩小动画在设置“与上一动画同时”时,变成和出现动画一样的0.01s的延迟。

动画窗格截图↓

PPT动画教程04期|PPT动画中的替换手法,瞬时动画

思考:如何计算元素放大缩小的比例?

情形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°角顺时针擦除的动画效果↓

PPT动画教程04期|PPT动画中的替换手法,瞬时动画

篇幅原因,这里只讲一个如何“顺时针任意角度旋转”的方法,主要是为了体会瞬时动画的效果。

以240°角顺时针旋转为例,操作步骤如下↓

Step 1:将对象旋转-240°

格式→旋转→其他旋转选项。

PPT动画教程04期|PPT动画中的替换手法,瞬时动画

(为方便观察给圆形加了一个黑色小圆形)

Step 2:添加动画

首先添加陀螺旋瞬时动画,240°顺时针,时长0.01s。

PPT动画教程04期|PPT动画中的替换手法,瞬时动画

再添加轮子动画,与上一动画同时。

PPT动画教程04期|PPT动画中的替换手法,瞬时动画

Step 3:给圆形添加出现动画。

我们发现圆形先是有一个明显的消失效果,然后才是轮子擦除的动画,解决方法正是上一个放大缩小案例中的知识点。

给圆形再添加一个出现动画,放在动画的第一步(陀螺旋动画前),再将陀螺旋动画设置为“上一动画同时”。

PPT动画教程04期|PPT动画中的替换手法,瞬时动画

动画窗格截图↓

PPT动画教程04期|PPT动画中的替换手法,瞬时动画

关于轮子动画的旋转问题,下期我会单独出一篇如何顺/逆时针任意角度的进入/退出。反正,就挺绕~

【结尾】

瞬时动画是我使用很高频的动画技巧之一。主要是用于瞬间替换元素,或者达到一种视觉欺骗的目的。

附一张思维导图↓

PPT动画教程04期|PPT动画中的替换手法,瞬时动画

以上就是今天的内容,如果文章对你有用,记得帮忙点点文章右下角的『分享』『在看』,糖糖在此感激不尽

——
公众号:泡芙糖
原文链接:PPT动画教程04期|PPT动画中的替换手法,瞬时动画

© 版权声明

相关文章