Guía del usuario Cancelar

Trabajar con ejes de fuente variable

Buscar

Última actualización el 12 dic. 2025

After Effects

Abrir aplicación

Guía del usuario de After Effects
Versiones beta
1. Descripción general del programa beta
2. Comunidad beta de After Effects
Introducción
1. Introducción a After Effects
2. Novedades de After Effects
3. Notas de la versión | After Effects
4. Requisitos del sistema para After Effects
5. Métodos abreviados de teclado en After Effects
6. Formatos de archivo admitidos | After Effects
7. Recomendaciones de hardware
8. After Effects para Apple Silicon
9. Planificación y configuración
10. Sugerencia del día
Espacios de trabajo
1. Elementos generales de la interfaz de usuario
2. Familiarización con la interfaz de After Effects
3. Flujos de trabajo
4. Espacios de trabajo, paneles y visores
5. Mejora de la compatibilidad con idiomas de la IU
Proyectos y composiciones
1. Proyectos
2. Conceptos básicos sobre composiciones
3. Precomposición, anidamiento y preprocesamiento
4. Ver información de rendimiento detallada con el Perfilador de composición
5. Procesador de composición de Cinema 4D
Importación de material de archivo
1. Preparación e importación de imágenes fijas
2. Importación desde After Effects y Adobe Premiere Pro
3. Importación e interpretación de vídeo y de audio
4. Preparación e importación de archivos de imagen 3D
5. Importación e interpretación de elementos de material de archivo
6. Importación de archivos SVG
7. Uso de elementos de material de archivo
8. Detección de puntos de edición con Detección de edición de escena
9. Metadatos XMP
Texto y gráficos
1. Texto
2. Gráficos animados
3. Ejes de fuente variable
Dibujo, pintura y trazados
1. Descripción general de las capas de forma, trazados y gráficos vectoriales
2. Herramientas de pintura: Pincel, Tampón de clonar y Borrador
3. Estrechar trazos de forma
4. Atributos de forma, operaciones de pintura y operaciones de trazado para capas de forma
5. Uso del efecto de forma Desplazar trazados para modificar formas
6. Creación de formas
7. Creación de máscaras
8. Elimine objetos de sus vídeos desde el panel Relleno según el contenido
9. Pincel tipo rotoscopia y Perfeccionar mate
10. Creación de nulos para propiedades y trazados de posición
Capas, marcadores y cámara
1. Selección y organización de capas
2. Modos de fusión y estilos de capas
3. Capas 3D
4. Propiedades de capa
5. Creación de capas
6. Administración de capas
7. Marcadores de capa y marcadores de composición
8. Cámaras, luces y puntos de interés
Animación, fotogramas clave, seguimiento del movimiento y efecto de clave
1. Animación
2. Fotograma clave
3. Seguimiento de movimiento
4. Incrustación
  1. Incrustación
  2. Efectos de incrustación
Transparencia y composición
1. Descripción general y recursos sobre composición y transparencia
2. Canales alfa y mates
3. Mates de seguimiento y mates móviles
Ajuste del color
1. Conceptos básicos sobre colores
2. Gestión de color
3. Efectos de corrección de color
4. Gestión de color de OpenColorIO y ACES
5. Compatibilidad ampliada con HDR
6. Importación y exportación de HDR
Ajustes preestablecidos de animación y efectos
1. Información general de efectos y ajustes preestablecidos de animación
2. Lista de efectos
3. Administrador de efectos
4. Efectos de simulación
5. Efectos de estilización
6. Efectos de audio
7. Efectos de distorsión
8. Efectos de perspectiva
9. Efectos de canal
10. Efectos de generación
11. Efectos de tiempo
12. Efectos de transición
13. El efecto Reparación de obturación de desplazamiento
14. Efectos de desenfoque y enfoque
15. Efectos de canal 3D
16. Efectos de utilidad
17. Efectos mate
18. Efectos Ruido y Granulado
19. Efecto Mejora de conservación de detalles
20. Efectos obsoletos
21. Complementos Cycore
Expresiones y automatización
1. Expresiones
2. Automatización
  1. Automatización
  2. Scripts
