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 una 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 una 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 del texto y el grupo de animadores var textProp = textLayer.property("Text"); var animators = textProp.property("Animators");
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" (Weight), "wdth" (Width), "ital" (Italic), "slnt" (Slant) 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;
}