为了这一页20秒的PPT,爆肝1000+动画

进阶提高2年前 (2022)更新 老秦
1,196 0 0

前段时间为了向各国奥运健儿和奥林匹克精神致敬,我们做了一份冬奥会 PPT ,推文受到了不少读者的喜爱。

给跪!上千个PPT动画复刻冰立方冰五环和大雪花

这份作品集合了多位设计师的心血与巧思,光是动画就加了2000多个!其中「冰立方雕刻五环」这个动画更是费了动效师不少脑细胞~
为了这一页20秒的PPT,爆肝1000+动画
今天就来和大家分享一下制作思路。
为了这一页20秒的PPT,爆肝1000+动画
首先当然是要观察原片,梳理动画流程。
为了这一页20秒的PPT,爆肝1000+动画
‍考虑到制作时间有限,且受到PPT软件本身的功能限制,完全复刻不可取,因此需要对流程进行简化,把难度控制在自己能实现的范围内。
最后我们选取了这一个环节中最关键的一个片段:冰立方雕刻冰五环
上手制作之前,我们对原片进行分解,提炼出5个关键步骤:
  • 冰立方的升起
  • 冰立方的雕刻
  • 冰面破碎生长
  • 冰块碎片洒落
  • 冰五环的展示
为了这一页20秒的PPT,爆肝1000+动画
冰立方的升起
冰立方从画面中间的蓝光处缓缓升起,其主体的动画很好理解,一个向上的路径动画,用遮罩挡掉下半部分,看着便是从地面升起。
难点在于,本体升起的同时,冰面的倒影也要同步进行。
为了这一页20秒的PPT,爆肝1000+动画
如果是你,会怎么做?
我们的做法是预合成
将冰立方调暗后制作一个下降的动画,将其录制成视频,然后再将这个视频插入进来,通过裁剪使起点处相接,用这个预合成的视频作为遮罩。
为了这一页20秒的PPT,爆肝1000+动画
‍冰立方主体上升的同时,视频开始播放,就达到了倒影的效果。
为了这一页20秒的PPT,爆肝1000+动画
冰立方的雕刻
升起到位置后,就要开始雕刻了,这里有两个细节需要注意:
  • 冰立方是透明质感,但要隐藏它背后的冰五环
  • 冰立方不是在下降,是在变薄
▌不能透过冰立方看到五环
冰立方理论上是透明的,但是它背后有一个冰五环又不能被看到,不然就是穿帮。
为了这一页20秒的PPT,爆肝1000+动画
这个简单,在冰后面,五环前面,额外加了一层纯色图层而已。
▌冰立方不应下降
冰立方是被雕刻的对象,是从上到下一点点消失,而不是让它整体下降,把冰五环露出来。
为了这一页20秒的PPT,爆肝1000+动画
‍所以这里,应该用擦除动画,而不是路径动画。
看到这里,都还好理解,对吧,坐稳扶好,超纲的来了
为了这一页20秒的PPT,爆肝1000+动画
冰面破碎生长
冰在被雕刻时,可以透过冰层看到破碎,这里有两处细节:
  • 碎片是在不断生长的
  • 破碎的同时要往下走
为了这一页20秒的PPT,爆肝1000+动画
这两个单独看,难度都不大,但如果要同时实现,就不好办了。
▌碎片不断生长
先用大量的形态不一的碎片,拼合成一个最终期望的厚度,然后逐层删除,每删减一层新建一个页面。
为了这一页20秒的PPT,爆肝1000+动画
也就是说先要做成N个单独的PPT页面,使碎片逐渐变厚。
为了这一页20秒的PPT,爆肝1000+动画
‍碎片的生长越不规则就越真实,所以在拆开不同页面的碎片层后,也要对边缘的碎片做一些微调,使其变化不规则。
然后将每一页的若干碎片转成单独的png图片,再把这些图放在同一页里,使用插件来快速制作文本框动画。
❶ OK插件_三维组_三维工具_批量补位
为了这一页20秒的PPT,爆肝1000+动画
❷ OK插件_文档组_逐帧相关_图形逐帧
为了这一页20秒的PPT,爆肝1000+动画
这样就把大量图片合成了一个文本框动画,然后调整字符之间延迟为「100%」即可播放~
为了这一页20秒的PPT,爆肝1000+动画
没错,就是YYDS的「文本框逐帧动画」
▌破碎整体下移
前一个步骤那么多的铺垫,将碎片生长变成了一个文本框,就是为了这里。
因为如果每一个碎片都是独立的,那需要额外做很多路径和其他动画,那电脑就会爆炸…
现在我们直接给文本框动画加一次路径就可以了~
为了这一页20秒的PPT,爆肝1000+动画
为了这一页20秒的PPT,爆肝1000+动画
冰块碎片洒落
冰立方在被雕刻的时候,有大量的冰块碎片掉落,这里的难点是要做出真实感,而真实感就需要做到这两个细节:
  • 随机性:形态随机、路径随机、速度随机
  • 物理变化:冰块碎片掉在地面上逐渐融化
