Guia do Usuário Cancelar

Usar expressões para editar e acessar propriedades de texto

  1. Guia do usuário do After Effects
  2. Versões beta
    1. Visão geral do programa Beta
    2. Página inicial do After Effects Beta
    3. Recursos na versão beta
      1. Painel Propriedades (Beta)
  3. Introdução
    1. Introdução ao After Effects
    2. Novidades no After Effects 
    3. Notas de versão | After Effects
    4. Requisitos de sistema do After Effects
    5. Atalhos de teclado no After Effects
    6. Formatos de arquivo compatíveis | After Effects
    7. Recomendações de hardware
    8. After Effects para Apple Silicon
    9. Planejamento e configuração
    10. Configuração e instalação
  4. Espaços de trabalho
    1. Itens gerais da interface do usuário
    2. Conheça a interface do After Effects
    3. Fluxos de trabalho
    4. Espaços de trabalho, painéis e visualizadores
  5. Projetos e composições
    1. Projetos
    2. Noções básicas da composição
    3. Pré-composição, aninhamento e pré-renderização
    4. Exibir informações detalhadas de desempenho com o Criador de perfil de composição
    5. Renderizador de composição CINEMA 4D
  6. Importação de gravação
    1. Preparação e importação de imagens estáticas
    2. Importação do After Effects e do Adobe Premiere Pro
    3. Importação e interpretação de vídeo e áudio
    4. Preparo e importação de arquivos de imagem 3D
    5. Importação e interpretação de itens de gravação
    6. Trabalhar com itens de gravação
    7. Detectar pontos de edição usando a Detecção de edição de cena
    8. Metadados XMP
  7. Textos e gráficos
    1. Texto
      1. Formatação de caracteres e o painel Caractere
      2. Efeitos de texto
      3. Criação e edição de camadas de texto
      4. Formatação de parágrafos e o painel Parágrafo
      5. Extrusão de texto e camadas de forma
      6. Animação de texto
      7. Exemplos e recursos de animação de texto
      8. Modelos de texto dinâmico
    2. Animações
      1. Trabalhar com Modelos de animações no After Effects
      2. Usar expressões para criar listas suspensas em Modelos de animações
      3. Trabalhar com propriedades essenciais para criar Modelos de animações
      4. Substituir imagens e vídeos em Modelos de animações e Propriedades essenciais
  8. Desenho, pintura e caminhos
    1. Visão geral de camadas de forma, caminhos e gráficos vetoriais
    2. Ferramentas de pintura: Pincel, Carimbo e Borracha
    3. Como afunilar traçados de forma
    4. Atributos de forma, operações de pintura e operações de caminho para camadas de forma
    5. Use o efeito de forma Deslocar caminhos para alterar formas
    6. Criação de formas
    7. Criar máscaras
    8. Remover objetos de seus vídeos com o painel Preenchimento com reconhecimento de conteúdo
    9. Pincel tipo rotoscópio e Refinar fosco
  9. Camadas, marcadores e câmera
    1. Seleção e organização de camadas
    2. Modos de mesclagem e estilos de camadas
    3. Camadas 3D
    4. Propriedades da camada
    5. Criação de camadas
    6. Gerenciamento de camadas
    7. Marcadores de camada e de composição
    8. Câmeras, luzes e pontos de interesse
  10. Animação, quadros-chave, rastreamento de movimento e chaveamento
    1. Animação
      1. Noções básicas de animação
      2. Animação com ferramentas Marionete
      3. Gerenciamento e animação de caminhos de forma e máscaras
      4. Animação de desenho e captura de formas usando o After Effects
      5. Ferramentas de animação diversas
      6. Trabalhar com animação orientada por dados
    2. Quadro-chave
      1. Interpolação do quadro-chave
      2. Definir, selecionar e excluir quadros-chave
      3. Editar, mover e copiar quadros-chave
    3. Rastreamento de movimento
      1. Rastrear e estabilizar movimento
      2. Reconhecimento facial
      3. Rastreamento de máscara
      4. Referência de máscara
      5. Velocidade
      6. Esticamento e remapeamento de tempo
      7. Timecode e unidades de exibição de tempo
    4. Aplicação de máscara
      1. Aplicação de máscara
      2. Efeitos de máscara
  11. Transparência e composição
    1. Visão geral e recursos da composição e transparência
    2. Canais alfa, máscaras e foscos
  12. Ajustar cor
    1. Noções básicas de cores
    2. Uso da extensão de temas do Adobe Color
    3. Gerenciamento de cores
    4. Efeitos de correção de cores
  13. Predefinições de animação e efeitos
    1. Visão geral das predefinições de animação e efeitos
    2. Lista de efeitos
    3. Efeitos de simulação
    4. Efeitos de estilo
    5. Efeitos de áudio
    6. Efeitos de distorção
    7. Efeitos de perspectiva
    8. Efeitos de canal
    9. Efeitos de geração
    10. Efeitos de transição
    11. O efeito Reparo do obturador de rolagem
    12. Efeitos Desfoque e Nitidez
    13. Efeitos de Canal 3D
    14. Efeitos de utilitários
    15. Efeitos de fosco
    16. Efeitos Ruído e Granulação
    17. Efeito Ampliação com preservação de detalhes
    18. Efeitos obsoletos
  14. Expressões e automação
    1. Expressão
      1. Noções básicas de expressão
      2. Entender sobre a linguagem de expressões
      3. Utilização de controles de expressão
      4. Diferenças de sintaxe entre os mecanismos de expressão Javascript e Legacy ExtendScript
      5. Edição de expressões
      6. Erros de expressão
      7. Utilização do editor de expressões
      8. Usar expressões para editar e acessar propriedades de texto
      9. Referência de linguagem de expressão
      10. Exemplos de expressão
    2. Automação
      1. Automação
      2. Scripts
  15. Vídeo imersivo, VR e 3D
    1. Criar ambientes de VR no After Effects
    2. Aplicar efeitos de vídeo imersivo
    3. Ferramentas de composição para vídeos VR/360
    4. Rastreamento de movimento de câmera 3D
    5. Trabalhar no Espaço de design 3D
    6. Gizmos de transformação 3D
    7. Faça mais com a animação 3D
    8. Visualização de alterações em projetos 3D em tempo real com o Mecanismo em tempo real
    9. Adicionar design responsivo aos gráficos 
  16. Exibições e visualizações
    1. Visualizar
    2. Visualização de vídeo com o Mercury Transmit
    3. Modificação e utilização de exibições
  17. Renderização e exportação
    1. Noções básicas de renderização e exportação
    2. Exportar um projeto do After Effects como um projeto do Adobe Premiere Pro
    3. Conversão de filmes
    4. Renderização de vários quadros
    5. Renderização automatizada e renderização de rede
    6. Renderização e exportação de imagens estáticas e sequências de imagens estáticas
    7. Utilização do codec GoPro CineForm no After Effects
  18. Trabalho com outros aplicativos
    1. Dynamic Link e After Effects
    2. Trabalhar com o After Effects e outros aplicativos
    3. Sincronizar configurações no After Effects
    4. Bibliotecas da Creative Cloud no After Effects
    5. Plug-ins
    6. CINEMA 4D e Cineware
  19. Colaboração: Frame.io e Team Projects
    1. Colaboração no Premiere Pro e After Effects
    2. Frame.io
      1. Instalar e ativar o Frame.io
      2. Usar o Frame.io com o Premiere Pro e o After Effects
      3. Perguntas frequentes
    3. Team Projects
      1. Introdução ao Team Projects
      2. Criar um Projeto de equipe
      3. Colaborar com o Team Projects
  20. Memória, armazenamento e desempenho
    1. Memória e armazenamento
    2. Melhorar o desempenho
    3. Preferências
    4. GPU e os requisitos de driver de GPU para o After Effects

