Scripting-Unterstützung für Achsen der variablen Schriftart

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 Schrift variable Achsen hat
if (fontObject && fontObject.designAxesData) {
var axes = fontObject.designAxesData;

for (var i = 0; i < axes.length; i++) {
var axis = axes[i];
$.writeln("Achse: " + axis.name);
$.writeln(" Tag: " + axis.tag);
$.writeln(" Min: " + axis.minValue);
$.writeln(" Max: " + axis.maxValue);
$.writeln(" Standard: " + axis.defaultValue);
}
}

Achsen-Animatoren per Skript hinzufügen

Erstellen einer Komposition und einer Textebene

// Komposition und Textebene erstellen
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

// Schrift auf 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

// Füge eine Variable Font-Achse mit ihrem 4-Zeichen-Tag hinzu
// Häufige Tags: "wght" (Stärke), "wdth" (Breite), "ital" (Italic), "slnt" (Neigung)
var weightAxis = animatorProps.addVariableFontAxis("wght");

Wert ohne Keyframe setzen

// Setze einen Wert (kein Keyframe)
weightAxis.setValue(700);

Erstellen von Keyframes

// Oder erstelle Keyframes
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("Source Text");
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;
}