查看: 3|回复: 0

圆规画圆轨迹:别被软件绕晕,手把手拆解那个完美的圈儿

[复制链接]

0

主题

0

回帖

0

积分

投稿达人V6

积分
0
发表于 2026-8-1 11:40 | 显示全部楼层 |阅读模式
说起来有点丢人,上次做个logo动画,一个简单的圆形旋转——我愣是调了半小时。不是圆形不圆,就是速度像个醉汉。后来发现,根本不是技术问题,是脑子没转过弯儿。




After Effects圆形运动路径关键帧设置


你以为的圆,可能是个多边形




你以为的圆,可能是个多边形


之前带过一个实习生,让他做个球体环绕动画。过会儿凑过去看,好家伙,路径上是密密麻麻的关键帧,逐帧手动拖出来的——这精神,怎么就那么像我早年抠图不用蒙版呢。其实软件里画圆,最忌讳的就是手动模拟。AE里两种路子:要么用形状图层的椭圆路径配合修剪路径,要么给物体位置打表达式。前者简单粗暴,但后者更灵活。不过实话实说,表达式对于新手有个心理门槛,看着那些代码心里就发怵,对吧?

但圆形运动有个微妙之处——视觉圆心与几何圆心。你如果直接让一个图层绕着另一个图层的锚点转,往往发现不是想象中的同心圆。为啥?因为锚点位置没对上。大部分图形默认锚点在形状中心,可一旦缩放或平移过,锚点就跑了。一个招儿:要么按住Ctrl双击锚点工具自动归位,要么用空对象作为旋转父级。

那个该死的缓动,让圆规有了灵魂


很多教程教你怎么画出圆轨,但很少人提速度曲线。匀速的圆运动看着特别假——自然界里哪有绝对匀速的圆周运动?风阻呢?引力呢?哪怕是个机械臂,启动也有个加速阶段。所以关键帧一定要调缓动(F9),然后进图表编辑器,把速度曲线调成类似波浪形:两头缓、中间稍微快一点。这还没完!如果你做的是球体在圆形轨道上滚动,还得加上自动定向,让物体始终沿着路径切线方向。勾选“图层-变换-自动定向-沿路径定向”,瞬间丝滑。




Premiere Pro圆形遮罩旋转动画制作


不过我得吐槽一个坑:当你用蒙版路径做圆形轨道时,关键帧是蒙版路径而不是位置。有次我给一个圆形蒙版打了旋转关键帧,以为物体会跟着转——结果物体纹丝不动,因为蒙版旋转和图层位置是两码事。这时候得用表达式链接,把蒙版旋转的数值传给图层的位置,或者干脆用空对象驱动。

那些邪门但好用的野路子


有回赶项目,需要一堆粒子绕圈转,现学particular太费时间。我突然想到,中继器啊!AE形状图层的中继器可以复制出多个图形,并设置旋转角度和位置偏移。画一个小圆点,添加中继器,副本数设一圈,旋转偏移正好360度,完美环形阵列。再给中继器的旋转打动画,所有粒子齐刷刷绕圈,酷得一批。✅ 这种方法渲染快,适合背景里那种“科技感圆环”。

另外,圆周运动不一定非要用圆形路径。有时候我会用wiggle表达式给半径加一点随机摆动,让运动轨迹变成那种不完美的、手绘感的圈。比如:r = 200 + wiggle(2, 10); [r*Math.cos(time), r*Math.sin(time)]——瞧瞧,瞬间从冰冷几何变成有机生物感。这种细节,很容易被忽略,但观众潜意识里会觉得“自然”。

说到表达式,分享一段我常偷懒用的代码:把物体的锚点移到圆心位置,然后对旋转属性打time*速度,但想让物体绕某点公转而不自转,就得绑到空对象上,或者用Math.cos和Math.sin分别给X和Y位置写表达式。这里有个小技巧:先给位置属性添加表达式,写入:

x = 圆心X + 半径 * Math.cos(time * 角速度);
y = 圆心Y + 半径 * Math.sin(time * 角速度);
[x, y];

看着简单,但一旦需要变半径(比如螺旋),就改成随时间变化的半径。不过有时表达式会报错——注意逗号别弄成分号,AE的表达式是JavaScript引擎,严格区分大小写。💡


最后唠叨一句:别沉迷于完美圆。现实中圆规画出的圆,起点常有顿笔,收尾有细微拖痕。在视频里模拟这种笔迹效果时,可以叠加一个微小的紊乱效果,或者用湍流置换给路径加点抖动。我花了太多时间追求数学上的完美,后来才明白——瑕疵才是生动之源。❗

这些话可能有点跳,但都是实战溅过一身泥之后的大白话。你下次做圆形动画,不妨试试把关键帧先清空,从表达式开始。那种一连串参数瞬间驱动图形的感觉……真的上头。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系362039258#qq.com(把#换成@)删除。

Powered by Discuz! X5.0

在本版发帖QQ客服返回顶部
快速回复 返回顶部 返回列表