旋转木马升降实战笔记：从翻车到丝滑

品鉴达人 · 发表于 2026-8-11 15:56

说实话，刚开始接到“旋转木马升降”这个活儿，我内心是拒绝的。看着参考视频里那种丝滑的上下起伏，我以为撑死了就是加两个关键帧的事。结果一做，直接翻车。

今天这篇不是教科书，就是一次翻车后的救赎记录。咱们直接从原理到操作，把这块硬骨头啃下来。

先给你看个成品图，感受一下那种“上下翻飞却不乱”的视觉效果。

旋转木马升降动态效果成品展示图

旋转木马升降的本质——角度与位移的纠缠

旋转木马升降的本质——角度与位移的纠缠

如果你把整个动画慢放，会发现一个容易被忽略的细节：每张卡片的高度，其实是它在旋转角度影射后的结果。换句话说，当卡片转到正前方，它的位置最高；转到后方，它沉下去。

这不是什么高级物理，就是一个正弦函数在作怪。你不需要懂数学公式，只要记住“角度驱动高度”这个核心就行。

好，把这个记在脑子里。下面开始动手。

操作篇：Premiere跟AE的两种打法

先说Premiere Pro。用它的基本图形或旧版标题做卡片，然后把卡片复制出多份，每份分配不同的起始角度。关键来了——你要让“地点”属性里的Y轴数值，随着时间做一个循环波动。

注意，千万不要同时给“旋转”和“位置”单独打两个不相干的关键帧。那样做出来的东西，就像跳楼机，根本不是木马。

我的做法是，先给旋转打个从0到360度的关键帧，然后把播放头拉到一半的位置，手动把Y轴往下拉，再回到起点时恢复。接下来，全选这两个关键帧，右键选择“临时插值”里的“自动贝塞尔”。这一步很重要，它能让你的曲线变成平滑的正弦波。✅

如果你用AE，就轻松多了。直接给“变换”里的“位置”属性写表达式。等一等，这个操作对新手可能有点超纲，但我觉得值得学，因为这是效率的飞跃。

旋转木马升降AE表达式参数设置截图

顺便说一句，如果你要在三维空间里做真正的旋转木马，那就要用到AE的“自定义视图”和“摄像机”轨道。把卡片们放进一个空对象，让空对象旋转，再给子卡片各自做一个垂直方向的摆动表达式。这样出来的效果，简直了。

表达式你的懒惰助手

表达式你的懒惰助手

来点干货。下面这段表达式，是我最常用的“升降引擎”。

angle = transform.rotation; // 读取旋转角度\nheight = Math.sin(degreesToRadians(angle)) * 60; // 计算升降量\n[value[0], value[1] + height]
把它粘贴到“位置”属性的表达式编辑器里，然后把“旋转”属性打上关键帧动画。你马上会看到，卡片会按照正弦规律上下浮动。60这个数就是幅度，想夸张就调大。

注意，要保证旋转角度的单位是度，所以这里用degreesToRadians做转换。否则算出来的全是乱码。

💡 另外，如果你用的是三维图层，表达式里的transform.rotation只会影响Z轴旋转，你要换成orientation或rotationX/Y，具体看你的木马旋转方向。

审美细节：避免廉价的机械感

审美细节：避免廉价的机械感

技术搞定了，最后还得说点审美上的事。

旋转木马升降最怕的就是“机械感”——每张卡片的升降完全同步，毫无生气。真实世界的木马，因为铰链和重心，每一匹都有细微的相位差。所以在视频里，我建议给每张卡片加一点延时，人为制造“不齐”的效果。

怎么加延时？最简单的方式是在AE里给表达式套个delay函数，或者直接用关键帧错开一点时间。Premiere的话，就只好手动调整位置关键帧的起始时间，稍微错开几帧。

还有一点，如果你想要那种“高级感”，记得给背景加一点动态模糊。旋转木马一转起来，边缘的卡片会有流动性，动态模糊能把这个趋势画出来。

最后，注意整体色调。我见过很多作品，动画流程做得倍儿顺，结果配色一塌糊涂，升降再好看也白搭。建议用同类色，然后把亮度对比拉大，让主体突出。

对了，千万别把升降的节奏跟配乐对上……哦，这是我的个人习惯。对上音乐的点，整个视频的叙事感会突然飙升。不信你试试。

好，今天这篇关于旋转木马升降的实操笔记就写到这里。有更好的经验，欢迎评论区掰扯。别藏着。