返回
AEJoy ——表达式之彩色文字尾随特效(JS)
前端
2023-11-25 11:55:07
在大众的既定认知中,文字应该总是以一个单一的颜色出现,AEJoy 给各位带来了一场色彩上的震撼教育,借助JS,打破常规,让文字绚丽起来。
AEJoy ——表达式之彩色文字尾随特效(JS)
相信大部分人在使用 After Effects 时,一直都是处于一个固有思维,认为文字就是文字,文字只能以一种颜色进行呈现,殊不知借助 JS 的辅助,你可以打破常规,赋予文字无限的可能。
步骤一:建立空对象制作基础动画,添加滑块控制器
- 新建一个合成,命名为“文字尾随特效”。
- 在合成中创建一个空对象,命名为“文字”。
- 在“文字”图层上添加一个“滑块控制器”,并命名为“长度”。
- 将“长度”滑块控制器设置为 0 到 100 的范围。
步骤二:输入你想要的的文字(比如,AEJoy),添加脚本
- 在“文字”图层上添加一个“文本”图层,输入你想要的文字(比如,“AEJoy”)。
- 在“文本”图层上添加一个“脚本”效果,并将脚本代码复制粘贴到脚本编辑器中。
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;
}
}
步骤三:调整动画时间轴
- 将合成时间轴设置为 10 秒。
- 将“文字”图层的动画设置为从 0 秒开始,持续 10 秒。
- 将“长度”滑块控制器的动画设置为从 0 到 100,持续 10 秒。
步骤四:渲染合成
- 点击“渲染合成”按钮。
- 选择一个输出格式,比如“H.264”。
- 点击“渲染”按钮,等待渲染完成。
现在,你已经学会了如何使用 JavaScript 在 Adobe After Effects 中创建彩色文字尾随特效。通过本教程,你学到了如何使用 JavaScript 创建生动有趣的动画效果。