创建文本图层并从 字符面板 应用可变字体。
上次更新日期：
2025年12月12日
- After Effects 用户指南
- Beta 版
- 快速入门
- 工作区
- 项目与合成
- 导入素材
- 文本和图形
- 绘图、绘画和路径
- 图层、标记和摄像机
- 动画、关键帧、运动跟踪和抠像
- 透明度与合成
- 调整颜色
- 效果和动画预设
- 表达式和自动化
- 沉浸式视频、VR 和 3D
- 在 After Effects 中构造 VR 环境
- 应用沉浸式视频效果
- 用于 VR/360 视频的合成工具
- 高级 3D 渲染器
- 将 3D 模型导入并添加到合成中
- 从 Creative Cloud Libraries 导入3D 模型
- 创建参数化网格
- 基于图像的光照
- 动画环境光
- 启用光线以投射阴影
- 从 3D 模型中提取光线和相机并为其制作动画
- 跟踪 3D 摄像机运动
- 调整 3D 合成的默认相机设置
- 投射和接受阴影
- 嵌入的 3D 模型动画
- 阴影捕手
- 3D 深度数据提取
- 修改 3D 图层的素材属性
- 应用 Substance 3D 素材
- 使用 3D 设计空间
- 3D 变换 Gizmo
- 用于多个 3D 图层的单个 3D Gizmo
- 使用 3D 动画执行更多操作
- 使用 Mercury 3D 引擎实时预览对 3D 设计的更改
- 向图形添加响应式设计
- 视图和预览
- 渲染和导出
- 使用其他应用程序
- 协作：Frame.io 和团队项目
- 内存、存储、性能
- 知识库
了解更多关于在 After Effects 中使用变量字体轴的信息，包括如何访问变量字体轴、将其添加为文本动画器、使用选择器等。
使用新的 Beta 版功能
变量字体轴支持现在可供测试和反馈。立即在 After Effects (Beta) 中试用。
本页面内容：
开始之前：
- 要安装可变字体，请查找扩展名为 .ttf、.otf 或 .woff2 的文件。许多 Adobe Fonts 包含变量版本（标记为“变量”），您可以使用字体技术过滤器进行快速查找。您还可以通过 Google Fonts 和其他开源资源库等资源找到免费的可变字体。
- 了解使用变量字体轴进行设计、高效设置文本动画和优化动画工作流的推荐做法。
-
-
选择文本图层，然后在 属性 面板的 字体和样式 部分下，选择 可变字体 图标以打开弹出窗口，显示当前字体的所有可用轴。
使用可变字体图标显示所选字体的所有可用轴。
使用可变字体图标显示所选字体的所有可用轴。 -
弹出窗口将显示以下内容，以便您使用拖拽控件调整值：
- 轴名称：描述性名称。例如，粗细和宽度。
- 当前值： 当前轴值。
使用拖拽控件调整轴的值，以使用字体的粗细、宽度或其他变量属性。
使用拖拽控件调整轴的值，以使用字体的粗细、宽度或其他变量属性。 如果您已选择文本（在文本编辑模式下），轴会显示所选字符的值，如果未选择任何内容，轴会显示第一个字符的值。跨选择项的混合值将显示范围或指明变化
-
在值的数字上向左或向右拖动进行调整，并在合成面板中即时预览更改。或者，您可以选择该值以进入输入模式，键入所需数字，然后按 Enter 键应用。
每个轴都有最小值和最大值，这具体取决于字体，无论是拖拽还是键入，都受到这些有效范围的限制。您可以将鼠标悬停在热文本上以查看范围。
将鼠标悬停在热文本上会显示由字体决定的最小值和最大值。
将鼠标悬停在热文本上会显示由字体决定的最小值和最大值。 -
预览更改，这些更改会立即反映在 Composition 面板中。当宽度或间距更改改变版面时，文本会自动调整。
如果您想让单词的首字母加粗，可在单个单词内创建粗细变化，或设计自定义连字或字符组合，变量字体可以让您实现这些效果。
-
双击文本图层进入文本编辑模式。
-
选择您要修改的特定字符，然后通过选择 图标在 Properties 面板中打开 Variable Font 弹出窗口。
使用可变字体图标显示所选字体的所有可用轴。
使用可变字体图标显示所选字体的所有可用轴。 -
调整轴值，使其仅应用于所选字符。
注意:如果您未选择特定字符，这些值将仅应用于第一个字符。
文本动画器可以让您随时间为轴值设置关键帧，并使用选择器将其应用于特定字符范围。有多种方法可以添加轴动画器。
- 在编辑文本时使用文本图层菜单
- 在时间线中使用 Add Animator
- 使用属性面板
在编辑文本时使用“文本图层”菜单
-
双击文本图层进入编辑模式。
-
选择并高亮显示您要制作动画的字符，或不选择任何字符。
-
在 Composition 面板中右键单击高亮显示的文本，然后选择 Animate Text > Variable Font Axes > [Axis Name]。
在“合成”面板中突出显示文本，并使用“动画文本”菜单查看可用的变量字体轴。
在“合成”面板中突出显示文本，并使用“动画文本”菜单查看可用的变量字体轴。 -
使用选定的轴属性创建一个新的文本动画器。
在时间轴中使用“添加动画器”
-
在时间轴面板中选择文本图层，展开显示动画按钮。
-
选择动画 按钮，选择变量字体轴 > [轴名称]。
通过“动画”下的“变量字体轴”选项，您可以为字体属性添加动画效果，例如粗细或宽度。
通过“动画”下的“变量字体轴”选项，您可以为字体属性添加动画效果，例如粗细或宽度。 -
这会自动创建一个带有范围选择器的新动画器。
使用“属性”面板
-
在时间轴中选择文本图层或字幕，然后导航到属性面板。
-
转到文本动画部分，然后选择添加动画器 > 变量字体轴 > [轴名称]。
在“属性”面板中已选择“添加动画器”按钮，将动画控件应用于文本属性。
在“属性”面板中已选择“添加动画器”按钮，将动画控件应用于文本属性。 -
已新增一个带有范围选择器的动画器。
添加新动画器时，After Effects 会创建一个新的文本动画器组，其中包含字体轴属性和范围选择器，初始值设置为所选字符的当前轴值。
添加变量字体轴动画器时，After Effects 会创建以下层次结构：
关键帧轴值
-
将当前时间指示器 (CTI) 移动到时间轴面板中的所需时间。
-
选择轴属性旁边的秒表 图标，在当前值处创建第一个关键帧。
-
将 CTI 移动到新的时间，然后使用拖拽或手动输入来更改轴的值，以创建新的关键帧。
为文本图层的“字体轴粗细”属性添加关键帧，以动画形式表现字体粗细随时间的变化。
为文本图层的“字体轴粗细”属性添加关键帧，以动画形式表现字体粗细随时间的变化。
动画示例
如果您正在处理单个轴，请尝试以下示例：
|
示例 |
时间和值的变化 |
结果 |
|---|---|---|
|
流畅的粗细过渡 |
|
文本逐渐变粗 |
|
宽度挤压效果 |
|
文本挤压后恢复 |
|
倾斜或斜体动画 |
|
文本倾斜为斜体样式 |
您可以通过添加第一个轴（如 粗细），然后添加第二个轴（如 宽度），再添加第三个轴（如 倾斜），为同一文本图层添加多个轴动画器，并独立或一起为每个轴设置关键帧。尝试以下示例来组合多个轴：
|
示例 |
时间和值的变化 |
结果 |
|---|---|---|
|
动态徽标动画 |
动画器 1 - 字体轴粗细
动画器 2 - 字体轴宽度
|
文本同时变粗变宽 |
变量字体间距属性控制 After Effects 在为字体轴（如粗细或宽度）制作动画时如何调整字符间距。
当您为字体设置（如粗细或宽度）制作动画时，字母可能会变宽或变窄。After Effects 可以自动调整字母之间的间距以保持整洁外观，此设置让您选择何时以及如何进行这些间距调整。
-
展开文本图层的 文本属性组。
-
添加变量字体轴以制作动画。
-
在更多选项部分下，使用变量字体间距下拉菜单从以下选项中进行选择：
- 自适应：在适当时应用按字符跟踪补偿，以在字体轴更改时保持自然间距。
- 按字符：始终应用按字符跟踪补偿。
- 默认：完全禁用按字符跟踪补偿。字符保持其原始间距，不受字体轴更改的影响。适用于您希望字体的自然宽度更改影响整体文本布局的创意效果。
选择器控制动画制作器影响哪些字符以及影响强度。可变字体轴动画制作器适用于所有选择器类型。
范围选择器（默认）
范围选择器决定要制作动画的连续字符范围。以下是一些关键属性：
|
属性 |
描述 |
值 |
|---|---|---|
|
开始和结束 |
定义受影响的字符 |
0% – 100%（或基于索引/单位）
|
|
偏移 |
沿文本移动范围，对其进行动画处理可创建“移动”效果 |
值：-∞ 到 +∞ |
|
数量 |
控制效果强度 |
0% – 100%
|
以下是您可以尝试的一些示例：
|
示例 |
字体轴设置 |
范围选择器 |
关键帧 |
结果 |
|---|---|---|---|---|
|
字重擦除效果 |
字重：900（黑体） |
|
结束关键帧从 0% - 100% |
粗体粗细从左到右“绘制”整个文本 |
|
移动粗细波形 |
宽度：150%（扩展） |
|
随时间变化的位移动画 |
扩展宽度穿越文本 |
形状和缓动
|
属性 |
选项 |
描述 |
|---|---|---|
|
形状 |
正方形 |
受影响和未受影响字符之间的硬边缘 |
|
形状 |
渐入 |
逐渐增加到范围内 |
|
形状 |
渐出 |
逐渐减少到范围外 |
|
形状 |
三角形 |
渐入和渐出 |
|
形状 |
圆角 |
平滑贝尔曲线 |
|
形状 |
平滑 |
非常渐进的过渡 |
|
缓动 |
高缓动 |
非常渐进的过渡 |
|
缓动 |
低缓动 |
更锐利的过渡 |
以下是您可以尝试的示例：
|
示例 |
字体轴设置 |
范围选择器 |
其他设置 |
结果 |
|---|---|---|---|---|
|
平滑权重渐变 |
字体轴权重：900 |
|
|
文本开始为粗体，逐渐变细至基础粗细 |
摆动选择器
根据字符对轴值应用随机变体。 以下是一些关键属性：
|
属性 |
描述 |
结果 |
|---|---|---|
|
最大量 / 最小量 |
与基准值的最大和最小变化 |
按字符创建随机波动 |
|
摇摆/秒 |
随机值更改的速度 |
数值越高表示运动波动越大 |
|
关联 |
相邻字符的关联程度 |
|
|
时间相位 |
随机化每个字符的时间位移 |
增加时间变化 |
以下是一些您可以尝试的示例：
|
示例 |
字体轴设置 |
摆动选择器设置 |
其他设置 |
结果 |
|---|---|---|---|---|
|
抖动粗细效果 |
粗细：400（常规） |
|
|
每个字符的粗细独立随机波动 |
|
Breathing 宽度 |
宽度：100%（正常） |
|
文本以波浪形式轻柔地扩展/收缩 |
表达式选择器
允许使用 JavaScript 表达式对受影响的字符进行精确数学控制。 数量是关键属性：
- 表达式返回控制每个字符效果强度的值
- 可以访问字符索引、位置、时间等
以下是一些您可以尝试的示例：
|
示例 |
表达式（数量） |
动画器轴 |
结果 |
|---|---|---|---|
|
基于字符位置的粗细 |
// 在表达式选择器数量属性中： linear(textIndex, 1, textTotal, 0, 100) |
|
第一个字符最细，最后一个字符最粗，线性渐变 |
|
振荡倾斜 |
// 在表达式选择器数量属性中： Math.sin(time * 3 + textIndex * 0.5) * 50 + 50 |
|
以正弦图案在整个文本中倾斜波形 |
以下是一些常用的表达式变量，以及 After Effects 中可用的许多其他变量：
- textIndex - 当前字符索引（从 1 开始）
- textTotal - 字符总数
- time - 当前合成时间
您可以向单个动画器添加多个选择器以实现复杂效果。
-
在时间轴面板中展开动画制作器。
-
选择动画器名称旁边的 Add 下拉菜单。
-
从以下可用选项中选择选择器类型：
- 范围选择器
- 摆动选择器
- 表达式选择器
添加新选择器并与现有选择器组合。对量值的调整会相乘。例如，Range Selector 为 50%，乘以 Wiggly Selector 的 80%，得出 40% 的最终效果，允许在图层之间进行平滑过渡并带有随机变体。
您可以尝试以下示例，使用变量实现流畅的波形，将范围选择器和摆动选择器相结合，创建带有细微随机抖动的粗体波形效果。
|
组件 |
设置 |
|---|---|
|
动画 1 |
|
|
范围选择器 1 |
|
|
摆动选择器 1 |
|
在不同字符范围上创建不同效果。以下是两个此类示例：
|
示例 |
动画器设置 |
选择器设置 |
|---|---|---|
|
首字母粗体，其余正常 |
字体轴粗细：900（黑体） |
范围选择器：
|
|
交替粗细 |
动画器 1（奇数字符）：
动画器 2（偶数字符）：
|
两个表达式选择器控制奇数/偶数字符 |
使用表达式将轴值关联到其他动画属性。以下是您可以考虑的两个示例：
1. 由位置驱动的粗细根据图层的垂直位置创建文本粗细变化。
// 在字体轴粗细属性中：\nlinear(transform.position[1], 0, thisComp.height, 300, 900)
2.宽度响应音频创建文本粗细宽度对音频振幅的反应。
// 在字体轴宽度属性中：\naudioLevel = thisComp.layer(\"Audio Layer\").audio.audioLevels;\nlinear(audioLevel[0], -48, 0, 75, 150)
当文本图层包含多种字体（混合格式）时。在文本动画器中：
- 动画器根据每个字符的字体对每个字符应用轴变化
- 如果字符的字体没有该轴，该字符不受影响
- 范围选择器仍然以字符范围为目标，但效果因字体而异
以下是一个简单示例：
- 文本："Hello"（混合字体）
- "He"使用 VariableFont A（具有粗细轴）
- "llo"使用 VariableFont B（无粗细轴）
- 动画器：字体轴粗细 - 900
- 结果："He"变为粗体，"llo"保持不变