Editar os estilos e as propriedades de texto usando os controles de expressão.

Use expressões para controlar o estilo de texto em qualquer expressão de texto ou em modelos de animações. Algumas coisas que você pode fazer com expressões são:

  • Vincular vários títulos e atualizar seus estilos ao mesmo tempo (muito útil para a criação de títulos).
  • Manter a fonte, o tamanho e o estilo na sincronização em várias camadas de texto.
  • Fazer alterações globais nas propriedades de texto.

Uma vez definido tudo isso em uma camada de texto, consulte as propriedades dessa camada para aplicar alterações com facilidade ao longo da composição.

O After Effects usa as funções "get" e "set" para ler e gravar valores de propriedades de texto no mecanismo de expressões. Você pode usar expressões para direcionar e definir estilos de fonte, como propriedades de texto em camadas de texto.

Para acessar essas funções para propriedades de texto:

  1. Adicione uma expressão à propriedade texto de origem de uma camada de texto. Para obter mais informações, consulte Introdução à expressão.
  2. No menu suspenso Linguagem de expressão, selecione Texto > Propriedades > Propriedades.

Salvar expressões como predefinições

Selecione Texto de origem com as expressões adicionadas. Em seguida, selecione Animação > Salvar predefinição de animação para reutilizar as expressões em outros projetos. As Predefinições de animação são salvas no painel Efeitos e predefinições.

