Compatibilidad con scripts para ejes de fuente variable

Descubra algunos de los lenguajes ExtendScript para acceder a los ejes de fuente variable y controlarlos en After Effects.

En After Effects, puede usar ExtendScript para acceder a los ejes de fuente variable y controlarlos. Esto significa que puede automatizar cambios en propiedades como Grosor, Anchura e Inclinación en las capas de texto, facilitando la creación de animaciones dinámicas sin ajustar manualmente cada configuración.

API de objeto de fuente

Acceder a ejes de fuente

// Obtener objeto de fuente de la Capa de texto
var textLayer = comp.layer("My Text");
var sourceText = textLayer.property("Source Text");
var textDocument = sourceText.value;
var fontObject = textDocument.fontObject;

// Comprobar si la fuente tiene ejes variables
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);
}
}

Añadir animadores de ejes mediante script

Crear una composición y una capa de texto

// Crear una composición y capa de texto
var comp = app.project.items.addComp("Variable Font Demo", 1920, 1080, 1, 30, 30);
var textLayer = comp.layers.addText("Hello World");

Establecer la fuente como una fuente variable

// Establecer la fuente como fuente variable
var textDocument = textLayer.property("Source Text").value;
textDocument.font = "ShantellSans"; // o cualquier nombre de fuente variable
textLayer.property("Source Text").setValue(textDocument);

Obtener la propiedad del texto y el grupo de animadores

// Obtener la propiedad de texto y el grupo de animadores
var textProp = textLayer.property(&quot;Text&quot;);
var animators = textProp.property(&quot;Animators&quot;);

Añadir un nuevo animador

// Añadir un nuevo animador
var animator = animators.addProperty("ADBE Text Animator");
var animatorProps = animator.property("ADBE Text Animator Properties");

Añadir un eje de fuente Variable usando su etiqueta de 4 caracteres

// Añadir un eje de fuente variable usando su etiqueta de 4 caracteres
// Etiquetas comunes: "wght" (Grosor), "wdth" (Anchura), "ital" (Cursiva), "slnt" (Inclinación)
var weightAxis = animatorProps.addVariableFontAxis("wght");

Establecer un valor sin fotograma clave

// Establecer un valor (sin fotograma clave)
weightAxis.setValue(700);

Crear fotogramas clave

// O crear fotogramas clave
var italicAxis = animatorProps.addVariableFontAxis("ital");
italicAxis.setValueAtTime(0, 0);
italicAxis.setValueAtTime(2, 1);

Verificar ejes disponibles

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;
}