Vídeo inmersivo, RV y 3D
1. Construcción de entornos de VR en After Effects
2. Aplicar efectos de vídeo envolvente
3. Herramientas de composición para vídeos de VR/360
4. Procesador 3D avanzado
5. Importación y adición de modelos 3D a la composición
6. Importación de modelos 3D desde las Bibliotecas Creative Cloud
7. Crear mallas paramétricas
8. Iluminación basada en imágenes
9. Luces de entorno animadas
10. Habilitar luces para proyectar sombras
11. Extracción y animación de luces y cámaras a partir de modelos 3D
12. Seguimiento del movimiento de la cámara 3D
13. Ajustar la Configuración predeterminada de cámara para composiciones 3D
14. Proyección y aceptación de sombras
15. Animaciones de modelos 3D incrustadas
16. Captura de sombras
17. Extracción de datos de profundidad 3D
18. Modificación de las propiedades de materiales de una capa 3D
19. Aplicar materiales 3D de Substance
20. Trabajo en espacios de diseño 3D
21. Herramientas de transformación Gizmo 3D
22. Un gizmo 3D único para múltiples capas 3D
23. Haga más cosas con la animación 3D
24. Previsualización de los cambios en diseños 3D en tiempo real con el motor Mercury 3D
25. Adición de diseño interactivo a los gráficos
Vistas y previsualizaciones
1. Previsualización
2. Previsualización de vídeo con Mercury Transmit
3. Modificación y utilización de vistas
4. Reproducción comprimida sin pérdida
Procesamiento y exportación
1. Principios básicos de procesamiento y exportación
2. Codificación H.264 en After Effects
3. Exportación de un proyecto de After Effects como un proyecto de Adobe Premiere Pro
4. Conversión de películas
5. Procesamiento de varios fotogramas
6. Procesamiento automático y en red
7. Procesamiento y exportación de imágenes fijas y secuencias de imágenes fijas
8. Uso del códec de GoPro CineForm en After Effects
Uso de otras aplicaciones
1. Dynamic Link y After Effects
2. Uso de After Effects y otras aplicaciones
  1. Exportación de un proyecto de After Effects como un proyecto de Adobe Premiere Pro
3. Sincronización de la configuración en After Effects
4. Bibliotecas Creative Cloud en After Effects
5. Plugins
6. CINEMA 4D y Cineware
Colaboración: Frame.io y Team Projects
1. Colaboración en Premiere Pro y After Effects
2. Frame.io
3. Team Projects
Memoria, almacenamiento y rendimiento
1. Memoria y almacenamiento
2. Cómo maneja After Effects los problemas de poca memoria durante la previsualización
3. Mejora del rendimiento
4. Preferencias
5. Requisitos de la GPU y del controlador de la GPU para After Effects
Base de conocimiento
1. Problemas conocidos
2. Problemas solucionados
3. Preguntas frecuentes
4. After Effects y macOS Ventura
5. Cómo maneja After Effects los problemas de poca memoria durante la previsualización

Obtenga más información sobre cómo trabajar con ejes de fuentes variables en After Effects, incluido cómo acceder a ellos, añadirlos como animadores de texto, usar selectores y más.

Uso de las nuevas funciones Beta

La compatibilidad con los ejes de fuente variable ya está disponible para realizar pruebas y comentarios. Pruébelo ahora en After Effects (beta).

Introducción

En esta página, encontrará lo siguiente:

Adición de ejes de fuentes variables
Añadir ejes de fuente Variable como animadores de texto
Trabajar con animadores de ejes de fuente Variable
Espaciado entre caracteres para animación de fuente Variable

Uso de selectores con ejes de fuentes variables
Combinar múltiples selectores
Técnicas avanzadas

Adición de ejes de fuentes variables

Antes de empezar:

Para instalar una fuente variable, busque archivos con extensiones como .ttf, .otf o .woff2. Muchas Adobe Fonts incluyen versiones variables (marcadas como “Variable”), y puede usar el filtro Tecnología de fuente para localizarlas rápidamente. También puede encontrar fuentes variables gratuitas a través de recursos como Google Fonts y otros repositorios de código abierto.
Revise las prácticas recomendadas para diseñar con ejes de fuente variable, configurar animaciones de texto de manera eficiente y optimizar el flujo de trabajo de animación.