Para obter mais informações, consulte Visão geral de predefinições de efeitos e animação.

Menu de expressões de fonte PostScript

Ao consultar fontes em expressões, elas devem usar um "system name" especial (ou semelhante). Recomenda-se inserir esse nome especial na caixa de diálogo Texto > Fonte > Selecionar fonte para evitar erros de expressão.

  • Abra o menu suspenso de Linguagem de expressão e selecione Texto > Fonte. Isso abre uma caixa de diálogo com menus suspensos para selecionar a fonte a ser inserida na expressão.
Menu Fonte

Sincronização de fontes

As fontes que são referenciadas somente no Editor de expressões não são gravadas como fontes usadas pelo projeto. Para que todas as fontes referenciadas no Editor de expressões sincronizem automaticamente ou preencham a caixa de diálogo Resolver fontes, use todas as fontes em uma camada, mesmo que a origem da camada esteja oculta.

Fontes usadas

Objeto de estilo

Todas as propriedades de estilo de uma camada de texto existem no objeto de estilo, que é acessado na propriedade Texto de origem usando o seguinte:

// Usar o caminho inteiro até a propriedade Texto de origem text.sourceText.style // Usar o nome genérico da propriedade atual thisProperty.style

Usar estilo é o mesmo que usar qualquer um dos dois exemplos acima, mas isso pode ser confuso se os atributos de estilo de várias camadas de texto estiverem sendo combinados.

Os atributos de estilo de outras camadas de texto também podem ser lidos. Use o ícone de seleção para criar um link para a outra camada de texto no início do primeiro exemplo mostrado acima.

// Acessar o objeto de estilo de uma camada de texto específica thisComp.layer(“Other Layer Name”).text.sourceText.style;

Atributos de texto disponíveis

Os seguintes atributos de estilo de texto podem ser lidos e definidos usando o objeto de estilo:

  • Fonte
  • Tamanho da fonte
  • Negrito falso
  • Itálico falso
  • Todas em maiúsculas
  • Minúsculas
  • Rastreamento
  • Entrelinha
  • Entrelinha automática
  • Deslocamento da linha de base
  • Preenchimento (ativar/desativar)
  • Cor de preenchimento
  • Traçado (ativar/desativar)
  • Cor do traçado
  • Largura do traçado

A propriedade Texto de origem de uma camada de texto é interpretada por expressões como uma sequência de caracteres JavaScript. O texto em si pode ser lido com o sourceText, mas deve ser definido no objeto de estilo com o método setText se os atributos de estilo estiverem sendo modificados. Veja os exemplos abaixo.

Combinar estilo e texto de origem

texto e estilo
Combinar estilo e texto de origem

Para retornar tanto os valores do estilo como do texto de origem real, será necessário combinar as funções getStyleAt e setText. Veja a seguir dois exemplos de como escrever essa expressão.

