不忘初心,方得始终---逐帧动画应用实例分析

      前段时间看过一位50岁的老爷子做过的万马奔腾的PPT动画效果,使用的是文本框动画,利用的是逐帧动画的原理造成视觉上的错觉。 

       上次的教程,老爷子是从最基本的原理和PPT应用上跟大家做了讲解,今天跟大家分享利用OK插件怎么快速实现这一效果,同时文末会教给大家如何利用AE快速制作新的素材方法。

       先上效果图,跟大家分享


第一步,素材制作

(1)网上下载类似的高清图片,或者EPS矢量格式的素材,或者PNG格式的,目的是为了比较好抠图以及后期的调整

不忘初心,方得始终---逐帧动画应用实例分析_第1张图片

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


不忘初心,方得始终---逐帧动画应用实例分析_第2张图片

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


不忘初心,方得始终---逐帧动画应用实例分析_第3张图片

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


不忘初心,方得始终---逐帧动画应用实例分析_第4张图片

(5)关键步骤:画一个矩形,大小比最大的蝴蝶(左上第一个)略大即可,跟素材居中对齐再次进行组合。

(6)经过上述两步,大家会发现每张图片的大小已经完全一致了,这也是好多小伙伴可能制作失败的原因,素材制作完成。

第二步,OK插件逐帧动画

(1)把上文做好的素材,按照顺序调整好,打开PPT中OK选项卡,在专区组选择口袋动画,好吧,其实这是PA插件里的功能


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

不忘初心,方得始终---逐帧动画应用实例分析_第5张图片

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


不忘初心,方得始终---逐帧动画应用实例分析_第6张图片

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


不忘初心,方得始终---逐帧动画应用实例分析_第7张图片

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


不忘初心,方得始终---逐帧动画应用实例分析_第8张图片
不忘初心,方得始终---逐帧动画应用实例分析_第9张图片

(6)要实现开始的动画效果,下一步只要给制作好的素材加上路径即可完成。

   利用这一原理,我们可以在PPT里面做出来很多之前不太好实现的效果,比如:


不忘初心,方得始终---逐帧动画应用实例分析_第10张图片
不忘初心,方得始终---逐帧动画应用实例分析_第11张图片
不忘初心,方得始终---逐帧动画应用实例分析_第12张图片

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

所谓序列PNG图片,其实就是把动画的每一帧拆解成图片的形式,比如下图。


不忘初心,方得始终---逐帧动画应用实例分析_第13张图片

(1)打开AE


不忘初心,方得始终---逐帧动画应用实例分析_第14张图片

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

不忘初心,方得始终---逐帧动画应用实例分析_第15张图片


不忘初心,方得始终---逐帧动画应用实例分析_第16张图片

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


不忘初心,方得始终---逐帧动画应用实例分析_第17张图片

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


不忘初心,方得始终---逐帧动画应用实例分析_第18张图片
不忘初心,方得始终---逐帧动画应用实例分析_第19张图片

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

不忘初心,方得始终---逐帧动画应用实例分析_第20张图片

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


不忘初心,方得始终---逐帧动画应用实例分析_第21张图片

(7)点击渲染,OK


不忘初心,方得始终---逐帧动画应用实例分析_第22张图片

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

不忘初心,方得始终---逐帧动画应用实例分析_第23张图片

你可能感兴趣的:(不忘初心,方得始终---逐帧动画应用实例分析)