alight motion 中文文档 下载 App

缓动曲线:动画丝滑的秘密

两个关键帧之间的过渡,默认是匀速直线——机械、廉价、一眼假。真实世界的运动都有加速与减速:汽车起步慢、刹车慢、中间快;球落地弹起,先快后慢再回弹。缓动就是给动画加上的这份物理感,官方将其列为产品核心特性之一:「为更流畅的动态选择预设或自建时间曲线」。

预设缓动:先会用五款

在关键帧区段上打开缓动选项,会看到一批预设曲线。最常用的五种:

自定义曲线:进出的自由

预设之外,应用提供曲线编辑器:缓动区段以二维曲线呈现,横轴是时间、纵轴是属性进度,拖动曲线两端的手柄改变加减速的分布。曲线越陡变化越快,越平变化越慢。

两个实用心得:

缓动叠加运动模糊

缓动解决「节奏」,运动模糊解决「残影」:快速运动配上基于速度的动态模糊,画面才有真实摄影的质感。两者都做,动画的完成度直接上一个台阶,见高频效果速查:模糊、发光、故障风与抖动。

一个检验标准

做完动画后用「盲测」检验:把手机拿远,只看动画能不能感到「力」的存在——物体是被什么力量驱动到位的?有力感,缓动就对了;像机器人匀速平移,回去加曲线。

相关阅读:关键帧入门:让画面动起来的第一课、移动与变换面板:位置、缩放、旋转、不透明度详解