📜  adobe after effects 教程 - TypeScript (1)

📅  最后修改于: 2023-12-03 14:39:02.026000             🧑  作者: Mango

Adobe After Effects 教程 - TypeScript

Adobe After Effects 是一款强大的视频剪辑和视觉效果软件,可用于创建各种动画效果。由于 TypeScript 的类型安全和可读性,与 After Effects 结合使用可以大大提高代码编写效率和代码质量。在本教程中,我们将介绍如何使用 TypeScript 编写 Adobe After Effects 脚本。

安装 TypeScript

要使用 TypeScript 编写 Adobe After Effects 脚本,首先需要安装 TypeScript。可以使用 NPM 或 Yarn 进行安装。

npm install -g typescript
创建 TypeScript 项目

在命令行中输入以下命令,创建一个 TypeScript 项目。

mkdir my-project
cd my-project
npm init -y
tsc --init

这将创建一个包含 tsconfig.json 文件的 TypeScript 项目。

编写脚本

src 目录下创建一个 TypeScript 文件,名为 my-script.ts。以下是一个示例脚本,其中使用了 After Effects 提供的一些类和方法。

// 导入 After Effects 类
import { Application, Project, CompItem } from 'after-effects';

// 创建 After Effects 应用程序实例
const app = new Application();

// 获取当前项目
const project = app.project;

// 创建一个新的合成
const comp = project.items.addComp('My Composition', 1920, 1080, 1, 10, 30);

// 创建一个新的图层
const layer = comp.layers.addNull();

// 将图层重定位到屏幕中心
layer.position.setValue([comp.width / 2, comp.height / 2]);

// 创建一个文本图层
const textLayer = comp.layers.addText('Hello World!');

// 设置文本颜色
textLayer.property('Source Text').setValue([1, 1, 1]);

// 将文本图层重定位到屏幕底部
textLayer.property('Position').setValue([comp.width / 2, comp.height - 50]);

// 渲染合成
comp.render();
将 TypeScript 编译为 JavaScript

在命令行中执行以下命令,将 TypeScript 编译为 JavaScript。

tsc
在 After Effects 中运行脚本

在 After Effects 中,选择“文件”>“脚本”>“运行脚本文件”,并选择刚刚编译的 JavaScript 文件,在 After Effects 中运行 TypeScript 脚本。

总结

通过 TypeScript 编写 Adobe After Effects 脚本,可以显著提高代码编写效率和代码质量。本教程介绍了如何安装 TypeScript,创建 TypeScript 项目,编写脚本,将 TypeScript 编译为 JavaScript,并在 After Effects 中运行脚本。后续您可以进一步循着本教程的思路去编写更为自我风格的脚本!