Crie uma camada de texto e aplique uma fonte variável a partir do painel Caractere.
Última atualização em
17 de jun de 2026
Saiba mais sobre como trabalhar com eixos de fontes de variáveis no After Effects, incluindo como acessá-los, adicioná-los como animadores de texto, usar seletores e muito mais.
Nesta página:
Antes de começar:
- Para instalar uma fonte variável, procure arquivos com extensões como .ttf, .otf ou .woff2. Muitas das Adobe Fonts incluem versões variáveis (marcadas como “Variável”), e você pode usar o filtro Tecnologia da fonte para localizá-las rapidamente. Você também pode encontrar fontes variáveis gratuitas por meio de recursos como o Google Fonts e outros repositórios de código aberto.
- Consulte as práticas recomendadas para criar com eixos de fontes variáveis, configurar animações de texto com eficiência e otimizar o fluxo de trabalho de animação.
Ao abrir o menu suspenso Fonte, você pode usar o ícone Mostrar fontes variáveis para filtrar a lista e exibir apenas as fontes que expõem eixos variáveis.
Selecione a camada de texto e, no painel Propriedades, na seção Fonte, selecione o ícone de Fonte variável para abrir um pop-up que exibe todos os eixos disponíveis para a fonte atual.
O pop-up exibirá o seguinte para permitir que você ajuste o valor com o controle de rolagem:
- Nome do eixo: nome descritivo. Por exemplo, Peso e Largura.
- Valor atual: o valor atual do eixo.
Se você tiver selecionado um texto (no modo de edição de texto), os eixos mostrarão os valores dos caracteres selecionados, mas, se nada estiver selecionado, os eixos mostrarão os valores do primeiro caractere. Valores mistos na seleção mostrarão o intervalo ou indicarão variação
Arraste para a esquerda ou direita nos números do Valor para ajustá-los e visualize as alterações instantaneamente no painel Composição. Alternativamente, você pode selecionar o valor para entrar no modo de digitação, digitar o número desejado e pressionar Enter para aplicar.
Cada eixo tem um valor mínimo e um máximo definidos pela fonte, e a rolagem ou digitação limita-se aos intervalos válidos. Você pode passar o cursor do mouse sobre o texto ativo para visualizar o intervalo.
Visualize as alterações que são refletidas imediatamente no painel Composição. Quando as alterações de largura ou espaçamento modificam o layout, o texto se ajusta automaticamente.
Se você quiser deixar a primeira letra de uma palavra mais pesada, criar variações de peso dentro de uma mesma palavra ou criar ligaduras personalizadas ou combinações de caracteres, as fontes variáveis permitem que você fala isso.
Clique duas vezes na Camada de texto para entrar no modo de edição de texto.
Selecione o(s) caractere(s) específico(s) que você deseja modificar e abra o pop-up Fonte variável no painel Propriedades, selecionando o ícone .
Ajuste os valores do eixo para que se apliquem apenas aos caracteres selecionados.
Nota
Se você não selecionar nenhum caractere específico, os valores serão aplicados apenas ao primeiro caractere.
Os animadores de texto permitem criar quadros-chave de valores de eixo ao longo do tempo e aplicá-los a intervalos específicos de caracteres usando seletores. Há várias maneiras de adicionar animadores de eixo.
- Usar o menu Camada de texto durante a edição de texto
- Usando Adicionar Animador na linha do tempo
- Usar o painel Propriedades
Usar o menu “Camada de texto” durante a edição de texto
Clique duas vezes na camada de texto para entrar no modo de edição.
Selecione e realce os caracteres que você deseja animar, ou não selecione nenhum para animar todos os caracteres.
Clique com o botão direito no texto realçado no painel Composição e escolha Animar texto > Eixos de fontes variáveis > [Nome do eixo].
Um novo animador de texto é criado com a propriedade de eixo selecionada.
Usando Adicionar Animador na linha do tempo
Selecione a camada de texto no painel Linha do tempo e expanda o menu para exibir o botão Animar.
Selecione o botão Animar e escolha Eixos de fontes variáveis > [Nome do eixo].
Um novo animador com seletor de intervalo é criado automaticamente.
Usar o painel “Propriedades”
Selecione a camada de texto no painel Linha do tempo e navegue até o painel Propriedades.
Vá para a seção Animação de texto e selecione Adicionar animador > Eixos de fonte de variável > [Nome do eixo].
Um novo animador com seletor de intervalo é adicionado.
Quando um novo animador é adicionado, o After Effects cria um novo grupo de Animador de texto que inclui a propriedade Eixo da fonte e Seletor de intervalo, com o valor inicial definido como o valor atual do eixo dos caracteres selecionados.
Quando você adiciona um animador de eixo de fonte variável, o After Effects cria a seguinte hierarquia:
Criar quadros-chave para valores de eixo
Mova o indicador do tempo atual (CTI) até o tempo desejado no painel Linha do tempo.
Selecione o ícone de cronômetro ao lado da propriedade do eixo para criar o primeiro quadro-chave no valor atual.
Mova o CTI para o novo tempo e use a rolagem ou entrada manual para alterar o valor do eixo para criar um novo quadro-chave.
Exemplos de animação
Experimente estes exemplos se estiver trabalhando com eixos individuais:
|
Exemplo |
Alterações de tempo e valor |
Resultado |
|---|---|---|
|
Transição suave de peso |
|
O texto fica gradualmente mais negrito |
|
Efeito de compressão da largura |
|
O texto se comprime e depois retorna |
|
Animação inclinada ou em itálico |
|
O texto se inclina para o estilo itálico |
Você pode adicionar vários animadores de eixo ao mesmo texto da camada, adicionando o primeiro eixo, como Peso, depois o segundo eixo, como Largura, e o terceiro eixo, como Inclinação, e criar quadros-chave para cada um independentemente ou em conjunto. Experimente os seguintes exemplos para combinar vários eixos:
|
Exemplo |
Alterações de tempo e valor |
Resultado |
|---|---|---|
|
Animação dinâmica de logotipo |
Animador 1 - Peso do eixo da fonte
Animador 2 - Largura do eixo da fonte
|
O texto fica em negrito e largo simultaneamente |
A propriedade Espaçamento da fonte variável controla como o After Effects ajusta o espaçamento de caracteres ao animar eixos de fontes, como peso ou largura.
Quando você anima as configurações da fonte, como peso ou largura, as letras podem ficar mais largas ou mais estreitas. O After Effects pode ajustar automaticamente o espaçamento entre as letras para manter uma aparência organizada, e esta configuração permite escolher quando e como esses ajustes de espaçamento ocorrem.
Expanda o grupo de propriedades de Texto da camada de texto.
Adicione um eixo de fonte variável para animar.
Na seção Mais opções, use o menu suspenso Espaçamento da fonte variável para selecionar uma das seguintes opções:
- Adaptável: aplica uma compensação de rastreamento por caractere quando apropriado para manter o espaçamento natural conforme os eixos das fontes mudam.
- Por caractere: sempre aplica uma compensação de rastreamento por caractere.
- Padrão: desabilita completamente a compensação de rastreamento por caractere. Os caracteres mantêm o espaçamento original apesar das alterações no eixo da fonte. Útil para efeitos criativos onde você quer que as alterações naturais de largura da fonte afetem o layout geral do texto.
Os seletores controlam quais caracteres um animador afeta e com que intensidade. Os animadores de eixo de fonte de variável funcionam com todos os tipos de seletor.
Seletor de intervalo (padrão)
O Seletor de intervalo define um intervalo contínuo de caracteres para animar. Aqui estão algumas das principais propriedades:
|
Propriedade |
Descrição |
Valores |
|---|---|---|
|
Início e fim |
Define quais caracteres são afetados |
0% – 100% (ou baseado em Índice/unidades)
|
|
Deslocamento |
Desloca o intervalo ao longo do texto, e animá-lo cria efeitos de “deslocamento” |
Valores: -∞ a +∞ |
|
Valor |
Controla a intensidade do efeito |
0% – 100%
|
Aqui estão alguns exemplos que você pode experimentar:
|
Exemplo |
Configuração do eixo da fonte |
Seletor de intervalo |
Quadros-chave |
Resultado |
|---|---|---|---|---|
|
Efeito de limpeza de espessura |
Peso: 900 (Preto) |
|
Fim com quadro-chave de 0% - 100% |
Peso em negrito "pinta" o texto da esquerda para a direita |
|
Onda de largura em movimento |
Largura: 150% (Expandido) |
|
Deslocamento animado ao longo do tempo |
A largura expandida percorre o texto |
Forma e suavização
|
Propriedade |
Opções |
Descrição |
|---|---|---|
|
Forma |
Quadrado |
Borda rígida entre caracteres afetados e não afetados |
|
Forma |
Rampa crescente |
Aumento gradual no intervalo |
|
Forma |
Rampa decrescente |
Diminuição gradual fora do intervalo |
|
Forma |
Triângulo |
Gradual na entrada e saída |
|
Forma |
Redondo |
Curva em forma de sino |
|
Forma |
Suave |
Transições muito graduais |
|
Suavização |
Suavização alta |
Transições muito graduais |
|
Suavização |
Suavização baixa |
Transições mais nítidas |
Aqui está um exemplo que você pode experimentar:
|
Exemplo |
Configuração do eixo da fonte |
Seletor de intervalo |
Configurações adicionais |
Resultado |
|---|---|---|---|---|
|
Gradiente de peso suave |
Espessura do eixo da fonte: 900 |
|
|
O texto começa em negrito e gradualmente fica mais claro até o peso base |
Seletor sinuoso
Aplica variações aleatórias aos valores do eixo por caractere. Aqui estão algumas das principais propriedades:
|
Propriedade |
Descrição |
Resultados |
|---|---|---|
|
Valor máximo/Valor mínimo |
Variação máxima e mínima do valor base |
Cria flutuação aleatória por caractere |
|
Chocalhos/segundo |
Velocidade de mudança dos valores aleatórios |
Maior significa movimento mais frenético |
|
Correlação |
Como os caracteres vizinhos estão relacionados |
|
|
Fase temporal |
Randomiza o deslocamento de tempo por caractere |
Adiciona variação no tempo |
Aqui estão alguns exemplos que você pode experimentar:
|
Exemplo |
Configuração do eixo da fonte |
Configurações do seletor de ondulação |
Configurações adicionais |
Resultado |
|---|---|---|---|---|
|
Efeito de peso instável |
Peso: 400 (Regular) |
|
|
O peso de cada caractere flutua aleatoriamente de forma independente |
|
Espaçamento horizontal extra |
Largura: 100% (Normal) |
|
Texto se expande/contrai suavemente em ondas |
Seletor de expressão
Permite controle preciso e matemático sobre quais caracteres são afetados usando expressões JavaScript. Valor são as propriedades principais:
- Expressão retorna um valor que controla a intensidade do efeito por caractere
- Pode acessar índice do caractere, posição, tempo e mais
Aqui estão alguns exemplos que você pode experimentar:
|
Exemplo |
Expressão (Valor) |
Eixo do animador |
Resultado |
|---|---|---|---|
|
Peso baseado na posição do caractere |
// Na propriedade Amount do Seletor de Expressão: |
|
Primeiro caractere mais leve, último mais em negrito com gradiente linear |
|
Inclinação oscilante |
// Na propriedade Amount do Seletor de Expressão: |
|
Ondas inclinadas pelo texto em um padrão senoidal |
Abaixo estão algumas variáveis de expressão usadas com frequência, juntamente com muitas outras disponíveis no After Effects:
- textIndex - Índice do caractere atual (baseado em 1)
- textTotal - Número total de caracteres
- time - Tempo atual da composição
Você pode adicionar vários seletores a um único animador para criar efeitos complexos.
Expanda o animador no painel Linha do tempo.
Selecione a lista suspensaAdicionar ao lado do nome do animador.
Selecione o tipo de seletor dentre as opções disponíveis a seguir:
- Seletor de intervalo
- Seletor sinuoso
- Seletor de expressão
Um novo seletor é adicionado e combinado com os seletores existentes. Os ajustes dos valores de Quantidade são multiplicados juntos. Por exemplo, um Seletor de intervalo em 50% multiplicado por um Seletor de ondulação em 80% produz um efeito final de 40%, permitindo transições fluidas entre camadas com variações aleatórias.
Aqui está um exemplo que você pode experimentar para obter uma onda fluida com variação, que combina um Seletor de intervalo e um Seletor de ondulação para criar um efeito de onda ousado com uma oscilação aleatória sutil.
|
Componente |
Configurações |
|---|---|
|
Animador 1 |
|
|
Seletor de intervalo 1 |
|
|
Seletor sinuoso 1 |
|
Crie efeitos distintos em intervalos de caracteres diferentes. Aqui estão dois exemplos disso:
|
Exemplo |
Configurações do Animador |
Configurações do seletor |
|---|---|---|
|
Primeira letra em negrito, restante normal |
Peso do eixo da fonte: 900 (preto) |
Seletor de intervalo:
|
|
Peso alternado |
Animador 1 (Caracteres ímpares):
Animador 2 (caracteres pares):
|
Dois Seletores de expressão controlando caracteres ímpares/pares |
Use expressões para vincular valores de eixo a outras propriedades de animação. Aqui estão dois exemplos que você pode considerar:
1. Peso controlado pela posição cria alterações de peso do texto com base na posição vertical da camada.
// Na propriedade Espessura do Eixo da Fonte:
linear(transform.position[1], 0, thisComp.height, 300, 900)
2. Largura responde ao áudio cria peso do texto com largura que reage à amplitude do áudio.
// Na propriedade Largura do Eixo da Fonte:
audioLevel = thisComp.layer("Camada de Áudio").audio.audioLevels;
linear(audioLevel[0], -48, 0, 75, 150)
Quando uma Camada de texto contém várias fontes (formatação mista). Em Animadores de texto:
- O animador aplica alterações de eixo por caractere com base na fonte de cada caractere
- Se a fonte de um caractere não tiver o eixo, esse caractere não é afetado
- Os seletores de intervalo ainda se aplicam aos intervalos de caracteres, mas o efeito varia por fonte
Aqui está um exemplo simples:
- Texto: "Hello" (fontes mistas)
- “He” usa a VariableFont A (com o eixo de peso)
- “llo” usa a VariableFont B (sem o eixo de peso)
- Animador: peso do eixo da fonte - 900
- Resultado: “He” fica em negrito, “llo” inalterado
Crie animações 3D impressionantes no After Effects
Anime personagens e ilustrações, adicione movimento ao texto e muito mais.