// Para retornar os valores do estilo e o texto de origem real (curto) var sourceTextProperty = thisComp.“MAIN TEXT”).text.sourceText; var newStyle = sourceTextProperty.getStyleAt(0,0); newStyle.setText(sourceTextProperty);
// Para retornar os valores do estilo e o texto de origem real da camada anterior na ordem de empilhamento de camadas var sourceTextProperty = thisComp.layer(index - 1).text.sourceText; var newStyle = sourceTextProperty.getStyleAt(0,0); newStyle.setText(sourceTextProperty);

Fontes em menu suspenso

fontes em menu suspenso
Vincular fontes ou estilos a um menu suspenso

Você pode usar Menus suspensos para controlar estilos de texto, por exemplo, é possível bloquear camadas de texto para fontes específicas. Isso é útil para diretrizes de marca, modelos, modelos de animações e muito mais:

// Para bloquear uma camada de texto para fontes específicas com um controle de menu suspenso var dropDownMenu = thisComp.layer(“LayerName”).effect(“Dropdown Menu Control”)(“Menu”); switch (dropDownMenu.value) { case 1 : text.sourceText.style.setFont(“Georgia”); break; case 2 : text.sourceText.style.setFont(“Impact”); break; default : text.sourceText.style.setFont(“Tahoma”); }

Camada de texto principal

camada de texto principal
Obter propriedades de texto da “Camada de texto 1”, mas substituir o tamanho da fonte e a cor de preenchimento

Vincule várias camadas de texto a um controlador de fonte principal para controlar o estilo de texto de várias camadas de uma vez. Crie duas camadas de texto e cole essa expressão no texto de origem de uma delas:

// Para obter todas as propriedades de texto de uma camada de texto 
 
thisComp.layer(“Text Layer 1”).text.sourceText.style;

É possível obter o estilo de uma camada de texto, mas substituir propriedades de texto específicas adicionando valores com as funções do conjunto. Veja a seguir dois exemplos de cor de preenchimento e tamanho da fonte.

// Para obter todas as propriedades de texto de “camada de texto 1”, mas substituir a cor de preenchimento e o tamanho da fonte por valores codificados
 
var newStyle = thisComp.layer(“Text Layer 1”).text.sourceText.style; 
 
newStyle.setFillColor(hexToRgb(“FF0000”)).setFontSize(100);
// Para obter todas as propriedades de texto da “camada de texto 1”, mas substituir a cor de preenchimento e o tamanho da fonte pelas propriedades de texto atuais da camada 
 
var newStyle = thisComp.layer(“Text Layer 1”).text.sourceText.style; 
 
var currentFillColor = thisProperty.style.fillColor; 
 
var currentFontSize = thisProperty.style.fontSize; 
 
newStyle.setFillColor(currentFillColor).setFontSize(currentFontSize);

Exemplos

Veja a seguir exemplos de como acessar e usar valores de propriedades de texto com expressões.

Fonte

Veja a seguir exemplos de acesso à fonte de uma camada de texto, tamanho da fonte, negrito falso, itálico falso, rastreamento e entrelinha:

// Para retornar o nome da fonte da própria camada de texto text.sourceText.style.font; // Para retornar o nome da fonte que outra camada de texto usa var otherLayer = thisComp.layer(“Other Layer Name”); otherLayer.text.sourceText.style.font; // Para retornar o valor do tamanho da fonte da própria camada de texto text.sourceText.style.fontSize; // Para retornar o valor do tamanho da fonte de outra camada de texto var otherLayer = thisComp.layer(“Other Layer Name”); otherLayer.text.sourceText.style.fontSize; // Para retornar um valor booleano para que o texto de uma camada seja Negrito falso ou não (verdadeiro ou falso) text.sourceText.style.isFauxBold; // Para retornar um valor booleano para que o texto de uma camada seja falso ou não (verdadeiro ou falso) text.sourceText.style.isFauxItalic; // Para retornar o valor do rastreamento de uma camada de texto como número text.sourceText.style.tracking; // Para retornar o valor da entrelinha de uma camada de texto como texto numérico text.sourceText.style.leading;

