返回

AEJoy ——表达式之彩色文字尾随特效(JS)

前端


在大众的既定认知中,文字应该总是以一个单一的颜色出现,AEJoy 给各位带来了一场色彩上的震撼教育,借助JS,打破常规,让文字绚丽起来。



AEJoy ——表达式之彩色文字尾随特效(JS)

相信大部分人在使用 After Effects 时,一直都是处于一个固有思维,认为文字就是文字,文字只能以一种颜色进行呈现,殊不知借助 JS 的辅助,你可以打破常规,赋予文字无限的可能。

步骤一:建立空对象制作基础动画,添加滑块控制器

  1. 新建一个合成,命名为“文字尾随特效”。
  2. 在合成中创建一个空对象,命名为“文字”。
  3. 在“文字”图层上添加一个“滑块控制器”,并命名为“长度”。
  4. 将“长度”滑块控制器设置为 0 到 100 的范围。

步骤二:输入你想要的的文字(比如,AEJoy),添加脚本

  1. 在“文字”图层上添加一个“文本”图层,输入你想要的文字(比如,“AEJoy”)。
  2. 在“文本”图层上添加一个“脚本”效果,并将脚本代码复制粘贴到脚本编辑器中。
var textLayer = thisComp.layer("文字");
var length = effect("长度")("Slider");

var numChars = textLayer.text.sourceText.length;
var fontSize = textLayer.text.fontSize;
var font = textLayer.text.font;

var colors = [
    [0, 255, 0],
    [255, 0, 0],
    [0, 0, 255],
    [255, 255, 0],
    [0, 255, 255],
    [255, 0, 255]
];

var colorIndex = 0;

for (var i = 0; i < numChars; i++) {
    var charLayer = textLayer.text.sourceText[i];
    charLayer.maskPath.feather = length;
    charLayer.maskPath.featherColor = colors[colorIndex];

    colorIndex++;
    if (colorIndex == colors.length) {
        colorIndex = 0;
    }
}

步骤三:调整动画时间轴

  1. 将合成时间轴设置为 10 秒。
  2. 将“文字”图层的动画设置为从 0 秒开始,持续 10 秒。
  3. 将“长度”滑块控制器的动画设置为从 0 到 100,持续 10 秒。

步骤四:渲染合成

  1. 点击“渲染合成”按钮。
  2. 选择一个输出格式,比如“H.264”。
  3. 点击“渲染”按钮,等待渲染完成。

现在,你已经学会了如何使用 JavaScript 在 Adobe After Effects 中创建彩色文字尾随特效。通过本教程,你学到了如何使用 JavaScript 创建生动有趣的动画效果。