Zuletzt aktualisiert am
21. Januar 2026
Erfahre mehr über ExtendScript, mit dem du in After Effects auf die Achsen der variablen Schriftart zugreifen und sie steuern kannst.
In After Effects kannst du ExtendScript verwenden, um auf Achsen der variablen Schriftart zuzugreifen und sie zu steuern. Das bedeutet, du kannst Änderungen an Eigenschaften wie Weight, Width und Slant über Textebenen hinweg automatisieren und so dynamische Animationen einfacher anlegen, ohne jede Einstellung manuell anzupassen.
Font-Objekt-API
Zugriff auf Font-Achsen
// Font-Objekt von Textebene abrufen
var textLayer = comp.layer("My Text");
var sourceText = textLayer.property("Source Text");
var textDocument = sourceText.value;
var fontObject = textDocument.fontObject;
// Prüfen, ob Font variable Achsen hat
if (fontObject && fontObject.designAxesData) {
var axes = fontObject.designAxesData;
for (var i = 0; i < axes.length; i++) {
var axis = axes[i];
$.writeln("Axis: " + axis.name);
$.writeln(" Tag: " + axis.tag);
$.writeln(" Min: " + axis.minValue);
$.writeln(" max: " + axis.maxValue);
$.writeln(" Default: " + axis.defaultValue);
}
}
Achsen-Animatoren per Skript hinzufügen
Erstellen einer Komposition und einer Textebene
// Komposition und Textebene anlegen var comp = app.project.items.addComp("Variable Font Demo", 1920, 1080, 1, 30, 30); var textLayer = comp.layers.addText("Hello World");
Font auf eine Variable Schriftart setzen
// Font auf eine Variable Schriftart setzen var textDocument = textLayer.property("Source Text").value; textDocument.font = "ShantellSans"; // oder beliebiger Name einer variablen Schriftart textLayer.property("Source Text").setValue(textDocument);
Text-Eigenschaft und Animatoren-Gruppe abrufen
// Text-Eigenschaft und Animatoren-Gruppe abrufen var textProp = textLayer.property("Text"); var animators = textProp.property("Animators");
Neuen Animator hinzufügen
// Neuen Animator hinzufügen var animator = animators.addProperty("ADBE Text Animator"); var animatorProps = animator.property("ADBE Text Animator Properties");
Hinzufügen einer Achse der variablen Schriftart mit ihrem Tag aus 4 Zeichen
// Achse der variablen Schriftart mit ihrem Tag aus 4 Zeichen hinzufügen // Häufige Tags: "wght" (Gewichtung), "wdth" (Breite), "ital" (Kursiv), "slnt" (Neigung) var weightAxis = animatorProps.addVariableFontAxis("wght");
Wert ohne Keyframe setzen
// Wert setzen (ohne Keyframe) weightAxis.setValue(700);
Erstellen von Keyframes
// Oder Keyframes anlegen var italicAxis = animatorProps.addVariableFontAxis("ital"); italicAxis.setValueAtTime(0, 0); italicAxis.setValueAtTime(2, 1);
Verfügbare Achsen prüfen
function getAvailableAxes(textLayer) {
var sourceText = textLayer.property("Quelltext");
var textDoc = sourceText.value;
var fontObj = textDoc.fontObject;
if (!fontObj || !fontObj.designAxesData) {
return [];
}
var axisInfo = [];
for (var i = 0; i < fontObj.designAxesData.length; i++) {
var axis = fontObj.designAxesData[i];
axisInfo.push({
name: axis.name,
tag: axis.tag,
min: axis.minValue,
max: axis.maxValue,
default: axis.defaultValue
});
}
return axisInfo;
}