Cree una capa de texto y aplique una fuente variable desde el panel Carácter.
Seleccione la capa de texto; luego, en el panel Propiedades, en la sección Fuente y estilo, seleccione el icono Fuente Variable para abrir un elemento emergente que muestre todos los ejes disponibles para la fuente actual.

Use el icono de Fuente variable para mostrar todos los ejes disponibles para la fuente seleccionada.
El elemento emergente mostrará lo siguiente para que ajuste el valor usando el control de desplazamiento:
- Nombre del eje: nombre descriptivo. Por ejemplo, Grosor y Anchura.
- Valor actual: el valor actual del eje.
Ajuste el valor del eje usando el control de desplazamiento para trabajar con el grosor, la anchura u otras propiedades variables de la fuente.

Si tiene texto seleccionado (en modo de edición de texto), los ejes muestran valores para los caracteres seleccionados, y si no hay nada seleccionado, los ejes muestran valores para el primer carácter. Los valores mixtos en la selección mostrarán el rango o indicarán la variación
Arrastre hacia la izquierda o hacia la derecha sobre los números de los valores para ajustarlos y obtener una vista previa de los cambios al instante en el panel Composición. Alternativamente, puede seleccionar el valor para acceder al modo de escritura, escribir el número deseado y pulsar Intro para aplicarlo.

Cada eje tiene un valor mínimo y máximo definido por la fuente, y el desplazamiento o la escritura están limitados a rangos válidos. Puede pasar el puntero por encima del texto dinámico para ver el rango.

Al pasar el puntero por encima del texto dinámico se muestran los valores mínimo y máximo definidos por la fuente.
Obtenga una vista previa de los cambios que se reflejan de inmediato en el panel Composición. Cuando los cambios de anchura o espaciado alteran el diseño, el texto se ajusta automáticamente.

Si desea hacer más pesada la primera letra de una palabra, crear variaciones de peso dentro de una sola palabra o diseñar ligaduras personalizadas o combinaciones de caracteres, las fuentes variables le permiten hacerlo.

Haga doble clic en la capa de texto para acceder al modo de edición de texto.
Seleccione los caracteres específicos que desea modificar y abra el elemento emergente Fuente variable en el panel Propiedades seleccionando el icono .

Use el icono de Fuente variable para mostrar todos los ejes disponibles para la fuente seleccionada.
Ajuste los valores del eje para que se apliquen solo a los caracteres seleccionados.

Nota:

Si no selecciona un carácter específico, los valores se aplicarán solo al primer carácter.

Añadir ejes de fuente Variable como animadores de texto

Los animadores de texto le permiten animar valores de eje a lo largo del tiempo y aplicarlos a rangos de caracteres específicos usando selectores. Hay múltiples formas de añadir animadores de eje.

Uso del menú Capa de texto mientras edita texto
Uso de Añadir animador en la línea de tiempo
Uso del panel Propiedades

Uso del menú Capa de texto mientras edita texto

Haga doble clic en la Capa de texto para acceder al modo de edición.
Seleccione y resalte los caracteres para los que desea crear una animación. Si no selecciona ninguno, se aplicará a todos los caracteres.
Haga clic con el botón derecho en el texto resaltado en el panel Composición, luego seleccione Animar texto > Ejes de fuente variable > [Nombre del eje].

Resalte el texto en el panel Composición y use el menú Animar texto para ver los ejes de fuente variable disponibles.
Se crea un nuevo animador de texto con la Propiedad del eje seleccionado.

Uso de Añadir animador en la cronología

Seleccione la capa de texto del panel Línea de tiempo, expanda para mostrar el botón Animar.
Seleccione el botón Animar , elija Ejes de fuente variable > [Nombre del eje].

La opción Ejes de fuente variable debajo de Animar permite animar las propiedades de la fuente, como el grosor o la anchura.
Se crea automáticamente un nuevo animador con selector de rango.

Uso del panel Propiedades

Seleccione la capa de texto en el panel Línea de tiempo y vaya hasta el panel Propiedades.
Vaya a la sección Animación de texto y seleccione Añadir animador > Ejes de fuente variable > [Nombre del eje].

El botón Añadir animador está seleccionado en el panel Propiedades para aplicar controles de animación a las propiedades del texto.
Se añade un nuevo animador con selector de rango.

Cuando se añade un nuevo animador, After Effects crea un nuevo grupo Animador de texto que incluye la propiedad Eje de fuente y Selector de rango, con el valor inicial establecido en el valor del eje actual de los caracteres seleccionados.

