上期关于“箭头”的教程里
有不少小伙伴问
下图这个灰机的动画
是怎么制作的?
这期咱们就专门来解答详解下
这个动画的制作方法
这个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资源,开发的插件,动画库,所有作品源文件,交流群,所有内容,全都倾注在内,欢迎各位小伙伴了解加入。