一个灵机一动的动画设计,让我明白了相对运动的动画设计原理——虽静而似动。
191-2.jpg今天所讲的案例是2017年1月在阿里巴巴未来讲堂演讲时所使用PPT中的一页,这个动态效果是当时灵机一动在时间仓促的情况下设计的。
191-3.jpg涉及的知识或技能有二:①矢量运用,矢量插画的应用打开浩瀚的PPT设计素材大门;②近快远慢,让风景后退所营造车往前行的对比效果更逼真。
191-4.jpg
第一步、矢量素材搜集。公子常去的矢量素材网站主要有两个,一是国外的freepik,另一个则是国内的千图网。
191-5.gif第二步、矢量素材导入PPT。使用AI软件打开对应的矢量文件,删除多余素材,选中目标对象直接拖入到PPT中,两次取消组合即可。
191-6.jpg第三步、设计构思。第一眼瞟到这个素材的时候,在我心里它们便动起来了。后来略加思考,若要与生活常识匹配,则远处的太阳不动,人和车子不动,远山和轮子应该动,山应该是近快远慢,但轮子由于和自行车是一体的,就只能保持了静止。当然,如果轮子是一个单独的矢量素材,设置旋转也是非常容易的。
191-7.jpg第四步、场景及动画设计。场景设计需要考虑的是如何实现山的「远慢近快」的动画设置呢?后来经过思索,在同样的时间内,远山移动的路程近,而近山移动的路程远,不就可以实现了吗?于是,如图,在修改颜色之后,我将远山复制为原图的四倍;中间复制为原图的六倍;近山复制为原图的八倍,让它们都从右侧向左移动,持续时间都为20秒,适当设置【平滑开始】和【平滑结束】的时间,即可。
191-8.gif就是这么简单?对,就是这么简单。另外,类似的相对运动动画设置法还有太空中的宇宙飞船动画(案例搜集自网络,公子发现PA口袋动画也收录了此案例)。
191-9.gif其他相对运动的动画设置案例——迎风飘动的纸飞机,该案例来自于PA口袋插件。公子的PPT学员将会获取这些素材的源文件,具体的操作过程请您详见网易云课堂《揭秘PPT真相》之《PPT动画初步》章节的视频演示。