Trabajo con animadores de ejes de fuente variable

Cuando añade un animador de eje de fuente variable, After Effects crea la siguiente jerarquía:

El panel Cronología muestra la jerarquía cuando añade un animador de eje de fuente variable. — El panel Cronología muestra la jerarquía cuando añade un animador de eje de fuente variable a una Capa de texto.

Fotogramas clave de valores de eje

Mueva el indicador de la hora actual (CTI) hasta la hora deseada en el panel Línea de tiempo.
Seleccione el icono cronómetro junto a la Propiedad del eje para crear el primer fotograma clave en el Valor actual.
Mueva el CTI al nuevo tiempo y use el desplazamiento o la entrada manual para cambiar el Valor del eje para crear un nuevo fotograma clave.

Añada fotogramas clave para la Propiedad Grosor del eje de fuente de la Capa de texto para animar cambios de grosor a lo largo del tiempo.

Ejemplos de animación

Pruebe estos ejemplos si está trabajando con ejes individuales:

Ejemplo	Cambios de tiempo y valor	Resultado
Transición de grosor suave	0:00 – Grosor: 300 (Ligero) 1:00 – Grosor: 700 (Negrita)	El texto se vuelve gradualmente más grueso
Efecto de compresión de anchura	0:00 – Anchura: 100% (Normal) 0:15 – Anchura: 50% (Condensada) 1:00 – Anchura: 100% (Normal)	El texto se comprime y luego vuelve
Animación con inclinación o cursiva	0:00 – Inclinación: 0° (Vertical) 1:00 – Inclinación: -15° (Inclinada)	El texto se inclina hacia el estilo cursiva

Puede añadir múltiples animadores de ejes a la misma capa de texto añadiendo el primer eje, como Grosor, luego el segundo eje, como Anchura, y el tercer eje, como Inclinación, y estableciendo los fotogramas clave de cada uno de manera independiente o conjunta. Pruebe los siguientes ejemplos para combinar múltiples ejes:

Ejemplo	Cambios de tiempo y valor	Resultado
Animación de logotipo dinámico	Animador 1: grosor del eje de fuente Tiempo 0:00 - Grosor: 300 Tiempo 1:00 - Grosor: 900 Animador 2: anchura del eje de fuente Tiempo 0:00 - Anchura: 75% Tiempo 1:00 - Anchura: 125%	El texto se vuelve grueso y ancho simultáneamente

Espaciado entre caracteres para animación de fuente variable

La propiedad Espaciado de fuente variable controla cómo After Effects ajusta el espaciado entre caracteres cuando anima los ejes de fuente, como grosor o anchura.

Cuando anima los ajustes de la fuente, como grosor o anchura, las letras pueden volverse más anchas o más estrechas. After Effects puede ajustar automáticamente el espaciado entre letras para mantener un aspecto ordenado; esta configuración le permite elegir cuándo y cómo se aplican esos ajustes de espaciado.

Expanda el grupo de Propiedad Texto de su capa de texto.
Añada un eje de fuente variable para animar.
En la sección Más opciones, use el menú desplegable Espaciado de fuente variable para seleccionar entre las siguientes opciones:
- Adaptable: Aplica compensación de espacio entre caracteres por carácter cuando sea apropiado para mantener el espaciado natural a medida que cambien los ejes de la fuente.
- Por carácter: Siempre aplica compensación de seguimiento por carácter.
- Predeterminado: Desactiva completamente la compensación de seguimiento por carácter. Los caracteres mantienen su espaciado original a pesar de los cambios en el eje de la fuente. Útil para efectos creativos donde desea que los cambios naturales de ancho de la fuente afecten el diseño general del texto.

Uso de selectores con ejes de fuentes variables

Los selectores controlan cuáles son los caracteres a los que afecta un animador y cuánto.Los animadores de eje de fuente variable funcionan con todos los tipos de selector.

Selector de rango (predeterminado)

El Selector de rango define un rango continuo de caracteres para animar.Estas son algunas de las propiedades clave:

