文本动画的示例和资源

在 Adobe After Effects 中应用文本动画技术,使用实际示例和资源为您自己的动态设计项目提供参考。

After Effects 提供大量功能,用于制作有效的创意 2D 和 3D 文本动画。 此处的资源和示例提供如何在 After Effects 中制作文本动画的详细说明。

示例:使用逐字符 3D 化属性为字符设置动画

此示例演示了您可以如何轻松地为单个 3D 字符设置动画,以便每个字符离开文本行并谢幕。

  1. 创建新建合成

  2. 使用单词 ovation 创建新文本图层。
  3. 选择动画 > 动画文本 > 启用每字符 3D

  4. 选择动画 > 动画文本 > 位置

  5. 选择动画 > 动画文本 > 旋转

  6. 时间线面板的动画器组中,将X 旋转属性设置为 45,并将位置值设置为 (0.0, 0.0, -100.0)。

  7. 展开范围选择器 1

  8. 单击偏移属性的秒表图标,以在 0 秒处按当前值设置初始关键帧。

  9. 偏移属性值设置为 -15%。

  10. 结束属性值设置为 15%。

  11. 将当前时间指示器移至 10 秒,并将偏移值设置为 100%。

  12. R 键可显示整个图层的旋转属性。

  13. 将图层的Y 旋转值设置为 -45,以旋转整个图层,从而更容易看到字符的 3D 运动。

  14. 预览合成。

示例:位移字符

此示例说明如何通过指定字符偏移值并为范围选择器制作动画,轻松为随机字符制作动画,使其逐渐组成可读的单词或短语。

位移字符:为单词 Galaxy 中字符的位移值制作动画
为单词 Galaxy 中字符的位移值设置动画

  1. 创建新合成。
  2. 使用单词 Galaxy 创建新文本图层。
  3. 选择动画 > 动画文本 > 字符偏移

  4. 时间线面板中,将字符偏移值设置为5。

  5. 展开范围选择器 1

  6. 单击开始秒表,在 0 秒处设置初始关键帧,并将值设置为 0%。

  7. 将当前时间指示器移动到 5 秒处,并将“开始”值设置为 100%。
  8. 字符对齐设置为居中

  9. 预览合成。

示例:使用摆动选择器为字符设置动画

此示例演示了为各个字符的位置设置动画是多么容易。 它还显示了摆动选择器如何只通过将动画添加到图层中来创建动画的动态更改。

使用摆动选择器为字符制作动画
为单词 Galaxy 中的字符的颜色和位置制作动画

  1. 创建新合成。
  2. 使用单词 Galaxy 创建新文本图层并在“字符”面板中将颜色设置为蓝色。
  3. 选择动画 > 动画文本 > 位置

  4. 时间线面板中,将位置属性的 y 值向左拖动,直到所有字符都移出画面。

  5. 展开范围选择器 1

  6. 单击开始秒表,并在 0 秒处将其保持为 0%;然后将当前时间指示器移至 5 秒,并将“开始”设置为 100%。

  7. 预览合成。
  8. 折叠动画器 1组。

  9. 确保除了时间线面板中的文本图层名称之外未选择任何内容,然后从动画菜单中选择填充颜色 > 色相。新的动画器组“动画器 2”会显示在时间线面板中。

  10. 填充色相设置为1x+0.0

  11. 展开动画 2 的范围选择器 1。

  12. 单击开始秒表,并在 0 秒处将其保持为 0%;然后将当前时间指示器移至 5 秒,并将“开始”设置为 100%。

  13. 预览动画。 现在当颜色从屏幕顶部落下时将发生变化,但是它们都使用同样的颜色,并且最终以原稿颜色结束。
  14. 选择填充色相后,从添加菜单中选择选择器 > 摆动

  15. 展开摆动选择器 1 属性,然后从“模式”菜单中选择“添加”。
  16. 预览合成。
    注释

    如果您将“填充色相”属性添加到“动画 1”中,然后添加摆动选择器,那么位置和颜色都将摆动,而不仅仅是颜色摆动。

示例:为文本字符间距设置动画

此示例显示在调整文本行的字符间距时隔离字符是多么容易。 使用“字符间距”和“行锚点”动画制作器属性,您可以轻松地移动一个或几个字符。

为字符 3579 的跟踪值制作动画,以便只保留中间的 7
为字符 3579 的字符间距值设置动画(左图和中间图),以便只有中间的 7 保留下来(右图)

  1. 创建新合成。
  2. 创建新文本图层并键入 3579
  3. 选择文本图层后,单击段落面板中的居中文本按钮。

  4. 选择视图 > 显示网格

  5. 时间线面板中,选择文本图层,然后选择动画 > 动画文本 > 字距调整

  6. 确保在字距调整类型菜单中指定前后

  7. 单击字距调整量秒表,并在 0 秒处将值保持为 0。

  8. 将当前时间指示器移至 5 秒,然后拖动字距调整量值,直到所有字符都移出屏幕。

  9. 预览动画。
  10. 当当前时间指示器位于 0 时,拍摄合成面板的快照。您将使用此快照以及网格来确定动画末尾的数字 7 的原始位置。

  11. 将当前时间指示器移动到 5 秒处。
  12. 单击显示快照按钮。

  13. 时间线面板中,选择动画器 1,然后从添加菜单中选择行锚点

  14. 拖动行锚点值,直到7大致位于合成面板中心的原始位置。

  15. 单击合成面板中的显示快照按钮,以查看7原始位置的精确位置。调整行锚点值,使字符位于原始位置。

  16. 预览动画。

