Aspecto
Saiba mais sobre os eixos de fontes variáveis e explore eixos registrados comuns para criar designs flexíveis e animações fluidas.
Visão geral dos eixos de fontes variáveis
A compatibilidade com os Eixos de fontes variáveis permite acessar e animar as variações de designs integradas às fontes variáveis OpenType diretamente no After Effects. As fontes variáveis contêm vários estilos em um único arquivo de fonte, oferecendo controle preciso sobre a tipografia sem precisar de arquivos de fonte separados para cada variação de peso, largura ou estilo.
- Controle refinado: ajuste a tipografia com valores contínuos em vez de pesos ou estilos fixos.
- Animações fluidas: crie quadros-chave de variações de fontes para efeitos de texto dinâmicos.
- Controle por caractere: aplique valores de eixo diferentes a caracteres individuais, usando animadores de texto.
- Eficiência nos arquivos: um arquivo de fonte variável substitui dezenas de arquivos de fonte individuais.
Depois de adicionar os eixos de fontes variáveis, você pode trabalhar com eles, adicionando-os como propriedades dentro dos animadores de texto, personalizar sua influência com seletores e controlá-los por meio do ExtendScript.
Conheça as práticas recomendadas para criar com eixos de fonte variável, configurar animações de texto com eficiência e otimizar o fluxo de trabalho de animação.
Sobre fontes variáveis
As fontes variáveis são fontes OpenType que contêm um ou mais eixos de variação. Cada eixo representa uma dimensão de variação de design que você pode controlar continuamente, em vez de ficar limitado a estilos de fonte predefinidos.
Diferença entre fontes tradicionais e variáveis
|
|
Fontes tradicionais |
Fontes variáveis |
|---|---|---|
|
Estrutura de arquivo |
Cada estilo é um arquivo de fonte separado (Regular, Negrito, Claro, Itálico etc.) |
Um único arquivo de fonte contém todas as variações |
|
Intervalo de estilo |
Limitado a etapas discretas. Por exemplo, peso: 100, 200, 300… 900. |
Intervalo contínuo de valores. Por exemplo, peso: 100,0 a 900,0. |
|
Transições |
Alternar entre estilos requer mudança de fontes. |
Transições suaves entre quaisquer valores. |
|
Flexibilidade |
Apenas um eixo por fonte. Por exemplo, peso ou itálico. |
Pode combinar vários eixos simultaneamente. Por exemplo, peso + largura + inclinação. |
Entenda os eixos de fontes variáveis
Eixos registrados comuns
Trata-se de eixos padronizados definidos pela especificação OpenType. A maioria das fontes variáveis inclui um ou mais dos seguintes:
|
Nome do eixo |
Controles |
Intervalo típico |
Valores comuns |
Casos de uso |
|---|---|---|---|---|
|
Peso (wght) |
A espessura e o negrito dos traços |
100 – 900 |
|
|
|
Largura (wdth) |
A compressão e expansão horizontal dos caracteres |
50% – 200% |
|
|
|
Inclinação (slnt) |
O ângulo da inclinação do itálico e do oblíquo |
0° a -15°
Nota
Valores negativos inclinam para a direita, valores positivos inclinam para a esquerda (incomum). |
0° ereto, -15° inclinado |
|
|
Itálico (ital) |
Formas de letra romanas e itálicas |
0 – 1
Nota
Diferentemente da inclinação, isso altera as formas reais das letras para formas itálicas. |
0 Romano, 1 Itálico |
|
|
Tamanho óptico (opsz) |
Otimiza formas de letras para diferentes tamanhos de exibição |
6 pt a 144 pt (varia de acordo com a fonte) |
|
|
Eixos registrados menos comuns
Estes eixos fazem parte da especificação OpenType, mas são implementados com menos frequência:
|
Nome do eixo |
Controles |
Intervalo típico |
Casos de uso |
|---|---|---|---|
|
Grau (GRAD) |
Espessura do traçado sem alterar a largura |
-1 a 1 ou específico da fonte |
|
|
Serifa (SERF) |
Mescla entre estilos sem serifa e com serifa |
0 (sem serifa) a 1 (com serifa) ou específico da fonte |
|
|
Altura das minúsculas (XHGT) |
Altura das letras minúsculas (altura-x) |
Específico da fonte |
|
|
Altura das maiúsculas (YTAS) |
Altura das letras maiúsculas em relação às ascendentes |
Específico da fonte |
|
|
Contraformas (XTRA) |
Espaçamento dentro das letras (espaço da contraforma) |
Específico da fonte |
|
Eixos personalizados específicos da fonte
Muitas fontes variáveis incluem eixos próprios com tags de quatro caracteres em maiúsculas. Esses eixos são exclusivos de fontes específicas e permitem variações criativas de design.
Exemplos de fontes variáveis mais usadas
|
Nome com tag de eixo |
Descrição |
|---|---|
|
INFM (Informality) |
Formas de letra casuais vs. formais |
|
BNCE (Bounce) |
Deslocamento vertical divertido de caracteres |
|
SPAC (Spacing) |
Controle de espaçamento entre letras |
|
PREENCHIMENTO (preenchimento) |
Contorno versus formas de letras preenchidas |
|
LINHA (peso da linha) |
Espessura do contorno |
|
FUNDO (plano de fundo) |
Peso da forma do plano de fundo |
|
RET (retangularidade) |
Formas arredondadas vs. retangulares |
|
ELSH (Forma do elemento) |
Variações de forma alternativas |
|
CASL (Casual) |
Estilos formais vs. casuais |
|
MONO (Monoespaçada) |
Proporcional vs. monoespaçada |
|
SUAVE (suavidade) |
Cantos afiados vs. arredondados |
|
DEFORMAÇÃO (deformado) |
Reto versus divertido/distorcido |
Os eixos personalizados variam completamente entre as fontes. Sempre verifique a documentação de uma fonte específica para entender seus eixos personalizados.