Propiedad	Descripción	Valores
Inicio y Fin	Define qué caracteres se ven afectados	0% – 100% (o basado en Índice/unidades) 0% a 100% - afecta todos los caracteres 0% a 50% - primera mitad del texto 50% a 100% - segunda mitad del texto
Desplazamiento	Desplaza el rango a lo largo del texto y al animarlo crea efectos “móviles”	Valores: -∞ a +∞
Cantidad	Controla la intensidad del efecto	0% – 100% 100% - Valor completo del eje aplicado 50% - Mitad del valor del eje aplicado 0% - Sin efecto (Valor base de la fuente)

Aquí tienes algunos ejemplos que puedes probar:

Ejemplo	Configuración del eje de fuente	selector de rango	Fotogramas clave	Resultado
Efecto barrido de grosor	Grosor: 900 (Negro)	Inicio: 0 % Fin: 0 %	Final con fotogramas clave del 0% al 100%	El grosor en negrita “pinta” el texto de izquierda a derecha
Onda de anchura móvil	Ancho: 150% (Expandido)	Inicio: 0 % Fin: 20 % Desplazamiento: Con fotogramas clave del -20% al 120%	Desplazamiento animado a lo largo del tiempo	La anchura expandida se desplaza por el texto

Forma y suavizado

Propiedad	Opciones	Descripción
Forma	Cuadrado	Borde duro entre caracteres afectados y no afectados
Forma	Pendiente hacia arriba	Incremento gradual hacia el rango
Forma	Disminución gradual	Reducción gradual fuera del rango
Forma	Triángulo	Entrada y salida gradual
Forma	Circular	Curva de campana suave
Forma	Suavizado	Transiciones muy graduales
Suavizado	Suavizado alto	Transiciones muy graduales
Suavizado	Suavizado bajo	Transiciones más marcadas

Aquí tienes un ejemplo que puedes probar:

Ejemplo	Configuración del eje de fuente	selector de rango	Configuración adicional	Resultado
Degradado de peso suavizado	Grosor del eje de fuente: 900	Inicio: 0 % Fin: 0 %	Forma: Rampa descendente Suavizado alto: 50 %	El texto comienza en negrita y se aclara gradualmente hasta el peso base

Selector de ondulación

Aplica variaciones aleatorias a los valores del eje por carácter.Estas son algunas de las propiedades clave:

Propiedad	Descripción	Resultados
Cantidad máx. y cantidad mín.	Variación máxima y mínima respecto al valor base	Crea fluctuación aleatoria por carácter
Ondulaciones/segundos	Qué tan rápido cambian los valores aleatorios	Más alto significa un movimiento más frenético
Correlación	Qué tan relacionados están los caracteres vecinos	100% - Todos los caracteres cambian juntos 0% - Cada carácter cambia independientemente
Fase temporal	Crea aleatoriamente un desfase temporal por carácter	Añade variación en el tiempo

Estos son algunos ejemplos que puede probar:

Ejemplo	Configuración del eje de fuente	Configuración del selector de ondulación	Configuración adicional	Resultado
Efecto del grosor irregular	Peso: 400 (Normal)	Cantidad máx.: 100 % Cantidad mín.: -100 % Ondulaciones/segundo: 5 Correlación: 0 %	Grosor del eje de fuente: 200 (rango de claro a negrita)	El peso de cada carácter fluctúa aleatoriamente de forma independiente
Anchura de respiro	Ancho: 100% (Normal)	Cantidad máx.: 50 % Cantidad mín.: -50 % Ondulaciones/segundo: 1 Correlación: 80 %		El texto se expande/contrae suavemente en ondas

Selector de expresión

Permite un control preciso y matemático sobre qué caracteres se ven afectados mediante expresiones JavaScript. Cantidad es la propiedad clave:

La expresión devuelve un valor que controla la intensidad del efecto por carácter
Puede acceder al índice de caracteres, posición, tiempo y otros más

Estos son algunos ejemplos que puede probar:

Ejemplo	Expresión (Cantidad)	Eje del animador	Resultado
Peso basado en la posición del carácter	// En la Propiedad Cantidad del selector de expresión: linear(textIndex, 1, textTotal, 0, 100)	Grosor del eje de fuente: 900	Primer carácter más claro, último carácter más negrita, degradado lineal
Inclinación oscilante	// En la Propiedad Cantidad del selector de expresión: Math.sin(time * 3 + textIndex * 0.5) * 50 + 50	Inclinación: -15	Las ondas de inclinación se desplazan a través del texto en un patrón sinusoidal

