不忘初心,方得始终---逐帧动画应用实例分析
前段时间看过一位50岁的老爷子做过的万马奔腾的PPT动画效果,使用的是文本框动画,利用的是逐帧动画的原理造成视觉上的错觉。


上次的教程,老爷子是从最基本的原理和PPT应用上跟大家做了讲解,今天跟大家分享利用OK插件怎么快速实现这一效果,同时文末会教给大家如何利用AE快速制作新的素材方法。
先上效果图,跟大家分享
第一步,素材制作
(1)网上下载类似的高清图片,或者EPS矢量格式的素材,或者PNG格式的,目的是为了比较好抠图以及后期的调整

(2)把图片分成三份,如左下图所示,如果是矢量格式的,直接在AI中调整会比较方便,图片格式的 则需要小心点裁剪

(3)调整完成后讲三份素材重新组合,如图

(4)对每个蝴蝶的翅膀进行调整,适当调窄一下就可以了,这里我做了5个图,如左图所示,调整完重新组合

(5)关键步骤:画一个矩形,大小比最大的蝴蝶(左上第一个)略大即可,跟素材居中对齐再次进行组合。
(6)经过上述两步,大家会发现每张图片的大小已经完全一致了,这也是好多小伙伴可能制作失败的原因,素材制作完成。
第二步,OK插件逐帧动画
(1)把上文做好的素材,按照顺序调整好,打开PPT中OK选项卡,在专区组选择口袋动画,好吧,其实这是PA插件里的功能

(2)选择图形逐帧即可制作

(3)点击图形逐帧后即可得到左图.

(4)在点击之后,会弹出这样的提示,需要对动画效果进行简单的设置。

(5)字母延迟设置成100%,重复设置为直到下一次单击,或者文本结束都可以。Ok,效果制作完成


(6)要实现开始的动画效果,下一步只要给制作好的素材加上路径即可完成。
利用这一原理,我们可以在PPT里面做出来很多之前不太好实现的效果,比如:



现在很多小伙伴都有一个共识,要做好PPT,其实还要学习很多别的软件,目的并非为了做的多么绚丽,其实还是因为每个软件都有自己的侧重点,利用不同的软件操作,发挥各自的特长,才能起到事半功倍的效果。下面利用AE给大家介绍吧视频素材快速制作成序列PNG图片的方法。
所谓序列PNG图片,其实就是把动画的每一帧拆解成图片的形式,比如下图。

(1)打开AE

(2)将准备好的视频素材拖入到右图方框内的区域(文末会提供,也算是这次教程的福利)。


(3)再将素材拖入到下边方框中

(4)点击素材,按crtl+M,得到下图,进入渲染队列


(5)点击输出组件后面的无损,进入设置窗口,格式选项选择PNG格式

(6)在渲染队列“输出到”,选择存储位置

(7)点击渲染,OK

最后再由上文方法制作,可在PPT中得到不亚于视频的动画效果
