返回
AEJoy —— 表达式之模拟 Bezier 曲线【JS】
前端
2023-09-03 02:04:50
各位技艺超群的 AE 大师们,准备好在你们的动画工具包中添加一个超棒的新技巧了吗?今天,我们将涉足一个引人入胜的主题:如何利用表达式模拟 Bezier 曲线 。是的,没错,我们将用 AEJoy 的神奇力量赋予我们的对象柔美的曲线运动。
铺垫基础
为了开启这段旅程,让我们先来了解一下贝塞尔曲线。这些曲线以其平滑的形状和广泛的应用而闻名,从复杂的动画到精美的插画。对于 AE 大师来说,驾驭贝塞尔曲线是必备技能。
创建模拟贝塞尔曲线
通常,我们在 AE 中创建贝塞尔曲线需要通过形状图层。但是,今天我们采用更具创造力的方法:使用空层(Null)作为控制点。
- 创建四个空层: 名为 "Null 1"、"Null 2"、"Null 3" 和 "Null 4"。这些空层将充当我们曲线的控制点。
- 排列控制点: 将控制点沿曲线路径排列。这将决定曲线的形状。
- 添加表达式: 在每个空层的 位置(Position) 属性中,输入以下表达式:
thisComp.layer("Null [X]").transform.position + (t - thisComp.layer("Null [X]").transform.startKeyframeTime) / (thisComp.layer("Null [Y]").transform.startKeyframeTime - thisComp.layer("Null [X]").transform.startKeyframeTime) * (thisComp.layer("Null [Y]").transform.position - thisComp.layer("Null [X]").transform.position)
将 "[X]" 替换为控制点的数字(例如,对于 "Null 2",应为 "[2]"),将 "[Y]" 替换为下一个控制点的数字(例如,对于 "Null 2",应为 "[3]")。
美化曲线
添加表达式后,您的对象将沿着模拟贝塞尔曲线运动。现在,您可以根据需要调整控制点的位置和关键帧,以创建平滑而迷人的动画。
实际应用
模拟贝塞尔曲线在 AE 中有许多令人兴奋的应用,例如:
- 创建动画文字,跟随复杂的路径运动
- 让角色沿着蜿蜒的轨道移动
- 为背景元素增添流畅的动感
- 等等!
拓展您的工具包
掌握模拟贝塞尔曲线是一项宝贵的技能,可将您的 AE 动画提升到一个新的水平。随着实践和探索,您会发现无数创造性的可能性。
总结
各位 AE 大神们,我们已经揭开了一个动画的新世界:表达式驱动的模拟贝塞尔曲线。通过利用 AEJoy 的强大功能,您现在可以赋予您的对象平滑而令人惊叹的曲线运动。