上周末,我给大家分享了一批成套的人物素材,小伙伴们可曾试过呀?
这些素材除了用于丰富页面,常用于微课与培训课件,另外一种最常见的用法,则是拿来制作人物的逐帧动画。
今天,我就简单分享一下,逐帧动画的相关知识吧。
逐帧动画简介
关于什么是逐帧动画,咱们就不细写了,直接百度就有。
我猜很多人在学生时期,其实也玩过逐帧动画相关的东西,比如手翻书。
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/202308039772u.jpeg?x-oss-process=image/interlace,1/quality,Q_100)
这种每页画好不同人物的小本本,快速翻动的时候,人物就呈现流畅的动作变化,看起来就像是连贯的动画。
逐帧动画涉及到的其他关键词,比如定格动画、补间动画,感兴趣也可以搜索了解一下。
其中定格动画,知道的人应该是最多的,是一种比较好玩的动画形式,甚至有些知名的动画与影视作品,也是采用这种形式来完成的。
如果想看相关的作品,可以直接到哔哩哔哩,搜索“定格动画”“黏土动画”“剪纸动画”等关键词,有非常多优秀的作品。
这里给大家分享一个网站,可以在线绘制定格动画作品。
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/2023080327l2k.png?x-oss-process=image/interlace,1/quality,Q_100)
官网:https://flipanim.com/
在网站上面,也可以找到一些他人制作的作品,看起来还不错:
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/2023080327alc.gif?x-oss-process=image/interlace,1/quality,Q_100)
看过之后,你应该能发现,逐帧动画其实并不难。
我们只要掌握了思路,这就和 PPT 鼠绘一样,是一项比较基础的动画技巧,主要考验耐心而已。
接下来,我就利用上周素材,简单解析一下逐帧动画的制作思路。
逐帧动画的制作
要在 PPT 中制作逐帧动画,首先我们需要有关键帧素材。
通俗一点讲,就是动画场景在变化过程中,需要被人眼捕捉识别的几个关键画面。
比如下图,就是一个小孩从站立,到奔跑,再到摔跤的几个关键帧。
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/20230803xmniq.png?x-oss-process=image/interlace,1/quality,Q_100)
有了这些关键帧素材,我们就可以用到 PPT 中,做成连贯的人物动画了。
首先,我们绘制矩形,好把不同姿态的人物给裁剪出来。
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/202308034xm9z.png?x-oss-process=image/interlace,1/quality,Q_100)
通过多次的布尔运算,可以得到人物的所有关键帧。
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/20230803kodzy.png?x-oss-process=image/interlace,1/quality,Q_100)
这些关键帧图像,尺寸比例都不相同,不能直接进行制作。
需要先把它们大致对齐,使所有的人物都在差不多的位置上变化。
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/20230803db86d.png?x-oss-process=image/interlace,1/quality,Q_100)
如果直接添加动画,会因为图像大小不同,而使动画产生抖动与偏移。
所以,我们需要用到 OK Plus 的一个功能:批量补位。
打开 OK Plus 插件后,选中所有关键帧图像,点击【便捷增强】-【批量补位】
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/2023080356imh.png?x-oss-process=image/interlace,1/quality,Q_100)
补位成功后,所有图像都变成了一样大小。
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/20230803qoiqc.png?x-oss-process=image/interlace,1/quality,Q_100)
之后,依然全选所有图像,打开 OneKey 插件,点击【文档组】-【逐帧相关】-【图形逐帧】
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/2023080338nj3.png?x-oss-process=image/interlace,1/quality,Q_100)
最后把动画之间的延迟,由 10% 改成 100% 即可。
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/20230803y9p0h.png?x-oss-process=image/interlace,1/quality,Q_100)
做完后,是这样的效果:
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/20230803cb24a.gif?x-oss-process=image/interlace,1/quality,Q_100)
同样的思路,上周末的人物素材,想怎么做动画,就看你自己发挥咯~
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/202308032t777.png?x-oss-process=image/interlace,1/quality,Q_100)
至于两款 PPT 插件,以前的文章提到过很多次,在公众号的菜单栏里也有,还没用过的话,赶紧试试看吧。
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/2023080336gic.png?x-oss-process=image/interlace,1/quality,Q_100)
当然,如果你没有安装 OneKey 插件,也是可以做逐帧动画的,只不过需要自己设置文本框与填充效果。
实在对原理感兴趣,可以参考一下这篇文章:
除了文本框逐帧外,还有闪烁逐帧、按页逐帧等形式,本文就不细讲了,原理都差不多,只是表现形式与实现思路略有不同。
关键帧素材的获取
知道逐帧动画在 PPT 中的制作思路,你肯定已经跃跃欲试了。
但是在实际使用中,往往需要的是不同元素的关键帧素材,光有人物素材可不太够。
比如,需要飞鸟、蝴蝶飞舞、动物奔跑等。
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/20230803q8j0h.png?x-oss-process=image/interlace,1/quality,Q_100)
不同主题的 PPT,可能用到的元素可就太多了,穷举全部下载下来是不现实的。
所以,掌握了帧素材的获取方法,就成为了关键。
我们可以通过如下几种方法,获取不同画面的关键帧素材。
第一种方法,直接通过搜索引擎,或者在各大设计素材站搜索。
我常用英文关键词搜,得到的结果会更多一些。
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/202308038j4qf.png?x-oss-process=image/interlace,1/quality,Q_100)
感兴趣的话,可以试试这些关键词:“cycle animation” “frame by frame” “keyframe” “frame animation” 或者 “animation sprite set” “frame loop” “animation sprite sheet” “loop animation” 等
通过以上这些关键词,不断组合搜索,可以得到海量现成的关键帧素材。
如果确实搜不到现成的,就需要用其他思路了。
第二种方法,借用视频获取关键帧
这种方法比较麻烦,但是得到的结果一般还不错。
我们首先找到,包含所需动作的视频,截取这段视频,并通过工具导出帧图像。
之后,保留关键帧所在的图片,并逐个描摹,转成矢量或剪影素材。
得到关键帧素材后,再制作成逐帧动画。
当然,如果你自己会绘画的话,自己画关键帧也可以哈。
第三种方法,从其他成品中偷关键帧
其实最好用,而且最优质的素材,还是从已有的作品中获取。
比如之前交互 PPT 作品中的飞鸟,就是从官网中获取到的。
同样的思路,我们也可以直接从 GIF 图片中,获取所需要的关键帧素材。
甚至更绝的思路,我们去找相关的游戏作品,尤其是单击游戏,破解得到素材包之后,里面会有非常多的逐帧图像。
![图片](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/202308038j4qf.png?x-oss-process=image/interlace,1/quality,Q_100)
当然,直接搜索游戏关键帧素材也行。
以上,就是逐帧动画关键帧素材获取的几种思路,方法很多,不要被局限住哈。
逐帧动画做起来并不复杂,课件中使用有不错的效果。
但是,相对来说也有缺点,动画不是那么流畅,看起来不够逼真。
不过这也造就了这种独特的动画形式,这种特殊的动画风格,也受很多高手所喜爱。
下面,就给大家推荐一些,和 PPT 逐帧动画相关的优秀作品,希望能勾起你对动画制作的兴趣。
PPT 逐帧动画作品
以下这些作品,都是多年前的 PPT 高手们制作的,放到现在,也非常惊艳。
也不仅仅局限于某一种逐帧表现形式,除了文本框逐帧外,按页逐帧也非常值得大家学习借鉴。
话不多说,一起来看看吧:
01. 星雨《我的相册·回家版》微影PPT
![](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/2023080313272399.png?x-oss-process=image/interlace,1/quality,Q_100)
02. 西瓜果果PPT手绘逐帧作品《心》
![](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/2023080313274119.png?x-oss-process=image/interlace,1/quality,Q_100)
03. 谭清拓火柴人PPT动画简历作品
![](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/2023080313275217.png?x-oss-process=image/interlace,1/quality,Q_100)
04. 天好PPT作品《惊变》
![](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/2023080313280598.png?x-oss-process=image/interlace,1/quality,Q_100)
05. 672页PPT逐帧动画Zaoeyo《小布丁的奇妙世界》
![](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/2023080313281353.png?x-oss-process=image/interlace,1/quality,Q_100)
06. 国外450页PPT逐帧动画
![](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/2023080313282556.png?x-oss-process=image/interlace,1/quality,Q_100)
07. 火柴人动画关节支点无定点旋转教程
![](https://pptcdn.pptx.cn/wp-content/uploads/2023/08/2023080313283596.png?x-oss-process=image/interlace,1/quality,Q_100)
以上这些作品,都非常有代表性,对动画感兴趣的话,应该会有很大的启发。
当然,本文只是推荐一下,纯当引起大家对 PPT 动画的兴趣。
如果想要深入了解学习,就要靠自己不断的去探索,去模仿了。
感兴趣的话,可以去锐普 PPT 论坛逛一逛,里面有非常多的优秀作品,以及作品源文件。
如果某些文件你没有锐币无法下载,也可以在后台给我留言,我帮忙下载一下。
至于上面这 7 个作品,相信大部分人以前是没见过的,源文件很多人也弄不到。
所以,我整理打包了一下,想要源文件拆解学习的,可以后台回复【逐帧动画】获取。
好了,以上就是今天的干货内容,别忘了点赞留言哦~