哪吒的风火轮不会转?教你如何用PPT搞定

进阶提高3年前 (2021)更新 自律的音律
1,661 0 3

今天给大家带来一篇技术流干货,手把手教大家如何做上图的风火轮动画。

基础原理来源于 OK 插件的开发者 @只为设计,对原理感兴趣的话,可以直接去看下他的推文:PPT环形三维旋转动画

这个风火轮的动画,乍一看很像陀螺旋动画,但是陀螺旋动画仅限于二维,无法进行任意角度的三维旋转与透视。

话不多说,直接进正文操作。假设图片看不清,可以点击后查看大图。

首先,我们从网上找到哪吒的霸气图片。

哪吒的风火轮不会转?教你如何用PPT搞定

注意观察,底部两个风火轮都是椭圆,而且相当于是 3 个部分组合而成,有粗有细。

没看明白的话,可以先略过往后面看,看完就知道这里讲的啥意思了。

接下来,我们先搞定风火轮的正面图。

从之前给大家整理好的光效素材中,把这两个火焰素材复制出来。

哪吒的风火轮不会转?教你如何用PPT搞定

通过两张火焰素材的拉伸、变形等操作,组合成一张细长的火焰。

哪吒的风火轮不会转?教你如何用PPT搞定

之后将合成的素材水平复制两份,并且放大一些,横向分布对齐,得到下图。

哪吒的风火轮不会转?教你如何用PPT搞定

全选三张素材,组合后再次放大,然后剪切粘贴为图片,如下图:

哪吒的风火轮不会转?教你如何用PPT搞定

可以看到,我把火焰的图片放大了很多倍,对比之下,幻灯片页面显得非常小。

放大这么多,是为了方便后面进行图片极坐标的操作。

因为透明图片进行极坐标时,会有一定的像素毛边,当图片越大质量越高,毛边相对则越少,越可以忽略不计。

选中合成后的火焰素材,使用 OK 插件的“一键特效-图片极坐标”功能。

哪吒的风火轮不会转?教你如何用PPT搞定

操作后,得到一张高清的环形火焰素材。

哪吒的风火轮不会转?教你如何用PPT搞定

这里做个错误的示范,假如之前没有将图片放大很多倍,就直接进行极坐标操作,会得到下图:

哪吒的风火轮不会转?教你如何用PPT搞定

可以看到,得到的火焰很模糊,而且四周有很明显的像素毛边,几乎没法直接用。

所以步骤千万不能漏,别偷懒哦。

接下来,使用 OK 插件中的“批量复制”功能,数量选择 29。

哪吒的风火轮不会转?教你如何用PPT搞定

数量 29,加上原本的那 1 个,一共就是 30 个,后面做动画的时候,会显得更加流畅。

复制完成后,一共是 30 张图片重合到一起,得到下图的结果:

哪吒的风火轮不会转?教你如何用PPT搞定

全选 30 张图,使用 OK 插件中的“OK神框-旋转递进”功能。

哪吒的风火轮不会转?教你如何用PPT搞定

把里面的数值,设置为“360 0”,注意中间有空格。

哪吒的风火轮不会转?教你如何用PPT搞定

这一步的作用,就是把 30 张图片,进行逆时针旋转,30 张图刚好旋转 360 度,每张图相对逆时针旋转 12 度。

因为咱们火焰的方向是逆时针,所以旋转方向也应该是逆时针。

假设这里数值填的是“0 360”的话,那就是顺时针旋转了,根据自己的素材灵活改变即可。

全选后,使用 OK 插件中的“一键转图”功能,把所有的图片都转换成无角度的图。

哪吒的风火轮不会转?教你如何用PPT搞定

这一步听起来有点绕,直接放张图对比一下,大家仔细看图片的选择框变化就明白了:

哪吒的风火轮不会转?教你如何用PPT搞定

发现没,图片看起来没变,但实际上所有的图片都变“正”了,旋转角度都是 0 度。

还是全选所有图片,使用 OK 插件中的“三维工具-批量补位”。

哪吒的风火轮不会转?教你如何用PPT搞定

这一步的操作,是通过给每张图片添加一个透明的补位形状,使所有的图片尺寸一致,得到下图:

哪吒的风火轮不会转?教你如何用PPT搞定

注意观察,这时候所有的图片尺寸完全一样,从选择窗格可以看到,每张图片都变成了一个组合。

补位的操作,可以方便后面的动画合成,避免因为图片大小不一而导致动画错位。

接下来,使用 OK 插件中的“逐帧相关-图形逐帧”功能,把 30 张图片变成文本框的逐帧动画

哪吒的风火轮不会转?教你如何用PPT搞定

这时候会得到一个文本框,我们打开动画窗格,把字母之间的延迟设置为 100%。