Preenchimento

Veja a seguir exemplos de acesso à cor de preenchimento e preenchimento de uma camada de texto:

// Para retornar um valor booleano que especifica se o texto de uma camada tem o preenchimento aplicado (verdadeiro ou falso) text.sourceText.style.applyFill; // Para retornar o valor da cor de preenchimento de uma camada de texto // Por padrão, isso retorna uma matriz dos valores RGB em uma escala de 0 a 1,0 text.sourceText.style.fillColor; // Definir a cor de preenchimento de uma camada de texto com os valores setApplyFill e setFillColor // valores setFillColor são definidos como matriz RGB em uma escala de 0 a 1,0 var newStyle = style.setApplyFill(true); newStyle.setFillColor([1.0, 1.0, 1.0]); // Definir a cor de preenchimento de uma camada de texto substituindo a matriz RGB de 0 a 1,0 por hexToRGB para definir os valores de cor com valores hexadecimais var newStyle = style.setApplyFill(true); newStyle.setFillColor(hexToRgb(“FFFFFF”));
Observação:

Para retornar o valor da cor de preenchimento para R, G ou B de uma camada de texto, adicione 0, 1 ou 2 entre colchetes, respectivamente.

// Para retornar o valor vermelho (R) da cor de preenchimento
 
text.sourceText.style.fillColor[0];

Traçado

Veja a seguir exemplos de acesso ao traçado, à cor do traçado e à largura do traçado de uma camada de texto:

// Para retornar um valor booleano para ver se o texto da camada tem um traçado aplicado ou não (verdadeiro ou falso) text.sourceText.style.applyStroke; 
// Para retornar o valor da cor do traçado de uma camada de texto // Por padrão, essa expressão retorna uma matriz dos valores RGB em uma escala de 0 a 1,0 
text.sourceText.style.strokeColor; // Definir a cor do traçado de uma camada de texto com os valores de setApplyStroke e setStrokeColor // os valores setStrokeColor são definidos como matriz RGB em uma escala de 0 a 1,0 var newStyle = style.setApplyStroke(true); newStyle.setStrokeColor([1.0, 0.0, 0.0]);
 
// Definir a cor do traçado de uma camada de texto substituindo a matriz RGB de 0 a 1,0 por hexToRGB para definir os valores de cor com valores hexadecimais
 
var newStyle = style.setApplyStroke(true);
 
newStyle.setStrokeColor(hexToRgb(“FF0000”));
 
// Para retornar o valor da largura do traçado de uma camada de texto como número 
text.sourceText.style.strokeWidth;
Observação:

Para retornar o valor da cor do traçado para R, G ou B de uma camada de texto, adicione 0, 1 ou 2 entre colchetes, respectivamente.

// Para retornar o valor verde (G) da cor do traçado
 
text.sourceText.style.strokeColor[1];

Funções GET

Use essa função para retornar o valor de estilo de um determinado caractere em um momento específico. "índex" deve ser um número, o índice da letra ou do caractere cujo estilo é necessário. "atTime" também deve ser um número, o tempo dentro da composição para obter o estilo, caso o estilo tenha quadros-chave e mude ao longo do tempo.

text.sourceText.getStyleAt(index, atTime);
Observação:

Usar text.sourceText.style é o mesmo que usar text.sourceText.getStyleAt(0,0).

// Obtém o estilo do primeiro caractere no início da linha do tempo
 
text.sourceText.getStyleAt(0,0);

Funções SET

Funções SET adicionais que podem ser usadas individualmente ou em combinação com outras para direcionar estilos nas camadas. Cada uma dessas funções é chamada no objeto de estilo de uma propriedade de texto de origem:

