Compatibilidad con ejes de fuente variable

Aprenda sobre los ejes de fuentes Variable y explore los ejes registrados comunes para crear diseños flexibles y animaciones fluidas.

Información general sobre los ejes de fuente variable

La compatibilidad con los ejes de fuente variable le permite acceder y crear animaciones de las variaciones de diseño integradas en las fuentes variables OpenType directamente en After Effects. Las fuentes Variable contienen múltiples estilos dentro de un solo archivo de fuente, lo que le proporciona un control preciso sobre la tipografía sin necesidad de archivos de fuente separados para cada variación de peso, ancho o estilo.

  • Control detallado: Ajuste la tipografía con valores continuos en lugar de pesos o estilos fijos.
  • Animaciones suaves: Fotogramas clave de variaciones de fuente para efectos de texto dinámicos.
  • Control por carácter: Aplique diferentes valores de eje a caracteres individuales usando animadores de texto.
  • Eficiencia de archivos: Un archivo de fuente Variable reemplaza docenas de archivos de fuente individuales.
Sugerencia

Aprenda las prácticas recomendadas para diseñar con ejes de fuentes Variable, configurar animaciones de texto de manera eficiente y optimizar el flujo de trabajo de animación.

Acerca de las fuentes Variable

Las fuentes variables son fuentes OpenType que contienen uno o más ejes de variación. Cada eje representa una dimensión de variación de diseño que puede controlar de forma continua, en lugar de estar limitado a estilos de fuente predefinidos.

Diferencia entre fuentes tradicionales y variables

Aspecto

Fuentes tradicionales

Fuentes variables

Estructura de archivos

Cada estilo es un archivo de fuente separado (Regular, Negrita, Ligera, Cursiva, etc.)

Un solo archivo de fuente contiene todas las variaciones

Rango de estilos

Limitado a pasos discretos. Por ejemplo, peso: 100, 200, 300… 900.

Rango continuo de valores. Por ejemplo, peso: 100.0 a 900.0.

Transiciones

Cambiar entre estilos requiere cambiar fuentes.

Transiciones suaves entre cualquier valor.

Flexibilidad

Solo un eje por fuente. Por ejemplo, grosor o cursiva.

Puede combinar múltiples ejes simultáneamente. Por ejemplo, grosor + ancho + inclinación.

Descripción de los ejes de fuente variable

Ejes registrados comunes

Son ejes estandarizados definidos por la especificación OpenType. La mayoría de las fuentes variables incluyen uno o más de los siguientes:

Nombre del eje

Controles

Rango típico

Valores comunes

Casos de uso

Grosor (wght)

El grosor y la negrita de los trazos

100 – 900

  • 100 Thin
  • 200 Extra Light
  • 300 Light
  • 400 Regular
  • 1080 Medium
  • 600 Semi Bold
  • 700 Bold
  • 800 Extra Bold
  • 900 Black
  • Crear énfasis sin cambiar fuentes
  • Transiciones de peso suaves en animaciones
  • Ajuste fino de la jerarquía del texto

Ancho (wdth)

La compresión y expansión horizontal de los caracteres

50% – 200%

  • 50 % Ultracondensada
  • 75 % Condensada
  • 87,5 % Semicondensada
  • 100 % Normal
  • 112,5 % Semiexpandida
  • 125 % Expandida
  • 200 % Ultraexpandida
  •  Ajustar texto en espacios reducidos
  • Crear animaciones horizontales espectaculares
  • Ajustar la proporción del texto para diferentes diseños

Inclinación (slnt)

El ángulo de inclinación en cursiva y oblicua

0° a -15°

Nota

Los valores negativos se inclinan hacia la derecha, los valores positivos se inclinarían hacia la izquierda (poco común).

0° Vertical, -15° Inclinada

  • Crear ángulos de cursiva personalizados
  • Animar texto de vertical a cursiva
  • Énfasis sutil sin estilo de cursiva completo

Cursiva (ital)

Formas de letras romanas y cursivas

0 – 1

Nota

A diferencia de la inclinación, esto cambia las formas reales de las letras a formas cursivas.

0 Roman, 1 Cursiva

  • Transiciones suaves entre Roman y cursiva
  • Crear estados de cursiva intermedios
  • Variaciones de cursiva por carácter

Tamaño óptico (opsz)

Optimiza las formas de las letras para diferentes tamaños de visualización

6pt a 144pt (varía según la fuente)

  •  Tamaños más pequeños: Aumenta el espaciado, simplifica los detalles y trazos más gruesos
  • Tamaños más grandes: Espaciado más ajustado, más contraste, detalles refinados
  • Optimizar la legibilidad en diferentes escalas
  • Crear animaciones de texto apropiadas para el tamaño
  • Ajustar la tipografía para tamaños de punto específicos

Ejes registrados menos comunes

Estos ejes forman parte de la especificación OpenType pero se implementan con menos frecuencia:

Nombre del eje

Controles

Rango típico

Casos de uso

Grado (GRAD)

Grosor del trazo sin cambiar el ancho

-1 a 1 o específico de la fuente

  • Igualar el grosor del trazo en todas las fuentes
  • Mantener el diseño mientras se ajusta el peso
  • Crear énfasis sutil sin reflujo

Serif (SERF)

Mezclas entre estilos sans-serif y serif

0 (Sans) a 1 (Serif) o específico de la fuente

  • Transición entre Sans y Serif
  • Creación de estilos serif híbridos

Altura de minúsculas (XHGT)

Altura de las letras en minúsculas (altura x)

Específico de la fuente

  • Ajuste de la legibilidad
  • Creación de variaciones tipográficas

Altura de mayúsculas (YTAS)

Altura de las letras mayúsculas relativa a los ascendentes

Específico de la fuente

  • Ajuste fino de la altura de mayúsculas
  • Creación de variaciones en mayúsculas

Contadores (XTRA)

Espaciado dentro de las letras (espacio interior)

Específico de la fuente

  • Ajuste del espacio negativo interno
  • Creación de variaciones de textura

Ejes personalizados específicos de fuente

Muchas fuentes Variables incluyen ejes propietarios con etiquetas de 4 caracteres en mayúsculas. Estos ejes son únicos para tipografías específicas y permiten variaciones de diseño creativas.

Ejemplos de fuentes Variables populares

Nombre con etiqueta de eje

Descripción

INFM (Informalidad)

Formas de letra informales frente a formales

BNCE (Rebote)

Desplazamiento vertical lúdico de caracteres

SPAC (Espaciado)

Control del espaciado entre letras

FILL (Relleno)

Formas de letra contorneadas frente a rellenas

LINE (Grosor de línea)

Grosor del contorno

BACK (Fondo)

Grosor de la forma de fondo

RECT (Rectangularidad)

Formas redondeadas vs. rectangulares

ELSH (Forma del elemento)

Variaciones de forma alternativas

CASL (Informal)

Estilos formales vs. informales

MONO (Monoespaciado)

Proporcional vs. monoespaciado

SOFT (Suavidad)

Esquinas afiladas vs. redondeadas

WONK (Irregular)

Recto frente a juguetón/distorsionado

Nota

Los ejes personalizados varían completamente entre fuentes. Consulte siempre la documentación de una fuente específica para comprender sus ejes personalizados

Adobe, Inc.

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

¿Nuevo usuario?