同时,修改动画设置,持续时间为 0.02 秒,和上一动画同时开始播放,一直循环到幻灯片末尾。

哪吒的风火轮不会转?教你如何用PPT搞定

文本框逐帧动画的原理,大家感兴趣的话可以搜索一下,网上有不少相关的教程。

当然,不懂原理也木有关系,照做就好了。

设置好了以后,得到的是这样的动画效果:

哪吒的风火轮不会转?教你如何用PPT搞定

到这一步,咱们火焰素材的处理先放一放,回头看看哪吒的图。

哪吒的风火轮不会转?教你如何用PPT搞定

原来静态的图片上面,已经有了风火轮,咱们加动画的话,得先把图片上的风火轮去掉才行。

如果你会 PS 去水印啥啥的,可以自行操作,如果不会的,这里推荐一款超级好用的软件:Inpaint

哪吒的风火轮不会转?教你如何用PPT搞定

软件我就不放出来了,之前教过大家方法,百度网盘搜索,应有尽有。

我们把图片拖到软件里面,简单在风火轮上涂一涂。

哪吒的风火轮不会转?教你如何用PPT搞定

点击“处理图像”后,就把风火轮完美去掉了,之后保存图片即可。

哪吒的风火轮不会转?教你如何用PPT搞定

当我们把图片放进 PPT 里,会发现一个问题。

哪吒的风火轮不会转?教你如何用PPT搞定

网上找到的是方图,两边有空白,而且最关键的还有飘带延伸到了图片外面,那就没法直接加色块衬底蒙混过关了。

这时候,我们可以把图片两侧,复制-裁剪一下,然后水平翻转,拉伸到空白大小即可:

哪吒的风火轮不会转?教你如何用PPT搞定

右侧也是一样操作,至于火尖枪,先用 Inpaint 去掉就可以了。

处理完成后得到下图:

哪吒的风火轮不会转?教你如何用PPT搞定

感觉留白有点多,页面空了一些,所以从光效素材包里面,复制这个粒子溅射素材过来。

哪吒的风火轮不会转?教你如何用PPT搞定

简单用裁剪功能裁一下,放到页面的四个角落,静态背景图就搞定了。

哪吒的风火轮不会转?教你如何用PPT搞定

最后,我们把之前做好的风火轮文本框,复制进来。

调整好大小、位置后,分别设置两个文本框的三维旋转,我这里只改了Y轴的旋转角度。

哪吒的风火轮不会转?教你如何用PPT搞定

这最后一步的目的,是让风火轮和脚的朝向一致,显得更为立体逼真。

都完成后,得到三维无限循环的风火轮:

哪吒的风火轮不会转?教你如何用PPT搞定

下面进入拓展环节

这种三维环形旋转动画,看起来比较复杂,实际上有一些独特的优势。

比如之前 AbleSlide 的宣传片《再次出发》,里面有一个钟表的三维旋转动画。

哪吒的风火轮不会转?教你如何用PPT搞定

他们使用的是预合成分镜,先把动画导出为视频,再放到主 PPT 中设置三维旋转等操作:一个小技巧,突破PPT动画的边界

但也有局限的地方,视频是有底色的,无法显示视频下方的素材,某些场景的使用就有限制。

而风火轮的三维旋转是透明底的,也就是说,还可以在背景元素上进一步叠加效果。

运用这种动画思路,咱们可以玩魔法特效:

哪吒的风火轮不会转?教你如何用PPT搞定

还可以玩王者荣耀里的英雄技能,以及回城特效:

哪吒的风火轮不会转?教你如何用PPT搞定

当然,纯炫技是不可能的,技巧与思路总是能够用到真实需求中,关键看你的脑洞与创意了。

比如,我们可以用来做转动的底盘:

哪吒的风火轮不会转?教你如何用PPT搞定

可以用来做三维旋转的钟表,刻度扫描,唱片转动:

哪吒的风火轮不会转?教你如何用PPT搞定

还可以用来做科技风表盘,公转轨道图,粒子三维转动路线等:

哪吒的风火轮不会转?教你如何用PPT搞定

在之前,这些效果一般要靠插视频来解决,如今直接用 PPT 就可以搞定。

当然,玩法还有很多很多,看每个人的脑洞大小了。

好了,今天的内容就到这了,这是一篇进阶型文章,主要写给对动画感兴趣,且有一定基础的同学,希望能拓宽思路,不断探索新的玩法。

我把本文的 PPT 源文件,以及 OK 插件,一起打包了,如果要下载学习的话,后台回复“风火轮”就行。


阅读原文:哪吒的风火轮不会转?教你如何用PPT搞定

© 版权声明

相关文章