最近在马斯克的SpaceX官网,发现了一个很可爱的动画:

图片为SpaceX官网截图

而且,这个动画还用了不止一处:

我翻了一下以往的案例,发现大疆官网居然也用过这个动画,看来真的很受大厂的欢迎啊~

其实这个动画没什么高大上的,它叫做触发动画,初高中的老师们,非常喜欢用这个动画。

当你在上学的时候,老师们的PPT课件中,是不是经常出现一些奇怪的声音,然后就会蹦出一个词,其实就是这个动画啦~

接下来,就跟大家分享触发动画的教程:

触发动画教程

我们以SpaceX官网的动画为例。

另外,SpaceX的PPT设计也非常优秀,文件我已经给大家整理好了

关注@旁门左道PPT,点击我的头像,进入主页,点击私信,回复关键词【马斯克】,即可获取~

SpaceXPPT

我们先把所需要的元素准备好:两个文本框和一个图标,其中中间的是触发文本框,而上下两个是被触发的。

我们再来看下SpaceX的动画,可以发现,当鼠标放在“01”上时,上方的图标下移出现,而下方的文字则是左移显现的。

很显然,这里使用了淡入和路径动画。

我们需要先把上下两个内容,移动到触发前的位置:

接着分别为它们添加淡入效果:

然后在动画界面设置动画的“开始”与“持续时间”。

因为两个动画是同时开始的,所以注意上下两个动画的“开始”一定要设置为“与上一动画同时”

后文的路径动画的“开始”与“持续时间”设置,与淡入相同。

接着我们通过添加直线路径:

调整好路径的方向,使它们能移动到相应的位置,(绿色为起始点,红色为最终到达点):

重点来了!接下来,把两个动画都在“触发”的选项中选择“通过单击”选择相应的文本框。

我们这个案例是点击“SPACE”触发动画,所以选择“SPACE”这个文本框:

完成啦!我们来看一下最终效果:

效果还不错吧~

那么,这个炫酷的动画效果,在PPT设计中,可以应用在哪些场景呢?下面,,就跟大家分享一下:

触发动画应用场景

01 动态交互图表

什么是交互式图表呢?

就是,你需要通过点击,才能看到某些数据。

就像这样:

当然,你还可以继续添加2018年、2017年,甚至是更早的数据。

02 呈现方案对比

对于做销售类的读者们,我觉得太合适了,为啥这么说呢?咱们举个例子。

比如你要给客户讲一个装修方案,你可以在一个页面上,同时展示出好几套方案,供客户选择:

当然,你也可以展示团队的不同成员信息。啥意思呢?举个例子,就像这样:

03 微课教学软件

对于老师们来讲,在给学生讲解题目的时候,你可以给不同的选项,或者填空题,添加触发动画。

这样,当学生回答错误的时候,我们可以设置一个错误提示动画。

比如,将错误选项设为红色:

反之,则有一个回答正确的效果:


以上就是今天的分享了,希望对大家有所帮助~

最后,大家不要忘记领取我准备的SpaceXPPT哦~

关注@旁门左道PPT,点击我的头像,进入主页,回复关键词【马斯克】,即可获取~

大家最近有看到什么好看的动画吗?