示例:使用选择器为特定单词设置动画

此示例显示如何使用选择器将动画限制在特定的单词。

使用选择器为特定单词制作动画
为单词 Speeding 中的字符的倾斜值设置动画。

  1. 创建新合成。
  2. 使用文字 Speeding Saucer 创建新文本图层。
  3. 选择动画 > 动画文本 > 倾斜

  4. 时间线面板中,将倾斜值设置为35

  5. 展开范围选择器 1。
  6. 确保当前时间指示器位于 0 秒,然后单击结束秒表

  7. 合成面板中,将两个选择器栏拖到 SpeedingS的左侧。

  8. 将当前时间指示器移动到 2 秒处,并将右侧选择器条 拖到 Speedingg 的右侧。
  9. 预览合成。

示例:创建写入动画

可以通过使用不透明度动画制作器属性,轻松创建在屏幕上书写的外观。

创建写入动画
使用“不透明度”属性写入文本

  1. 创建新合成。
  2. 使用字符 01234 创建文本图层。
  3. 选择动画 > 动画文本 > 不透明度

  4. 不透明度设置为0%

  5. 展开范围选择器 1,然后单击开始的秒表图标。

  6. 合成面板中,将开始选择器拖到文本左边缘(值将为 0)。

  7. 将当前时间指示器移至 5 秒,然后将合成面板中的开始选择器拖到文本右边缘(值将为 5)。

  8. 预览合成。
    注释

    默认情况下,“平滑度”属性设置为 100%。 要创建打字机外观,请展开“高级”属性并将“平滑度”设置为 0%。

示例:使用多个选择器设置文本动画

此示例将表达式选择器中的 selectorValue 参数与摆动选择器一起使用,使一个字符串随机闪烁。

  1. 创建新合成。
  2. 创建新文本图层。
  3. 时间线面板中,从文本图层的动画菜单中选择不透明度

  4. 时间线面板中展开文本图层及其动画器。

  5. 选择范围选择器并将其删除。

  6. 在文本图层的动画器属性组旁,选择添加 > 选择器 > 摆动

  7. 选择添加 > 选择器 > 表达式。如果摆动选择器不在表达式选择器之前,请将摆动选择器拖到表达式选择器上方。

  8. 展开表达式选择器

  9. 展开“数量”属性以显示表达式。 默认情况下将显示以下表达式:
    selectorValue * textIndex/textTotal
  10. 将默认表达式文本替换为以下表达式:
    r_val=selectorValue[0]; 
    if(r_val < 50)r_val=0; 
    if(r_val > 50)r_val=100; 
    r_val
  11. 将不透明度设置为 0%,并预览合成。

示例:使用表达式设置文本位置动画

此示例将 textIndextextTotal 属性与摆动表达式结合使用为一行文本设置动画。

  1. 创建新合成。
  2. 创建新文本图层。
  3. 时间线面板中展开文本图层,以查看文本属性。从动画菜单中添加位置动画器组。

  4. 删除默认的范围选择器 1。
  5. 要添加表达式选择器,请选择“添加”菜单,然后选择选择器 > 表达式。展开表达式选择器以显示其选项。

  6. 展开“数量”属性以显示表达式。 默认情况下将显示以下表达式:
    selectorValue * textIndex/textTotal
  7. 将默认表达式替换为以下表达式:
    seedRandom(textIndex); 
    amount=linear(time, 0, 5, 200*textIndex/textTotal, 0); 
    wiggle(1, amount);

    此示例中使用线性方法,以便随时间推移向下倾斜最大摆动量。

  8. 设置垂直位置值。 值越大,字符摆动幅度越大。
  9. 预览您的合成。

示例:为作为时间码显示的文本设置动画

  1. 时间线面板中未选择任何图层的情况下,在效果和预设面板中-当前时间格式动画预设。(您可以在效果和预设面板的包含字段中键入动画预设名称,以找到该动画预设。)

    此时会创建一个新的文本图层,并在源文本属性上添加表达式,使文本以项目设置的时间显示格式显示当前时间。

    您可以使用全局类别中的其他表达式,以其他格式显示时间。

    注释

    要查看图层上的表达式,请选择图层并按 EE

使用 After Effects 完成更多工作

使用 Adobe After Effects 创建令人难以置信的动态图形、文本动画和视觉效果。 专为影片、电视、视频和网页而设计。

Adobe, Inc.

更快、更轻松地获得帮助

新用户?