▌随机性
这里对随机的需求比较复杂,不同形态、不同大小、不同路径…而且还在循环,如果是用若干碎片素材单独设置动画,对软件的算力是极大的负担,结果就会是异常的卡顿甚至直接宕机。
所以这里需要「文本框动画」「函数动画」打配合。
❶ 形态随机
我们制作了几组不同大小的碎片文本框,每组里的碎片又包含着不同形态的冰块碎片。
为了这一页20秒的PPT,爆肝1000+动画
动画里看到的若干碎片在掉落,其实就只有这8个文本框,接下来再对它们设置动画函数。
❷ 路径随机
动画函数需要使用口袋动画PA插件的「动画风暴」
为了这一页20秒的PPT,爆肝1000+动画
X、Y坐标的第一帧分别是 ppt_x 和 ppt_y
Y坐标第二帧:0.67
X坐标第二帧:ppt_x+rand(0.35)-0.175
你可能想问,这些参数有什么道理,这涉及PPT的坐标体系,暂且不表
为了这一页20秒的PPT,爆肝1000+动画
Y坐标的持续时长为需要的播放时长,
X坐标的持续时长改为0.001,以便完成瞬间的横向定位。
❸ 速度随机
速度的随机性就相对容易操作,直接在时间轴上随意拉动,让不同碎片组的速度层次拉开即可。
为了这一页20秒的PPT,爆肝1000+动画
▌地面碎片
没错,这里地面上的碎片并不是掉落的那些碎片,是单独的一组素材,它们处理起来相对简单,直接分批次用「出现」的效果即可。
为了这一页20秒的PPT,爆肝1000+动画
碎片落地后会逐渐融化,再给其添加上渐隐消失的动画即可。
为了这一页20秒的PPT,爆肝1000+动画
冰五环的展示
为了使冰五环细节更丰富,不至于是单调的静态图,我们打算给五环做一些闪烁的光点。
但若是直接添加若干闪烁的光点,则会让本就动画量巨大的这个页面直接爆炸。
解决方案仍然是「预合成」:给静态的冰五环铺一层随机的闪光点,录制成视频。
这时会有另一个问题,如何让光点只出现在五环的区域?
答案是对视频进行布尔运算,抠出只有五环区域的透明背景视频。
为了这一页20秒的PPT,爆肝1000+动画
为了这一页20秒的PPT,爆肝1000+动画
规划思路
以上便是冰立方雕刻冰五环这个动画小片段背后的复杂「工程」,像这样的项目,光有创意和技术也不够,更需要对流程清晰的规划。
▌分节
在做动画项目的时候,通常会将PPT分成两节:
「工程」节:用来做实验、做效果、备份进度。
「成片」节:合成「工程」节的动画片段、最终展示。
为了这一页20秒的PPT,爆肝1000+动画
我会习惯性的将每个细节做好之后直接在「工程」节备份一个,然后再放「成片」节里合成。如果后面需要修改一处细节,会节省很多分离动画的工作量,直接在「工程」节里改完换进去就行。
换句话说,就算把「成片」节删掉,「工程」节也能再拼一个出来。
▌分层
分好节,接下来要对图层进行规划。
为了这一页20秒的PPT,爆肝1000+动画
将动效需求简单的放在底层,将动画量大的放在上层,并对每个图层做好重命名,方便选中,便于调整。
完成了制作规划后,一般对整个动画的制作过程就很清楚了,
接下来就是把每一步在“工程节”里做好,最后一层一层的合成在「成品节」。
▌动画衔接
在合成的过程中,在动画窗格会遇到不少动画块衔接的问题,稍不注意就会导致动画次序混乱。
为了这一页20秒的PPT,爆肝1000+动画
通常可以用时间方块来解决。
不过更重要的是应该在全部的制作流程中去避免使用「自上一动画之后」,养成提前考虑合成的习惯。
总结一下,在这短短的一个小片段里,用到了这样一些高阶PPT动画的方法:
为了这一页20秒的PPT,爆肝1000+动画

——
公众号:老秦
原文链接:为了这一页20秒的PPT,爆肝1000+动画

© 版权声明

相关文章