指纹识别动画:AE里做这个效果做到崩溃,最后发现一个参数忘调了
搞了三天指纹识别动画,差点把显示器砸了。就一个简单的指纹扫描光效,客户非说不够“苹果味儿”。我心想,一个破指纹解锁,能有什么味儿?结果一帧帧抠了苹果的示例视频——还真有那味儿。那种微妙的弹性缩放、光晕扩散,根本不是随便丢一个蒙版就能搞定的。好吧,我服。开干!
先从最蠢的方法开始:形状图层大法
没装什么插件,就靠AE自带的形状图层。建一个椭圆,加描边,用trim paths做个路径动画,再叠一层发光。看上去简单对吧?结果动起来像一只蚯蚓在爬。完全没有指纹识别动画那种科技感。后来发现,关键在于速度曲线。默认的ease不行,得自己拽成那种“急停急走”的节奏。💡 把最后一个关键帧的入点速度调到0,出点速度猛拉高,光效结束的时候会有一个轻微的回弹——就那个回弹,高级感马上来了。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/06e6c92f-d87b-4b96-86b1-b3a555a4789e.jpg
After Effects 指纹扫描光效速度曲线编辑截图
说实话,形状图层适合做最简单的扫描。但想要指纹纹路也跟着亮?那就得用另一种方式了。
Saber插件是真的爽,也是真的卡
必须安利Video Copilot的Saber!用指纹的轮廓路径做核心,一键生成光效。那个辉光,绝了。不过一开“辉光核心”和“散射”,预览就变成幻灯片。4K合成直接飙到几百MB内存。有一次客户坐旁边看效果,一按空格,电脑风扇狂转,画面卡了三秒——社会性死亡时刻。✅ 后来学乖了,先降低预览分辨率,只渲染一半区域。还有个隐藏技巧:Saber生成的图层可以打预合成,然后给预合成加个“曲线”调辉光衰减,比自带的细腻多了。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/31d420dd-6980-4ec8-aac0-2fd47919e200.jpg
Video Copilot Saber 插件指纹光效预设界面
有个坑:Saber对中文版AE的路径兼容性偶尔抽风。指纹路径如果是AI导入的,需要先“转化为贝塞尔路径”,否则光效会像癫痫发作一样乱跳。❗ 折腾了两小时才找出原因,吐血。
啥?还有更偷懒的?用模板改呗
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/ef04621a-0201-48c3-b947-e93710ca0533.jpg
啥?还有更偷懒的?用模板改呗
实在没时间的时候,我也会去Envato或者Motion Array扒个指纹识别动画模板。但别直接套!那些模板大多缺少细节。我会把模板里的指纹替换成客户给的矢量图,然后叠加一层自己调的渐变。有时候再偷个懒,把光效颜色从科技蓝改成品牌色,客户就开心了。不过模板的问题在于节奏统一,死板。我通常会把关键帧错位,让光效产生一点点不对称,模仿真实传感器的刷新延迟。
说到传感器延迟,这个想法是从一次手滑操作获得的。本来是想让光效匀速扫过,结果错移了两帧——哎,那种顿挫感反而很像手机解锁失败重试的样子!意外惊喜。从此之后我经常故意制造这种“小失误”。
你以为做完了?手机上的适配才头疼
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/01a79c95-738b-431f-8dfd-c48d91cdbd21.jpg
你以为做完了?手机上的适配才头疼
给手机APP做的指纹识别动画,导出后发现在不同机型上糊成一片。原来是矢量图在暗色背景下的抗锯齿问题。后来学聪明了,导出时勾选“连续栅格化”,并且在合成设置里把位深度调到16位。另外,手机OLED屏幕黑位特别低,AE预览里看起来正常的暗部细节,到了真机上全没了,指纹纹路像消失了一样。必须用“色阶”把暗部提上来一点点,哪怕AE里看着有点灰,手机上刚好。💡 一个校验方法:在合成里叠加一个纯黑固态层,调不透明度到5%,如果还能看到指纹细节,基本就稳了。
哎,说到最后,其实做动画最怕的不是技术难,而是——对方发来一个GIF参考,说“就要这个感觉”。然后你发现那个GIF是录屏的,帧率只有15,却要你做出60帧的流畅度。怎么不去抢!
吐槽归吐槽,下次看到好的指纹动画还是会死磕。毕竟,细节控的快乐就在那0.01秒的弹性里,对吧。
页:
[1]