A continuación se muestran algunas de las variables de expresión más habituales, junto con muchas otras disponibles en After Effects:

textIndex - Índice del carácter actual (basado en 1)
textTotal - Número total de caracteres
time - hora de composición actual

Combinación de múltiples selectores

Puede añadir múltiples selectores a un solo animador para efectos complejos.

Expanda el animador en el panel Cronología.
Seleccione el menú desplegable Añadir ubicado junto al nombre del animador.
Seleccione el tipo de selector entre las siguientes opciones disponibles:
- Selector de rango
- Selector de ondulación
- Selector de expresión
Se añade un nuevo selector y se combina con los selectores existentes. Los ajustes a los valores de Cantidad se multiplican entre sí. Por ejemplo, un Selector de rango al 50 % multiplicado por un Selector de ondulación al 80 % produce un efecto final del 40 %, lo que permite transiciones suaves entre las capas con variaciones aleatorias.

Aquí tiene un ejemplo que puede probar para lograr una onda suave con variación, que combina un Selector de rango y un Selector de ondulación para crear un efecto de onda negrita con una variación aleatoria sutil.

Componente	Ajustes
Animación 1	Grosor del eje de fuente: 900
Selector de gama 1	Inicio: 0 % Fin: 30 % Desplazamiento: Animado -30% → 120% Forma: Suavizada
Selector de ondulación 1	Cantidad máx.: 20 % Cantidad mín.: -20 % Ondulaciones/segundo: 3

Técnicas avanzadas

crear efectos diferentes en rangos de caracteres diferentes. Aquí hay dos ejemplos:

Ejemplo	Configuración del animador	Configuración del selector
Primera letra negrita, resto normal	Peso del eje de fuente: 900 (Negro)	Selector de rango: Basado en: Caracteres Inicio: 1 Fin: 1 Unidades: Índice
Peso alternado	Animador 1 (caracteres impares): Peso del eje de fuente: 700 Cantidad del selector de expresión: (textIndex % 2) * 100 Animador 2 (caracteres pares): Peso del eje de fuente: 300 Cantidad del selector de expresión: ((textIndex + 1) % 2) * 100	Dos selectores de expresión que controlan caracteres impares/pares

Use expresiones para vincular valores de eje a otras propiedades de animación. Aquí tiene dos ejemplos que puede considerar:

1. Grosor basado en la posición crea cambios de grosor del texto basados en la posición vertical de la capa.

// En la Propiedad Peso del eje de fuente:
linear(transform.position[1], 0, thisComp.height, 300, 900)

2.Anchura responde al audio crea reacciones de la anchura del grosor de texto a la amplitud de audio.

// En la Propiedad Ancho del eje de fuente:
audioLevel = thisComp.layer(&quot;Audio Layer&quot;).audio.audioLevels;
linear(audioLevel[0], -48, 0, 75, 150)

Para copiar y pegar animadores entre capas de texto, expanda la capa de origen en el panel Línea de tiempo, seleccione el animador o animadores deseados, cópielos (Ctrl/Cmd + C), seleccione la capa de texto de destino y pegue (Ctrl/Cmd + V).

A continuación se muestran algunas cuestiones que deben tenerse en cuenta:

Los animadores de eje se transfieren solo si la fuente de destino tiene los mismos ejes.
Si la fuente de destino carece de eje, se pegará el eje de origen.
No puede pegar de un eje a un eje diferente.
Los selectores Rango/Wiggly/Expresión se copian correctamente.
Los fotogramas clave se conservan.

Cuando una capa de texto contiene múltiples fuentes (formato mixto). En Animadores de texto:

El animador aplica cambios de eje por carácter basándose en la fuente de cada carácter
Si la fuente de un carácter no tiene el eje, ese carácter no se ve afectado
Los selectores de rango siguen teniendo como objetivo rangos de caracteres, pero el efecto varía según la fuente

Este es un ejemplo sencillo:

Texto: "Hello" (fuentes mixtas)
- "He" usa VariableFont A (tiene eje Weight)
- "llo" usa VariableFont B (sin eje Weight)
Animador: grosor del eje de fuente: 900
Resultado: "He" se vuelve negrita, "llo" sin cambios

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?