// Definir a fonte usada como Arial 
style.setFont(“ArialMT”) // Definir o tamanho da fonte como 80 style.setFontSize(80); // Ativar Negrito falso com um estilo booleano style.setFauxBold(true) // Ativar o Itálico falso com um estilo booleano style.setFauxItalics(true) // Ativar todas em maiúsculas com um estilo booleano style.setAllCaps(true) // Ativar minúsculas com um estilo booleano style.setSmallCaps(true) // Definir o rastreamento como número style.setTracking(10); // Definir a entrelinha como número style.setLeading(10); // Ativar entrelinha automática com um estilo booleano style.setAutoLeading(true); // Definir o deslocamento da linha de base como número style.setBaselineShift(10); // Definir a largura do traçado como número style.setStrokeWidth(10); 

Todas as funções SET para estilos de texto podem ser encadeadas para definir vários atributos facilmente, sem ter que declarar sempre um novo estilo, como no exemplo a seguir:

Observação:

Não se usa ponto e vírgula até que o último atributo seja definido. Listar cada atributo em sua própria linha ajuda a facilitar a leitura da cadeia inteira.

// Ativar preenchimento, definir cor de preenchimento, definir linha de base, ajustar o rastreamento e ativar entrelinha automática
 
text.sourceText.style
 
  .setApplyFill(true) 

.setFillColor(hexToRgb(“FFFFFF”)) .setBaselineShift(10) .setTracking(25) .setAutoLeading(true);

Dica de expressão de texto do parágrafo

Você pode usar “\r” em uma expressão de cadeia de caracteres para iniciar uma nova linha de texto. Por exemplo, para copiar o texto original de uma camada na mesma camada e para repeti-lo em todos os caracteres em maiúsculas em uma nova linha, use a seguinte expressão:

  text.sourceText + “\r” + text.sourceText.toUpperCase()

Usos adicionais de expressões no texto de origem

Adicionar uma camada de texto a uma composição e adicionar uma expressão à sua propriedade Texto de origem pode ser uma excelente forma de examinar os valores de propriedades de outras camadas. Por exemplo, a seguinte expressão em uma propriedade Texto de origem reporta o nome e o valor da propriedade Opacidade para a próxima camada na ordem de empilhamento de camadas:

var nextLayer = thisComp.layer(index + 1);
nextLayer.name + “\rOpacity = ” + nextLayer.opacity.value; 

O exemplo a seguir indica o nome do item de gravação usado como origem da primeira camada de imagem na ordem de empilhamento no tempo atual que tem a opção Vídeo definida:

// Criar sourceFootageName como uma sequência de caracteres em branco var sourceFootageName = “”; // Executar um loop por todas as camadas na composição for (var i = 1; i <= thisComp.numLayers; i++) { // Se i corresponder ao índice dessa camada, continue para o próximo loop if (i == index) { continue; } // Definir myLayer para a iteração atual do loop var myLayer = thisComp.layer(i); // Se myLayer não tiver vídeo ou não estiver ativo, continue para o próximo loop/camada if ( !myLayer.hasVideo || !myLayer.active ) { continue; } // Se myLayer estiver ativo no tempo atual if ( myLayer.active ) { try { // Definir sourceFootageName para nome de origem de myLayer sourceFootageName = myLayer.source.name; } catch ( err ) { // Se myLayer não tiver origem, // definir sourceFootageName para o nome de origem de myLayer sourceFootageName = myLayer.name; } // Parar de executar loop break; } } // Exibir sourceFootageName sourceFootageName;

Mais recursos de expressão

Agora que você compreendeu alguns dos conceitos por trás das expressões, acesse a Comunidade para ver alguns exemplos reais e compartilhar seu trabalho.

Para obter mais informações sobre como usar as expressões de estilo de texto e as listas suspensas, consulte esta publicação no blog da Adobe: After Effects 2020: Express Yourself (and Your Text).

Consulte também a coleção excelente de expressões de exemplo e tutoriais do Dan Ebberts no seu site MotionScript.

O fórum AE Enhancers fornece muitos exemplos e informações sobre expressões, além de scripts e predefinições de animação.

Logotipo da Adobe

Fazer logon em sua conta