这个高级PPT动画,你不能不会!

乐活   2024-05-18 19:06   云南  

上期关于“箭头”的教程里

有不少小伙伴问

下图这个灰机的动画

是怎么制作的?

这期咱们就专门来解答详解下

这个动画的制作方法


这个PPT动画在设计领域里其实是有自己的名字的,叫做“路径缩放动画(Path Scale Animation)

路径缩放动画效果包括物体沿着一个预设路径的移动,还包括物体在移动过程中的缩放变化,创造出一种动态的视觉效果,此外,根据动画的复杂性,可能还需要考虑物体的旋转(装X专用段落,继续往下看)

这种动画效果在模拟物体的飞行生长收缩或其他复杂动态变化时非常有用,能够为动画作品增添更多的视觉深度动态感

位置移动:位置A到B,特别是地图等空间位移。

流程设计:更能凸显流程的顺序,提升设计感。

(来源:演示军团50个PPT逻辑结构图示第10页)

空间修饰:通过该动画效果,提升设计空间感。

这篇文章,咱们重点解析下应用1(位置移动)效果的制作方法。

所需素材:

定位图标+飞机图标(这些iSlide插件里都有免费的)

添加路径:

首先把定位图标的位置摆放好,方便我们给飞机添加路径动画。飞机的位置,在起点处

选中飞机图标,在动画里添加自定义路径动画。

先在右侧定位图标底部点击一下,之后在中间靠上点击一下,最后在左侧定位图标底部双击一下,这样得到了两点之间三个顶点的路径动画。

右键选中路径,选择“编辑顶点”

通过编辑顶点,把路径调整成比较圆润的效果,如下图

设置路径动画参数:

开始为与上一动画同时,持续时间2秒,效果选项里把平滑开始和平滑结束都改为0。

目前的动画效果:只有路径动画

好,初步效果有了,我们开始调整细节:

调整机头:飞机可不能像螃蟹一样横着飞,所以第一个细节就是调整机头。

把机头方向转向路径一致的方向。


现在的动画效果:可以看出,机头的出发方向对了,但飞行中跟我一样跟有颈椎病似的,所以下一步,我们需要调整的细节就是:飞机在飞行中需要转动一定的角度。

添加陀螺旋:

这里最关键的是:飞机在飞行中,旋转的角度是多少?

给出一个便捷的解决方法:

旋转角度=目的地角度&出发地角度的差额

来看目的地角度和出发地角度的查看方法:

通过上图可以得到,出发地角度为283°,同样的方法,查看目的地角度为249°(下图红色飞机只需要复制一份原始飞机,在目的地处沿路径方向旋转即可,仅作为参照物,用完即删)

所以飞机的陀螺旋动画旋转的数量为283°-249°=34°,方向为逆时针。

OK,牛逼的数学题做完了,可以设置陀螺旋动画了。

添加动画-陀螺旋,开始为与上一动画同时,持续时间2秒,数量为34°,方向逆时针。

可以看出,现在的效果,已经可以满足大部分人的需求的,但我是个完美主义者,飞行中放大缩小才能更贴近现实运动,所以,下一个细节,缩放

添加缩放动画:

这里的缩放,可以使用放大缩小,也可以使用进入退出中的基本缩放,这里我选择后者,因为这两个动画,刚好是进入和退出,可以不用再单独给飞机添加进入和退出

1.缩放进入:选中飞机,添加动画-更多进入动画,选择基本缩放,开始为与上一动画同时,持续时间1秒

2.缩放退出:选中飞机,添加动画-更多退出动画,选择基本缩放,开始为与上一动画同时,持续时间1秒,延迟时间1秒,动画窗格如下。

这样设置的目的:飞机缩放进入用时1秒,缩放退出1秒,这个过程刚好是路径动画的一个完整过程。也就是飞机从0-1秒时放大进入,从1-2秒缩小退出,这个过程是伴随着路径+陀螺旋的。

说明:你可能问为什么用基本缩放,不用缩放?

大雄董军说:

缩放和基本缩放的区别在于,缩放是有淡入淡出效果的,会造成飞机一段的透明淡化;而基本缩放只有缩放,没有淡化效果,效果更加。

此时的动画效果:近乎完美了,但还有个美中不足,那就是貌似最开始的那条虚线不见了

好,注意看了

这个操作你绝对没见过

想要虚线和路径完全重合,不需要手动绘制,直接借助插件就可以秒了。

方法是:选中飞机(我们已经加了路径动画),点击口袋动画专业版,再点一下“描摹路径”,那么就直接得到了和路径完全重合的一条虚线。

然后设置下虚线的格式,就大功告成了。

其实目前的效果,放映的时候只能进行一次,因为是多个动画的多段时间,所以不好设置循环次数,不过没关系,没有咱解决不了的难题。

动画合并:我们可以把飞机的多个动画合并,合并成一个,然后给这个合并后的动画设置循环次数就完事了。

这个也很简单,选中飞机-口袋动画专业版-动画合并

然后选中合并后的动画,右键计时,重复里就可以设置循环次数了。

最后,其他的飞机动画,只需要在合并动画前,改动下路径长度和弧度,以及飞机方向,旋转角度就可以了,最后把多个飞机的多个动画分别合并,设置重复。

其实这个动画效果真的非常基础和常规,但我写完教程回头一看,也着实吓我一跳,咋写了这么多?

主要还是考虑到大家的动画水平参差不齐,我想还是尽量写的详细一些,不落下每个步骤每个参数,甚至把每个设置的原因和原理也都进行了讲解,希望能对你有所帮助吧!

本文附赠福利分为两个板块

一个是面向粉丝读者朋友的,

一个是面向演示军团成员的。

本文案例PPT动画效果源文件(动画合并后的)

获取方法:本公众号后台发送关键词“飞机


本文所有PPT案例源文件(含合并动画前+合并动画后的所有源文件)+50个科技风PPT逻辑结构图示静态(可一键换色)

领取方法:

以上所有文件,已更新在演示军团总链接(演示军团微信群公告里)具体位置在下图下方有注释。

(上图文件位置:演示军团总链接第21号文件夹-第139期)

(下图文件位置:演示军团总链接第09号文件夹)

演示军团PPT系统学习一站通,是我历时6年打造的PPT学习社群,我六年来所有的PPT教程,PPT资源,开发的插件,动画库,所有作品源文件,交流群,所有内容,全都倾注在内,欢迎各位小伙伴了解加入。

幻云PPT设计
6年PPT实战经验-PPT项目曾登陆CCTV2
 最新文章