Crie uma camada de texto e aplique uma fonte variável a partir do painel Caractere.
- Guia do usuário do After Effects
- Versões beta
- Introdução
- Introdução ao After Effects
- Novidades no After Effects
- Notas de versão | After Effects
- Requisitos de sistema do After Effects
- Atalhos de teclado no After Effects
- Formatos de arquivo compatíveis | After Effects
- Recomendações de hardware
- After Effects para Apple Silicon
- Planejamento e configuração
- Dica do dia
- Espaços de trabalho
- Projetos e composições
- Importação de gravação
- Preparação e importação de imagens estáticas
- Importação do After Effects e do Adobe Premiere Pro
- Importação e interpretação de vídeo e áudio
- Preparo e importação de arquivos de imagem 3D
- Importação e interpretação de itens de gravação
- Importar arquivos SVG
- Trabalhar com itens de gravação
- Detectar pontos de edição usando a Detecção de edição de cena
- Metadados XMP
- Textos e gráficos
- Texto
- Animações
- Trabalhar com Modelos de animações no After Effects
- Usar expressões para criar listas suspensas em Modelos de animações
- Trabalhar com propriedades essenciais para criar Modelos de animações
- Substituir imagens e vídeos em Modelos de animações e Propriedades essenciais
- Anime de maneira mais rápida e fácil usando o painel Propriedades
- Eixos de fonte variável
- Desenho, pintura e caminhos
- Visão geral de camadas de forma, caminhos e gráficos vetoriais
- Ferramentas de pintura: Pincel, Carimbo e Borracha
- Traçados de forma cônica
- Atributos de forma, operações de pintura e operações de caminho para camadas de forma
- Use o efeito de forma Deslocar caminhos para alterar formas
- Criação de formas
- Criar máscaras
- Remover objetos de seus vídeos com o painel Preenchimento com reconhecimento de conteúdo
- Pincel tipo rotoscópio e Refinar fosco
- Criar nulos para caminhos e propriedades posicionais
- Camadas, marcadores e câmera
- Animação, quadros-chave, rastreamento de movimento e chaveamento
- Animação
- Quadro-chave
- Rastreamento de movimento
- Aplicação de máscara
- Transparência e composição
- Ajustar cor
- Predefinições de animação e efeitos
- Visão geral das predefinições de animação e efeitos
- Lista de efeitos
- Gerenciador de efeitos
- Efeitos de simulação
- Efeitos de estilo
- Efeitos de áudio
- Efeitos de distorção
- Efeitos de perspectiva
- Efeitos de canal
- Efeitos de geração
- Efeitos de tempo
- Efeitos de transição
- O efeito Reparo do obturador de rolagem
- Efeitos Desfoque e Tornar nítido
- Efeitos de Canal 3D
- Efeitos de utilitários
- Efeitos de fosco
- Efeitos Ruído e Granulação
- Efeito de ampliação com preservação de detalhes
- Efeitos obsoletos
- Plug-ins do Cycore
- Expressões e automação
- Expressões
- Noções básicas de expressão
- Entender sobre a linguagem de expressões
- Utilização de controles de expressão
- Diferenças de sintaxe entre os mecanismos de expressão Javascript e Legacy ExtendScript
- Edição de expressões
- Erros de expressão
- Utilização do editor de expressões
- Usar expressões para editar e acessar propriedades de texto
- Referência de idioma de expressão
- Exemplos de expressão
- Automação
- Expressões
- Vídeo imersivo, VR e 3D
- Construa ambientes VR no After Effects
- Aplicar efeitos de vídeo imersivo
- Ferramentas de composição para vídeos VR/360
- Renderizador 3D avançado
- Importar e adicionar modelos 3D à composição
- Importação de modelos 3D das bibliotecas da Creative Cloud
- Criar malhas paramétricas
- Iluminação com base na imagem
- Luzes do ambiente animadas
- Ativar luzes para projetar sombras
- Extração e animação de luzes e câmeras de modelos 3D
- Rastreamento de movimento de câmera 3D
- Ajustar as Configurações Padrão da Câmera para composições 3D
- Projetar e aceitar sombras
- Animações de modelos 3D incorporadas
- Coletor de sombras
- Extração de dados de profundidade 3D
- Modificar as propriedades de materiais de uma camada 3D
- Aplicar materiais Substance 3D
- Trabalhar no Espaço de design 3D
- Gizmos de transformação 3D
- Gizmo 3D único para múltiplas camadas 3D
- Faça mais com a animação 3D
- Visualização de alterações em projetos 3D em tempo real com o mecanismo Mercury 3D.
- Adicionar design responsivo aos gráficos
- Exibições e visualizações
- Renderização e exportação
- Noções básicas de renderização e exportação
- Codificação em H.264 no After Effects
- Exportar um projeto do After Effects como um projeto do Adobe Premiere Pro
- Conversão de filmes
- Renderização de vários quadros
- Renderização automatizada e renderização de rede
- Renderização e exportação de imagens estáticas e sequências de imagens estáticas
- Utilização do codec GoPro CineForm no After Effects
- Trabalho com outros aplicativos
- Colaboração: Frame.io e Team Projects
- Memória, armazenamento e desempenho
- Knowledge Base
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.
Usar os novos recursos beta
A compatibilidade com eixos de fontes de variáveis já está disponível para testes e feedback. Experimente agora no After Effects (beta).
Nesta página:
- 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.
-
-
Selecione a camada de texto e, no painel Propriedades, na seção Fonte e estilo, selecione o ícone de Fonte variável para abrir um pop-up que exibe todos os eixos disponíveis para a fonte atual.
Use o ícone de fonte variável para exibir todos os eixos disponíveis para a fonte selecionada. Use o ícone de fonte variável para exibir todos os eixos disponíveis para a fonte selecionada. -
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.
Ajuste o valor do eixo, usando o controle de rolagem para trabalhar com o peso, a largura ou outras propriedades variáveis da fonte. Ajuste o valor do eixo, usando o controle de rolagem para trabalhar com o peso, a largura ou outras propriedades variáveis da fonte. 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.
Passar o cursor do mouse sobre o texto ativo mostra os valores mínimo e máximo definidos pela fonte. Passar o cursor do mouse sobre o texto ativo mostra os valores mínimo e máximo definidos pela fonte. -
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 .
Use o ícone de fonte variável para exibir todos os eixos disponíveis para a fonte selecionada. Use o ícone de fonte variável para exibir todos os eixos disponíveis para a fonte selecionada. -
Ajuste os valores do eixo para que se apliquem apenas aos caracteres selecionados.
Observação: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].
Realce o texto no painel “Composição” e use o menu “Animar texto” para visualizar os eixos de fontes variáveis disponíveis. Realce o texto no painel “Composição” e use o menu “Animar texto” para visualizar os eixos de fontes variáveis disponíveis. -
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].
A opção de eixos de fontes variáveis em “Animar” permite animar propriedades da fonte, como peso ou largura. A opção de eixos de fontes variáveis em “Animar” permite animar propriedades da fonte, como peso ou largura. -
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].
O botão Adicionar animador está selecionado no painel Propriedades para aplicar controles de animação às propriedades do texto. O botão Adicionar animador está selecionado no painel Propriedades para aplicar controles de animação às propriedades do texto. -
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.
Adicione quadros-chave para a propriedade Peso do eixo da fonte da camada de texto para animar mudanças no peso ao longo do tempo. Adicione quadros-chave para a propriedade Peso do eixo da fonte da camada de texto para animar mudanças no peso ao longo do tempo.
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. Estas sã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 Valor do seletor de expressão: linear(textIndex, 1, textTotal, 0, 100) |
|
Primeiro caractere mais leve, último mais em negrito com gradiente linear |
|
Inclinação oscilante |
// Na propriedade Valor do seletor de expressão: Math.sin(time * 3 + textIndex * 0.5) * 50 + 50 |
|
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 de peso 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 de largura do eixo da fonte: audioLevel = thisComp.layer("Audio Layer").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