【前言】
在上一期『瞬时动画』教程中,列举了一个轮子动画任意角度顺时针旋转的案例。
因为这个动画案例的变化形式比较多,讲解起来会篇幅过长,所以就单独出一篇来认真盘一下里面涉及到的知识点。
阅读本篇文章前,建议先点击下方链接复习“顺时针任意角度的旋转”↓
PPT动画教程04期|PPT动画中的替换手法,瞬时动画
由于上期文章的轮子动画案例只单纯的用了一个圆形,无法直观的看出其中具体的动画效果。
本次的案例展示我将采用图形与文字组合的形式,给大家详细演示一下。这个动画或许在语文教学中比较常用~
(语文田字格)
阅读前提示:
1-案例中所有的任意角度,均以240°为例。
2-请严格按照文章中的操作顺序进行练习。
【教程】
01.
顺时针旋转
默认效果:顺时针90°进入/退出↓
(默认效果)
顺时针240°的进入/退出↓
开始操作之前,先来看一下元素旋转±240°角的效果↓
操作步骤
Step1:添加动画
1-陀螺旋瞬时动画(效果选项:顺时针240°)
2-轮子动画(与上一动画同时)
Step2:给元素添加物理旋转
目的是为了抵消陀螺旋动画的240°的旋转效果,但动画效果依旧保留。
选中元素→格式【旋转】→其他旋转选项。
对比一下不添加/添加物理旋转的两种动画效果↓
估计大家在物理旋转这一步就已经开始蒙圈了。那么不妨直接把旋转后的元素转换为图片,再添加相同的动画进行对比↓
顺时针的退出动画同理:只需把轮子的进入动画改为轮子退出动画即可。换个角度思考,如果把轮子动画顺时针擦除的效果水平翻转一下,不就变成逆时针的旋转了吗?实现动画水平翻转的效果,需要一个新的动画:基本旋转。动画位置:(添加)动画→更多进入/退出效果→【华丽】基本旋转从上面的动图中可以看出,基本旋转的退出动画是先旋转了两个180°,再旋转90°消失;基本旋转的进入动画是先旋转90°,再旋转两个180°出现。两个动画都一共旋转了450°。基本旋转的退出动画需要翻转180°,即动画进行到40%时停止;进入动画则需要旋转270°(90°+180°),即动画进行到60%时停止。因此,就需要在【计时】的重复次数中,将基本旋转的退出动画设置为0.4,进入动画设置为0.6。动画参数:0s,重复次数0.4(让元素瞬间水平翻转)。答:因为要实现的是逆时针进入,因此要把轮子动画设置为进入动画。而元素的动画不能同时设置两个进入效果,就需要把基本旋转设置为退出动画。逆时针退出同理。动画参数:0s,重复次数0.6(让元素瞬间水平翻转)对比一下没有水平翻转、没有旋转角度、完整操作的三种动画效果↓对比一下没有水平翻转、没有旋转角度、完整操作的三种动画效果↓本篇文章的案例包含了很多的瞬时动画,导致其中很多的动画过程无法用肉眼看清。再加上各种物理旋转与动画旋转,很容易把人绕晕。1. 理解其中重要的动画原理(比如“陀螺旋”瞬时动画、“基本旋转”的重复次数/瞬时动画)2. 自己动手尝试(缺少某一步骤会是什么效果、步骤错了会是什么效果)3. 多运用这个动画效果。若仍无法理解,直接记住操作步骤。以上就是今天的内容,如果文章对你有所帮助,请帮忙点点文章右下角的『分享』『在看』,糖糖在此感激不尽 ——
公众号:泡芙糖
原文链接:PPT动画教程05期|希望这篇文章之后,你能拿捏PPT轮子动画的各种旋转效果!